:root{color:#2b211c;font-synthesis:none;--bg:#fffaf2;--panel:#fff;--cream:#fff4df;--red:#c81017;--red-dark:#9f0d12;--orange:#ff6a1a;--orange-soft:#fff0e6;--green:#2f7d4a;--green-soft:#e9f5ed;--amber:#b86a00;--amber-soft:#fff5df;--text:#2d211b;--muted:#7b6d65;--line:#eadfd5;--shadow:0 18px 45px #54301414;background:#fffaf2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(#fffaf2 0%,#fffdf9 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.logo{width:220px;max-width:78%;margin:0 auto 12px;display:block}.logo.small{width:150px;margin:0}.login-wrap{background:radial-gradient(circle at 15% 0,#fff0dd 0,transparent 35%),radial-gradient(circle at 100% 100%,#ffe7d3 0,transparent 30%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);background:#fffffff0;border-radius:28px;padding:32px}.login-card h1{text-align:center;margin-bottom:7px}.sub{color:var(--muted);text-align:center;margin-bottom:26px;line-height:1.5}.center{text-align:center}.app-loading{text-align:center;min-height:100vh;color:var(--muted);place-content:center;gap:8px;display:grid}.field{flex-direction:column;gap:8px;margin:14px 0;display:flex}.field span{color:#55463d;font-size:13px;font-weight:700}.field input,.field select,.field textarea,select.branch-select{border:1px solid var(--line);width:100%;color:var(--text);background:#fffdf9;border-radius:13px;outline:none;padding:12px 13px;transition:border .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus,select.branch-select:focus{border-color:#ff9f62;box-shadow:0 0 0 4px #ff6a1a1c}.primary,.secondary,.success,.logout,.mini,.clock-btn{border:0;border-radius:12px;padding:11px 15px;font-weight:800}.primary{background:linear-gradient(135deg,var(--red),#e22824);color:#fff}.primary:hover{background:var(--red-dark)}.secondary{color:#4c3b31;border:1px solid var(--line);background:#fff8ef}.success{background:var(--green);color:#fff}.wide{width:100%}.logout{color:#8c251d;background:#fff1ed;border:1px solid #f1cfc8;width:100%}.logout.auto{width:auto}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:#fffdf8;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.side .logo{width:178px}.nav{gap:7px;margin-top:20px;display:grid}.nav button{text-align:left;color:#66554b;background:0 0;border:0;border-radius:12px;padding:12px 14px;font-weight:750}.nav button:hover{background:#fff5e8}.nav button.active{color:var(--red);box-shadow:inset 3px 0 0 var(--orange);background:#fff0df}.side-bottom{gap:10px;margin-top:auto;display:grid}.main{min-width:0;padding:28px 30px 50px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.topbar h2{margin-bottom:5px}.top-actions{align-items:center;gap:10px;display:flex}.branch-select{min-width:170px}.muted{color:var(--muted);font-size:14px}.tiny{color:var(--muted);font-size:12px;line-height:1.45}.metric{letter-spacing:-.04em;font-size:34px;font-weight:900}.metric.small{letter-spacing:-.02em;font-size:21px}.grid{gap:14px;display:grid}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:#fffffff5;border-radius:18px;padding:19px;box-shadow:0 7px 25px #4d2d160a}.card h3{margin-bottom:10px;font-size:16px}.section{margin-top:16px}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head h3{margin:0}.split-actions{flex-wrap:wrap;gap:10px;display:flex}.hr{background:var(--line);height:1px;margin:18px 0}.top-gap{margin-top:7px}.branch-health{align-items:center;gap:11px;display:flex}.health-dot{background:#b8ada6;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #f4efeb}.health-dot.good{background:#3c9259;box-shadow:0 0 0 5px #e8f4ec}.health-dot.warn{background:#dc8100;box-shadow:0 0 0 5px #fff0d4}.health-dot.bad{background:#d52b2b;box-shadow:0 0 0 5px #ffe5e5}.alert{background:#fff7f2;border:1px solid #efd7cf;border-radius:15px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:15px 17px;display:flex}.alert.urgent{color:#6f1612;background:#fff0ef;border-color:#efb7b2}.alert strong{margin-bottom:3px;display:block}.alert span{font-size:13px;display:block}.alert-icon{color:#fff;background:#d72626;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.grow{flex:1}.notice{color:#6f542f;background:#fff6e8;border:1px solid #f2dec2;border-radius:11px;padding:11px 13px;font-size:14px}.notice.error{color:#8e211c;background:#fff0ef;border-color:#f0c5c1}.need-item,.activity-item{border-bottom:1px solid #f1e8e0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.need-item:last-child,.activity-item:last-child{border-bottom:0}.need-main{align-items:center;gap:10px;display:flex}.need-dot{background:#8e9a87;border-radius:50%;flex:none;width:10px;height:10px}.need-dot.high{background:var(--orange)}.need-dot.urgent{background:var(--red)}.need-actions{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.mini{color:#6a4832;background:#fff7ef;border:1px solid #e5d7cb;padding:7px 10px;font-size:12px}.mini.green{background:var(--green-soft);color:var(--green);border-color:#c9e3d1}.empty{color:var(--muted);background:#fffdf9;border:1px dashed #ddcfc5;border-radius:12px;padding:17px;font-size:13px}.badge{border-radius:999px;margin-top:5px;padding:5px 9px;font-size:11px;font-weight:850;display:inline-flex}.badge.available{background:var(--green-soft);color:var(--green)}.badge.low{background:var(--amber-soft);color:var(--amber)}.badge.finished{color:#b92621;background:#ffe5e4}.badge.gray{color:#71645c;background:#f1ece8}.report-mini{margin:13px 0}.report-grid{grid-template-columns:repeat(4,1fr)}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}th,td{text-align:left;border-bottom:1px solid #eee4dc;padding:12px 10px}th{text-transform:uppercase;letter-spacing:.06em;color:#88766a;font-size:11px}.compact-form{margin-bottom:15px}.worker-wrap{max-width:1120px;margin:0 auto;padding:22px 22px 45px}.worker-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.worker-user{align-items:center;gap:15px;display:flex}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(130deg,#fff6e9,#fffdf9 62%);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.hero h2{margin:4px 0 5px}.clock-actions{flex-wrap:wrap;gap:8px;display:flex}.clock-btn{padding:11px 14px}.clock-in{color:#256b3d;background:#e8f5ec}.break{color:#9a5d00;background:#fff3df}.clock-out{color:#a62822;background:#ffe8e6}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sale-item{background:#fffdf9;border:1px solid #eee2d9;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:13px;display:flex}.sale-item>span{font-weight:700}.counter{align-items:center;gap:9px;display:flex}.counter button{background:#fff;border:1px solid #e4d5ca;border-radius:9px;width:32px;height:32px;font-size:18px}.counter b{text-align:center;min-width:20px}.status-row{flex-wrap:wrap;gap:8px;display:flex}.status-option{color:#6e5d52;background:#fffdf9;border:1px solid #e4d8ce;border-radius:11px;flex:1;min-width:92px;padding:10px;font-weight:800}.status-option.available{background:var(--green-soft);color:var(--green);border-color:#bfdcc8}.status-option.low{background:var(--amber-soft);color:var(--amber);border-color:#f0d4a5}.status-option.finished{color:#a92a25;background:#ffe8e6;border-color:#efc5c1}.check-row{align-items:center;gap:9px;font-weight:800;display:flex}.check-row input{width:18px;height:18px}.footer-note{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}.toast{z-index:100;color:#fff;background:#2d211b;border-radius:14px;align-items:center;gap:15px;max-width:min(430px,100vw - 40px);padding:13px 14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 15px 40px #0000002e}.toast.success{background:#286d40}.toast.error{background:#9f2520}.toast button{color:#fff;background:0 0;border:0;font-size:20px}@media (width<=1000px){.grid.metrics,.report-grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:210px 1fr}.main{padding:24px 20px}.side{padding:20px 14px}.item-grid{grid-template-columns:1fr}}@media (width<=760px){.shell{display:block}.side{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:14px;position:relative}.side .logo{width:135px;margin-left:0}.nav{margin-top:10px;display:flex;overflow:auto}.nav button{white-space:nowrap}.side-bottom{display:none}.main{padding:18px 14px 40px}.topbar,.hero,.worker-top{flex-direction:column;align-items:flex-start}.top-actions{width:100%}.top-actions>*{flex:1}.grid.metrics,.two,.three,.report-grid{grid-template-columns:1fr}.worker-wrap{padding:14px}.clock-actions{width:100%}.clock-actions button{flex:1}.worker-user{justify-content:space-between;width:100%}.logo.small{width:130px}.login-card{padding:25px 20px}.section-head{align-items:flex-start}.item-grid{grid-template-columns:1fr}.status-row{grid-template-columns:repeat(3,1fr);display:grid}.status-option{min-width:0;padding:9px 5px;font-size:12px}}