:root{--cream:#EFE8D8;--brown:#8E6D3F;--dark:#3F3020;--blue:#88AFD5;--line:#d8cbb7;color:var(--dark);font-family:Geologica,Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1}h2{font-size:1.4rem;margin-bottom:1rem}h3{font-size:1rem}p{line-height:1.6}header{background:#fffaf1;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}nav{max-width:1200px;margin:auto;min-height:72px;padding:1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}nav a{font-size:.95rem;font-weight:700;text-decoration:none;color:var(--brown)}.nav-actions{display:flex;align-items:center;gap:.75rem}.shell{max-width:1200px;margin:auto;padding:2.5rem 1.3rem 5rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brown);margin-bottom:.6rem}.lead{margin-top:1rem;color:#6a563a}.grid{display:grid;gap:1rem}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:2rem 0}.card{background:#fffdf7;border:1px solid var(--line);border-radius:15px;padding:1.3rem;box-shadow:0 6px 20px #4c341108}.stat strong{display:block;font-size:1.7rem;color:var(--brown);margin:.25rem 0}.stat span,.muted{color:#775e3d;font-size:.86rem}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem}.catalog{display:grid;gap:.8rem}.item{border:1px solid var(--line);border-radius:12px;padding:1rem;background:#fffaf1}.item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.item p{font-size:.85rem;margin-top:.5rem;color:#6d5a3e}.item small{display:block;color:#715f44;margin-top:.5rem;line-height:1.4}.pill{display:inline-block;white-space:nowrap;padding:.25rem .6rem;border-radius:99px;background:#e1d4be;color:#503c28;font-size:.7rem;font-weight:700}.pill.ok{background:#dcebd6;color:#356035}.pill.blue{background:#d7e9f6;color:#305b7d}.pill.warn{background:#f7e9be;color:#805b10}.btn{border:1px solid var(--brown);background:var(--brown);color:white;font-weight:700;border-radius:8px;padding:.72rem 1rem;text-align:center}.btn.secondary{background:transparent;color:var(--brown)}.btn.small{font-size:.78rem;padding:.5rem .75rem}.btn.blue{background:var(--blue);color:var(--dark);border-color:var(--blue)}.row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.spacer{flex:1}.field{display:grid;gap:.4rem;margin:.8rem 0}.field label{font-size:.82rem;font-weight:650}.field input,.field select,.field textarea{width:100%;min-height:44px;border:1px solid #bcae94;padding:.65rem .75rem;border-radius:8px;background:white;color:var(--dark)}.field textarea{min-height:76px}.note{margin:.7rem 0;padding:.75rem;border-left:3px solid var(--blue);background:#eff3ee;font-size:.86rem;line-height:1.5}.error{color:#972f26;font-size:.86rem}.success{color:#226833;font-size:.86rem}.empty{color:#775e3d;font-size:.88rem;padding:1rem;border:1px dashed var(--line);border-radius:8px}.rulelist{display:grid;gap:.45rem}.rulelist div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.6rem 0;font-size:.86rem}.history{display:grid;gap:.5rem}.history-row{padding:.65rem 0;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;align-items:center;font-size:.85rem}.login-wrap{max-width:460px;margin:5vh auto;padding:1.5rem}.login-wrap h1{font-size:2rem}.login-wrap .card{margin-top:1rem}.overlay{position:fixed;z-index:30;inset:0;background:rgba(25,20,15,.65);display:grid;place-items:center;padding:1.2rem}.dialog{background:var(--cream);color:var(--dark);max-width:520px;width:100%;padding:2rem;border-radius:20px;box-shadow:0 22px 60px #0005}.dialog h2{margin-top:.7rem}.dialog p{margin:1rem 0}.dialog .row{justify-content:flex-end}.hidden{display:none!important}.staff-grid{display:grid;grid-template-columns:minmax(220px,310px) minmax(0,1fr);gap:1.2rem;margin-top:1.4rem}.client-picker{width:100%;text-align:left;padding:.9rem;background:white;border:1px solid var(--line);border-radius:10px;margin:.25rem 0;color:var(--dark)}.client-picker.active{border:2px solid var(--blue);background:#f5f9fc}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.admin-box{margin-top:1.3rem}.notice{margin:1rem 0;padding:1rem;background:#fff8db;border:1px solid #e6d18c;border-radius:10px;font-size:.85rem}.divider{border:0;border-top:1px solid var(--line);margin:1.4rem 0}.toast{position:fixed;bottom:1rem;right:1rem;max-width:360px;padding:1rem;background:#fff;color:#222;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 25px #0003;z-index:50}footer{text-align:center;padding:3rem 1rem;font-size:.8rem;color:#735b3d}@media(max-width:900px){.grid.stats{grid-template-columns:repeat(2,1fr)}.columns,.staff-grid{grid-template-columns:1fr}}@media(max-width:550px){.grid.stats{grid-template-columns:1fr 1fr}.card{padding:1rem}.shell{padding-top:1.5rem}.two-fields{grid-template-columns:1fr}nav{min-height:60px}.dialog{padding:1.2rem}}

.mt-card{margin-top:1.2rem}.mt-1{margin-top:1rem}.grid.stats.staff-stats{grid-template-columns:repeat(3,1fr);margin:1.2rem 0}
