:root{--bg:#0a0a0c;--panel:#16161a;--panel-2:#1c1c22;--panel-3:#24242c;--line:#2a2a32;--line-2:#3a3a44;--ink:#f5f5f0;--ink-dim:#a8a29e;--ink-faint:#6b6660;--brand-1:#d946ef;--brand-2:#ec4899;--brand-3:#f97316;--brand-4:#fbbf24;--brand-gradient:linear-gradient(135deg,#d946ef,#ec4899 35%,#f97316 70%,#fbbf24);--accent:#fbbf24;--accent-hover:#f59e0b;--accent-2:#f97316;--good:#10b981;--good-soft:rgba(16,185,129,.12);--warn:#fbbf24;--warn-soft:rgba(251,191,36,.12);--bad:#ef4444;--bad-soft:rgba(239,68,68,.12);--info:#60a5fa;--info-soft:rgba(96,165,250,.12);--radius:10px;--radius-sm:6px;--radius-lg:14px;--sidebar-w:240px;--shadow:0 4px 12px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.3)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter Tight,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;margin:0}.mono{font-family:JetBrains Mono,ui-monospace,monospace}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#14141a,#0e0e12);border-right:1px solid var(--line);padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand-block{display:flex;align-items:center;gap:10px;margin-bottom:2px}.brand-logo{width:34px;height:34px;border-radius:8px;object-fit:cover}.brand{font-family:Fraunces,serif;font-size:22px;font-weight:800;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-sub{margin:2px 0 20px 2px}.brand-sub,.nav-section{color:var(--ink-faint);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.nav-section{margin:18px 0 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--ink-dim);cursor:pointer;font-size:14px;margin-bottom:2px;transition:all .12s}.nav-item:hover{background:var(--panel-2);color:var(--ink)}.nav-item.active{background:var(--accent-soft,rgba(251,191,36,.12));color:var(--accent)}.nav-item .ico{width:18px;text-align:center}.nav-item .badge{margin-left:auto;background:var(--panel-3);color:var(--ink-dim);font-size:11px;padding:1px 7px;border-radius:10px}.main{min-width:0;background:var(--bg)}.topbar{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:rgba(10,10,12,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10}.topbar h1{font-size:22px}.crumbs{color:var(--ink-faint);font-size:11px;font-family:JetBrains Mono,monospace}.topbar-right{margin-left:auto;gap:14px}.topbar-right,.user-pill{display:flex;align-items:center}.user-pill{color:var(--ink-dim);font-size:13px;gap:10px}.content{padding:24px 28px 60px}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:14px}.grid-2,.grid-4{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.card-title{color:var(--ink-dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.card-value{font-family:Fraunces,serif;font-size:30px;font-weight:700;margin-top:6px}.btn{border:1px solid var(--line-2);background:var(--panel-2);color:var(--ink);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:all .12s}.btn:hover{border-color:var(--ink-faint)}.btn-primary{background:var(--accent);color:#1a1505;border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{padding:5px 10px;font-size:12px}.btn-ghost{background:transparent}.btn-danger{color:var(--bad);border-color:rgba(239,68,68,.4);background:var(--bad-soft)}.input,select.input,textarea.input{background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink);padding:9px 12px;border-radius:var(--radius-sm);font-size:14px;font-family:inherit;width:100%}.input:focus{outline:none;border-color:var(--accent)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.toolbar .input{width:auto}.sheet-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.sheet-toolbar{display:flex;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.sheet-toolbar .info{margin-left:auto;color:var(--ink-faint);font-size:12px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;color:var(--ink-dim);font-weight:600;background:var(--panel-2);position:-webkit-sticky;position:sticky;top:0;white-space:nowrap}.tbl tbody td,.tbl thead th{padding:10px 12px;border-bottom:1px solid var(--line)}.tbl tbody td{vertical-align:top}.tbl tbody tr:hover{background:var(--panel-2)}.tbl .empty{text-align:center;padding:40px;color:var(--ink-faint)}.chip{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;background:var(--panel-3);color:var(--ink-dim)}.chip.good{background:var(--good-soft);color:var(--good)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.chip.info{background:var(--info-soft);color:var(--info)}.cust-id{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-faint)}.fb{color:var(--ink-dim);max-width:320px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center}.modal-head h3{font-size:18px}.modal-body{padding:22px;display:grid;grid-gap:14px;gap:14px}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.field label{display:block;font-size:12px;margin-bottom:6px}.field label,.note{color:var(--ink-dim)}.note{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;font-size:13px;margin-top:18px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:40px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow)}.login-logo{width:60px;height:60px;border-radius:14px;margin-bottom:18px}.login-card h1{font-size:28px;margin-bottom:6px}.login-card .sub{color:var(--ink-dim);font-size:14px;margin-bottom:28px}.ms-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;font-size:15px}@media (max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid-4{grid-template-columns:repeat(2,1fr)}}