@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--slate-950: #0a0f14;--slate-900: #111827;--slate-800: #1e2a38;--slate-700: #2d3f52;--slate-600: #3d5166;--slate-300: #8da3b8;--slate-200: #c4d0db;--slate-100: #e8eff5;--slate-50: #f4f7fa;--white: #ffffff;--gold: #c9a84c;--gold-light:#f0d98a;--gold-bg: #fdf8ec;--green: #16a34a;--green-bg: #f0fdf4;--red: #dc2626;--red-bg: #fef2f2;--amber: #d97706;--amber-bg: #fffbeb;--bg: var(--slate-50);--surface: var(--white);--border: var(--slate-100);--border-md: var(--slate-200);--text: var(--slate-900);--text-2: var(--slate-700);--muted: var(--slate-300);--accent: var(--gold);--accent-dk: #a8893a;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--num: "ui-monospace","SF Mono","Cascadia Mono",Consolas,monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.amount{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.topbar{background:var(--slate-950);border-bottom:1px solid var(--slate-800);color:var(--slate-200);display:flex;align-items:center;gap:8px;padding:0 20px;height:56px;position:sticky;top:0;z-index:100}.topbar .brand{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--white);margin-right:8px}.topbar .brand span{color:var(--gold)}.nav{display:flex;gap:2px}.nav button{background:none;border:none;color:var(--slate-300);font:500 13px Inter,sans-serif;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.nav button:hover{background:var(--slate-800);color:var(--white)}.nav button.on{background:var(--slate-800);color:var(--white);box-shadow:inset 0 0 0 1px var(--slate-600)}.topbar .spacer{flex:1}.topbar .who{font-size:12px;color:var(--slate-300);padding:4px 10px;background:var(--slate-800);border-radius:999px;border:1px solid var(--slate-700)}.topbar button.linkish{background:none;border:1px solid var(--slate-700);color:var(--slate-300);border-radius:var(--radius-sm);padding:5px 12px;font:500 12px Inter,sans-serif;cursor:pointer;transition:all .15s}.topbar button.linkish:hover{border-color:var(--gold);color:var(--gold)}input[type=date]{border:1px solid var(--slate-700);border-radius:var(--radius-sm);padding:5px 10px;font:500 13px Inter,sans-serif;background:var(--slate-800);color:var(--white);color-scheme:dark}.page{max-width:1120px;margin:0 auto;padding:28px 20px 80px}.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.page-head h1{font-size:20px;font-weight:700;margin:0;color:var(--text);letter-spacing:-.02em}.page-head .sub{color:var(--muted);font-size:13px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:var(--radius) var(--radius) 0 0}.stat-card .sc-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}.stat-card .sc-value{font-family:var(--num);font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.03em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:var(--slate-50)}th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-2)}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f9fafb}td.num,th.num{text-align:right}tfoot td{font-weight:700;color:var(--text);background:var(--slate-50);border-top:2px solid var(--border-md);border-bottom:none}.cell-btn{background:none;border:none;padding:2px 6px;margin:-2px -6px;font-family:var(--num);font-size:13px;color:var(--slate-900);cursor:pointer;border-radius:4px;font-variant-numeric:tabular-nums;transition:background .12s,color .12s;text-decoration:none}.cell-btn:hover{background:var(--gold-bg);color:var(--amber)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap;letter-spacing:.02em}.chip.draft{background:var(--slate-100);color:var(--slate-600)}.chip.submitted{background:var(--green-bg);color:var(--green)}.chip.locked{background:var(--slate-100);color:var(--slate-700)}.chip.missing{background:var(--red-bg);color:var(--red)}.chip.variance{background:var(--amber-bg);color:var(--amber)}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius-sm);padding:8px 16px;font:600 13px Inter,sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap}.btn{background:var(--slate-900);color:var(--white)}.btn:hover{background:var(--slate-700)}.btn:disabled{background:var(--slate-200);color:var(--muted);cursor:not-allowed}.btn.primary{background:var(--gold);color:var(--slate-950)}.btn.primary:hover{background:var(--accent-dk)}.btn.ghost{background:transparent;color:var(--slate-700);border:1px solid var(--border-md)}.btn.ghost:hover{background:var(--slate-50);border-color:var(--slate-300)}.btn.quiet{background:var(--slate-100);color:var(--slate-700)}.btn.quiet:hover{background:var(--slate-200)}.btn.danger{background:transparent;color:var(--red);border:1px solid #fca5a5}.btn.danger:hover{background:var(--red-bg)}.txt{border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:7px 10px;font:400 13px Inter,sans-serif;color:var(--text);background:var(--white);width:100%;transition:border-color .15s,box-shadow .15s}.txt:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.amt{font-family:var(--num);text-align:right;width:110px;border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;transition:border-color .15s,box-shadow .15s}.amt:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}select.txt{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%238da3b8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.banner{border-radius:var(--radius);padding:12px 16px;margin:0 0 16px;font-size:13px;border:1px solid transparent;display:flex;align-items:flex-start;gap:10px}.banner:before{font-size:15px;flex-shrink:0;margin-top:1px}.banner.warn{background:var(--amber-bg);border-color:#fde68a;color:#92400e}.banner.warn:before{content:"⚠"}.banner.ok{background:var(--green-bg);border-color:#bbf7d0;color:#14532d}.banner.ok:before{content:"✓"}.banner.err{background:var(--red-bg);border-color:#fca5a5;color:#7f1d1d}.banner.err:before{content:"✕"}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--slate-950);background-image:radial-gradient(ellipse at 20% 50%,rgba(201,168,76,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(201,168,76,.05) 0%,transparent 50%);padding:20px}.login-card{width:100%;max-width:380px;background:var(--slate-900);border:1px solid var(--slate-700);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg)}.login-logo{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--white);margin-bottom:4px}.login-logo span{color:var(--gold)}.login-card .tag{color:var(--slate-300);font-size:13px;margin-bottom:28px}.login-card label{display:block;font-size:12px;font-weight:600;color:var(--slate-300);margin:16px 0 6px;letter-spacing:.03em;text-transform:uppercase}.login-card .txt{background:var(--slate-800);border-color:var(--slate-700);color:var(--white)}.login-card .txt:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c33}.login-card .txt::placeholder{color:var(--slate-600)}.login-card .btn{width:100%;margin-top:24px;padding:10px;font-size:14px;background:var(--gold);color:var(--slate-950);justify-content:center}.login-card .btn:hover{background:var(--gold-light)}.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap;margin-bottom:4px}.crumbs button{background:none;border:none;padding:0;font:500 13px Inter,sans-serif;color:var(--gold);cursor:pointer}.crumbs button:hover{text-decoration:underline}.crumbs .sep,.crumbs .here{color:var(--muted)}.scroll-x{overflow-x:auto}h2{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:28px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border)}@media (max-width: 640px){body{font-size:13px}.page{padding:16px 12px 60px}th,td{padding:9px 10px}.topbar .who{display:none}.topbar{padding:0 12px;gap:6px}.stat-card .sc-value{font-size:18px}}@media print{.topbar,.btn,button,.nav,input[type=date]{display:none!important}.page{padding:0;max-width:100%}.card{box-shadow:none;border:1px solid #ccc}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{border:1px solid #ccc;padding:10px 12px;break-inside:avoid}.stat-card:before{display:none}.sc-value{font-size:16px}body{font-size:12px;color:#000}table{page-break-inside:auto}tr{page-break-inside:avoid}thead{display:table-header-group}tfoot{display:table-footer-group}.chip{border:1px solid #999;background:none!important;color:#000!important}h1{font-size:16px}.page-head{margin-bottom:12px}.page:before{content:"Branch Sales Report";display:block;font-size:18px;font-weight:700;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:16px}}tbody tr:hover{background:var(--slate-50);transition:background .1s}tfoot td{letter-spacing:.01em}.chip.submitted{box-shadow:0 0 0 1px #16a34a33}.chip.missing{box-shadow:0 0 0 1px #dc262633}.chip.variance{box-shadow:0 0 0 1px #d9770633}.stat-card{transition:box-shadow .15s}.stat-card:hover{box-shadow:var(--shadow)}@media print{@page{margin:8mm;size:A4}html,body{height:auto!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}#print-area,#print-area *{visibility:visible!important}#print-area{position:absolute!important;top:0!important;left:0!important;width:100%!important;margin:0!important}.no-print{display:none!important}}