:root{--ink:#16182a;--ink-soft:#3a3d55;--paper:#f5f4ef;--surface:#fff;--line:#e7e4db;--line-strong:#d8d4c8;--muted:#797d92;--violet:#6a3fe0;--violet-soft:#efeaff;--violet-ink:#4a25b5;--emerald:#0c8f63;--amber:#b8741a;--danger:#c0392b;--danger-soft:#fbeae7;--grad:linear-gradient(118deg,#6a4bd0 0%,#3a96b8 52%,#2fa85a 100%);--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #16182a0a,0 8px 24px #16182a0f;--shadow-lg:0 24px 60px #16182a2e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.45}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:IBM Plex Mono,monospace}.display{font-family:Space Grotesk,sans-serif}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:var(--ink);color:#cdd0e0;flex-direction:column;gap:30px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 6px;display:flex}.brand-mark{background:var(--grad);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px #3a96b866}.brand-mark .loop{width:27px;height:auto}.brand-logo{object-fit:contain;flex:none;width:44px;height:44px}.brand-name{color:#fff;letter-spacing:-.01em;font-family:Space Grotesk;font-size:18px;font-weight:700}.brand-sub{color:#7f84a0;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{letter-spacing:.12em;text-transform:uppercase;color:#6b6f8c;padding:0 12px 8px;font-size:10.5px}.nav-btn{cursor:pointer;color:#c4c7d8;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.nav-btn svg{opacity:.85;flex:none;width:18px;height:18px}.nav-btn:hover{color:#fff;background:#ffffff0d}.nav-btn.active{color:#fff;background:#5b46e038}.nav-btn.active svg{opacity:1;color:#b3a6ff}.side-foot{color:#6b6f8c;border-top:1px solid #ffffff12;margin-top:auto;padding:12px;font-size:12px}.side-foot strong{color:#aeb2c8;font-weight:600}.logout-btn{color:#aeb2c8;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;margin-top:8px;padding:5px 12px;font-size:12px}.logout-btn:hover{color:#fff;background:#ffffff0f}.login-screen{background:var(--paper);z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:360px;max-width:100%;box-shadow:var(--shadow-lg);text-align:center;padding:34px 30px}.login-mark{background:var(--grad);border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid;box-shadow:0 10px 24px #3a96b866}.login-mark .loop{width:38px}.login-logo{object-fit:contain;width:72px;height:72px;margin:0 auto 10px;display:block}.login-card h1{letter-spacing:-.02em;font-family:Space Grotesk;font-size:26px}.login-sub{color:var(--muted);margin:4px 0 22px;font-size:13px}.login-card .field{text-align:left}.login-err{color:var(--danger);min-height:18px;margin-top:12px;font-size:13px}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#f5f4efd9;justify-content:space-between;align-items:center;gap:16px;padding:22px 34px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.02em;font-family:Space Grotesk;font-size:22px;font-weight:600}.topbar .crumb{color:var(--muted);margin-bottom:1px;font-size:12.5px}.top-actions{align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:13px;display:inline-flex}.chip .dot{background:var(--emerald);border-radius:50%;width:7px;height:7px}.chip select{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;outline:0}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:transform 80ms,box-shadow .15s,filter .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background-image:var(--grad);color:#fff;box-shadow:0 8px 18px #3a96b84d}.btn-primary:hover{filter:brightness(.95)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink-soft)}.btn-ghost:hover{border-color:#bdb8a8}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#a83224}.btn svg{width:16px;height:16px}.content{width:100%;max-width:1180px;padding:30px 34px 60px}.view{animation:.4s cubic-bezier(.2,.7,.2,1) both rise;display:none}.view.show{display:block}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dash-filter{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.seg{background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg-btn{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.seg-btn:hover{color:var(--ink)}.seg-btn.active{background:var(--violet-soft);color:var(--violet-ink)}.dash-filter select,.dash-filter input[type=date]{border:1px solid var(--line-strong);font:inherit;background:var(--surface);color:var(--ink);border-radius:10px;outline:0;padding:8px 12px;font-size:13.5px}.dash-filter select:focus,.dash-filter input[type=date]:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.dash-range{align-items:center;gap:8px;display:inline-flex}.dash-ate{color:var(--muted);font-size:13px}.hero{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1px;margin-bottom:24px;display:grid;overflow:hidden}.kpi{background:var(--surface);padding:22px 22px 20px}.kpi .k-label{color:var(--muted);letter-spacing:.02em;align-items:center;gap:7px;font-size:12px;display:flex}.kpi .k-val{letter-spacing:-.02em;margin-top:10px;font-family:Space Grotesk;font-size:27px;font-weight:600;line-height:1}.kpi.lead{background-image:var(--grad);color:#fff}.kpi.lead .k-label{color:#ffffffd1}.kpi.lead .k-val{font-size:38px}.kpi .k-sub{color:var(--muted);align-items:center;gap:6px;margin-top:9px;font-size:12px;display:flex}.kpi.lead .k-sub{color:#ffffffd9}.tag-up{color:#fff;font-weight:600}.meta-bar{background:#ffffff47;border-radius:99px;height:6px;margin-top:14px;overflow:hidden}.meta-bar>i{background:#fff;border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1);display:block}.grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{justify-content:space-between;align-items:center;padding:18px 22px 4px;display:flex}.card-head h3{font-family:Space Grotesk;font-size:15px;font-weight:600}.card-head .hint{color:var(--muted);font-size:12px}.card-body{padding:14px 22px 22px}.bar-row{grid-template-columns:92px 1fr 86px;align-items:center;gap:12px;padding:8px 0;display:grid}.bar-row+.bar-row{border-top:1px solid #f0eee7}.bar-name{font-size:13px;font-weight:500}.bar-track{background:#f0eee7;border-radius:99px;height:9px;overflow:hidden}.bar-fill{background:var(--violet);border-radius:99px;height:100%;transition:width .5s}.bar-fill.v1{background:#6a4bd0}.bar-fill.v2{background:#4f86c6}.bar-fill.v3{background:#3a96b8}.bar-fill.v4{background:#2fa37a}.bar-fill.v5{background:#2fa85a}.bar-val{text-align:right;color:var(--ink-soft);font-size:13px}.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.search{background:var(--paper);border:1px solid var(--line-strong);border-radius:10px;flex:1;align-items:center;gap:9px;max-width:320px;padding:8px 12px;display:flex}.search input{font:inherit;width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13.5px}.search svg{width:15px;height:15px;color:var(--muted)}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:#fbfaf7;padding:12px 20px;font-size:11px;font-weight:600}tbody td{vertical-align:middle;border-bottom:1px solid #f1efe9;padding:13px 20px;font-size:13.5px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr:hover{background:#faf9f5}.cell-id{color:var(--violet-ink);font-family:IBM Plex Mono;font-size:12.5px;font-weight:500}.cell-money{font-variant-numeric:tabular-nums;text-align:right;font-family:IBM Plex Mono;font-weight:500}th.r,td.r{text-align:right}.pill{border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill-prod{background:var(--violet-soft);color:var(--violet-ink)}.pill-loan{color:var(--amber);background:#fff0df}.avatar{color:#fff;vertical-align:middle;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:9px;font-size:11px;font-weight:600;display:inline-grid}.who{align-items:center;display:flex}.muted-sm{color:var(--muted);font-size:12px}.rowact{opacity:0;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;transition:all .15s;display:inline-grid}tr:hover .rowact{opacity:1}.rowact:hover{color:var(--danger);background:var(--danger-soft);border-color:#e7c3bd}.rowact svg{width:15px;height:15px}.crow{cursor:pointer}.crow.expanded{background:#faf9f5}.detail-row{display:none}.detail-row.open{display:table-row}.detail-row>td{background:#faf9f5;padding:0}.detail-box{grid-template-columns:1.6fr 1fr;gap:30px;padding:8px 22px 18px;display:grid}.detail-h{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 0;font-size:11px;font-weight:600}.detail-li{border-bottom:1px solid #efece4;justify-content:space-between;gap:14px;padding:6px 0;font-size:13px;display:flex}.detail-li:last-child{border-bottom:0}.detail-total{border-top:1px solid var(--line-strong);margin-top:4px;padding-top:8px;font-weight:600}.cat-add{gap:8px;margin-bottom:18px;display:flex}.cat-add input{border:1px solid var(--line-strong);font:inherit;background:var(--surface);color:var(--ink);border-radius:9px;outline:0;flex:1;padding:10px 12px;font-size:13.5px;transition:border .15s,box-shadow .15s}.cat-add input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.cat-li{border-bottom:1px solid #f1efe9;justify-content:space-between;align-items:center;gap:10px;padding:11px 4px;display:flex}.cat-li-name{font-size:13.5px;font-weight:500}.cat-li-count{color:var(--muted);margin-left:9px;font-size:12px;font-weight:400}.cat-li button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;transition:all .15s;display:grid}.cat-li button:hover{color:var(--danger);background:var(--danger-soft);border-color:#e7c3bd}.cat-li button svg{width:15px;height:15px}.cat-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cat-tools .search{max-width:340px}.cat-filter{border:1px solid var(--line-strong);font:inherit;background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;outline:0;padding:9px 12px;font-size:13.5px}.cat-filter:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.cat-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.cat-card .cat-cat{letter-spacing:.05em;text-transform:uppercase;color:var(--violet);font-size:11px;font-weight:600}.cat-card .cat-name{padding-right:22px;font-size:13.5px;font-weight:500;line-height:1.35}.cat-del{opacity:0;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;width:24px;height:24px;transition:all .15s;display:grid;position:absolute;top:10px;right:10px}.cat-card:hover .cat-del{opacity:1}.cat-del:hover{background:var(--danger-soft);color:var(--danger)}.cat-del svg{width:14px;height:14px}.report{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px 38px}.report-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-start;margin-bottom:26px;padding-bottom:18px;display:flex}.report-head .r-title{font-family:Space Grotesk;font-size:24px;font-weight:600}.report-head .r-sub{color:var(--muted);margin-top:3px;font-size:13px}.report-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:30px;display:grid}.r-stat .r-k{color:var(--muted);font-size:12px}.r-stat .r-v{margin-top:6px;font-family:Space Grotesk;font-size:26px;font-weight:600}.report h4{margin:24px 0 12px;font-family:Space Grotesk;font-size:14px;font-weight:600}.report .two{grid-template-columns:1fr 1fr;gap:36px;display:grid}.rep-prod-head,.rep-prod-row{border-bottom:1px solid #f1efe9;grid-template-columns:1fr 70px 130px;gap:14px;padding:9px 0;display:grid}.rep-prod-row{font-size:13.5px}.rep-prod-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.rep-prod-head span:nth-child(n+2),.rep-prod-row span:nth-child(n+2){text-align:right}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:40;background:#1416286b;transition:opacity .25s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{background:var(--paper);width:520px;max-width:94vw;height:100vh;box-shadow:var(--shadow-lg);z-index:50;flex-direction:column;transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:none}.drawer-head{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.drawer-head h2{font-family:Space Grotesk;font-size:18px;font-weight:600}.iconbtn{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--ink-soft);border-radius:9px;place-items:center;display:grid}.iconbtn:hover{background:var(--paper)}.drawer-body{flex:1;padding:22px 26px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.field{margin-bottom:15px}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input,.field select{border:1px solid var(--line-strong);width:100%;font:inherit;background:var(--surface);color:var(--ink);border-radius:9px;outline:0;padding:10px 12px;font-size:13.5px;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.row3{grid-template-columns:1fr 1fr 1fr;gap:11px;display:grid}.row2{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form-sec{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:22px 0 12px;font-size:11px;font-weight:600;display:flex}.form-sec:after{content:"";background:var(--line);flex:1;height:1px}.prodline{grid-template-columns:1fr 56px 86px 30px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.prodline select,.prodline input{padding:9px 10px;font-size:12.5px}.prodline .rm{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;height:36px;color:var(--muted);border-radius:8px;font-size:16px}.prodline .rm:hover{color:var(--danger);border-color:#e7c3bd}.combo-drop{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:9px;max-height:220px;margin:-2px 0 8px;display:none;overflow-y:auto}.combo-drop.open{display:block}.combo-opt{cursor:pointer;border-bottom:1px solid #f1efe9;padding:9px 11px;font-size:12.5px;line-height:1.35}.combo-opt:last-child{border-bottom:0}.combo-opt:hover,.combo-opt.active{background:var(--violet-soft)}.combo-opt-cat{letter-spacing:.04em;color:var(--violet);background:var(--violet-soft);vertical-align:middle;border-radius:5px;margin-right:7px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.combo-empty{color:var(--muted);padding:10px 11px;font-size:12.5px}.addline{border:1px dashed var(--line-strong);width:100%;color:var(--violet-ink);font:inherit;cursor:pointer;background:0 0;border-radius:9px;margin-top:4px;padding:9px;font-size:13px;font-weight:600}.addline:hover{background:var(--violet-soft)}.modal{background:var(--surface);width:440px;max-width:92vw;box-shadow:var(--shadow-lg);z-index:50;opacity:0;pointer-events:none;border-radius:16px;transition:opacity .2s,transform .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%)}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal-head{padding:20px 24px 4px}.modal-head h2{font-family:Space Grotesk;font-size:17px;font-weight:600}.modal-body{padding:14px 24px}.modal-foot{justify-content:flex-end;gap:10px;padding:14px 24px 20px;display:flex}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:60;border-radius:11px;align-items:center;gap:10px;padding:13px 20px;font-size:13.5px;transition:all .3s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast .tk{background:var(--emerald);border-radius:50%;width:8px;height:8px}.empty{text-align:center;color:var(--muted);padding:50px}.empty .display{color:var(--ink-soft);margin-bottom:6px;font-size:16px}@media (width<=920px){.shell{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center;gap:16px;height:auto;padding:14px 16px;position:static}.side-foot,.nav-label{display:none}.nav{flex-flow:wrap;gap:4px}.nav-btn{width:auto;padding:8px 11px}.hero{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.report .two{grid-template-columns:1fr}.content{padding:20px}.topbar{padding:16px 20px}.detail-box{grid-template-columns:1fr;gap:6px}}@media print{.side,.topbar,.no-print{display:none!important}.content{max-width:none;padding:0}.report{box-shadow:none;border:0;padding:0}body{background:#fff}}