:root{--bg:#090b16;--rail:#101221;--surface:#151827;--surface2:#1b1f31;--line:#2c3146;--text:#f8f9ff;--muted:#9aa2bc;--purple:#865ff7;--pink:#e544b2;--cyan:#35c7df;--green:#54dba5;--amber:#ffba66;--red:#ff7580;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(900px 570px at 79% -12%,#5e44bc25,transparent 64%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(100%,470px);background:linear-gradient(145deg,#1a1d2c,#11131f);border:1px solid #343951;border-radius:28px;padding:38px;box-shadow:0 34px 90px #0008}.brand{display:flex;align-items:center;gap:13px}.brand img{width:41px;height:56px;object-fit:contain}.brand-word{font-weight:850;letter-spacing:-1.5px;font-size:23px}.brand-word span{background:linear-gradient(135deg,var(--cyan),#6e68f2,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.login-card h1{font-size:28px;letter-spacing:-1.1px;margin:34px 0 8px}.lede,.muted{color:var(--muted);font-size:13px;line-height:1.55}.form-stack{display:grid;gap:15px;margin-top:26px}.field{display:grid;gap:7px;color:#bcc3d9;font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #343950;background:#0d0f19;color:#fff;border-radius:11px;padding:12px;outline:0}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8d73f5;box-shadow:0 0 0 3px #896ef227}.button,.button-secondary,.button-ghost,.icon-button{border:0;border-radius:11px;font-weight:750;transition:.18s}.button{background:linear-gradient(135deg,#9b78fa,#6855e9);color:#fff;padding:12px 15px;box-shadow:0 12px 27px #5d45d343}.button:hover{filter:brightness(1.09);transform:translateY(-1px)}.button-secondary{background:#292e44;color:#fff;padding:11px 14px}.button-secondary:hover{background:#373d59}.button-ghost{background:transparent;color:#c5c9de;padding:8px 10px}.button-ghost:hover{background:#ffffff0c;color:#fff}.button-danger{background:#ff778115;color:#ffb8bf;border:1px solid #ff778130}.wide{width:100%}.login-note{margin:18px 0 0;color:#7f88a5;font-size:11px;line-height:1.5}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.side-rail{background:linear-gradient(180deg,#111321,#0d0f19);border-right:1px solid var(--line);padding:24px 14px 16px;display:flex;flex-direction:column}.side-rail .brand{padding:2px 9px 25px}.side-rail .brand img{width:34px;height:47px}.side-rail .brand-word{font-size:19px}.branch{margin:0 8px 18px;color:#e8e9f4;font-size:12px;display:flex;align-items:center;gap:8px}.branch:before,.status-dot{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #54dba51c}.branch span{margin-left:auto;color:#9ca3ba}.nav{display:grid;gap:4px}.nav button{width:100%;border:0;background:transparent;color:#9ba2ba;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;text-align:left;font-size:13px}.nav button:hover{color:#fff;background:#ffffff09}.nav button.active{color:#fff;background:linear-gradient(90deg,#8866f423,#8866f505);box-shadow:inset 2px 0 #987dff}.nav-icon{width:18px;text-align:center;color:#b3a6ff;font-size:16px}.sync-state{margin-top:auto;padding:10px;color:#8d95b0;font-size:11px;display:flex;align-items:center;gap:8px}.workspace{width:min(1660px,100%);margin:0 auto;padding:31px 34px 55px;overflow:hidden}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{display:block;color:#9ca3bc;font-size:10px;letter-spacing:1.3px;font-weight:800}.header h1{margin:5px 0 6px;font-size:28px;letter-spacing:-1px}.header p{margin:0;color:var(--muted);font-size:13px}.header-actions{display:flex;gap:8px;align-items:center}.avatar{border:0;border-radius:50%;width:37px;height:37px;color:#fff;font-weight:800;background:linear-gradient(135deg,#a38afc,#5648d6)}.grid-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric,.surface{border:1px solid var(--line);background:linear-gradient(145deg,#191c2a,#131620);border-radius:var(--radius)}.metric{min-height:135px;padding:17px}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:26px;letter-spacing:-.9px;margin:10px 0}.metric small{font-size:11px;color:var(--green)}.metric small.warn{color:var(--amber)}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px}.surface{padding:19px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-head h2,.section-line h2{font-size:17px;margin:5px 0 0;letter-spacing:-.3px}.section-line{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:29px 0 12px}.chart{height:174px;display:flex;align-items:flex-end;gap:10px;margin-top:18px;padding:8px 4px 0;border-bottom:1px solid #34394c;background:repeating-linear-gradient(180deg,transparent,transparent 41px,#34384b5c 42px)}.chart-bar{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chart-bar i{display:block;width:100%;max-width:34px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#b89aff,#6a55ec)}.chart-bar small{color:#8d95ad;font-size:10px}.attention{display:grid;gap:0;margin-top:10px}.attention-row{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}.attention-row:last-child{border-bottom:0}.attention-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#7d6df528;color:#bcb5ff;font-weight:900}.attention-icon.warn{background:#ffb45a1c;color:#ffc675}.attention-row b{font-size:12px}.attention-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.table-wrap{padding:0;overflow:auto}.data-table{width:100%;min-width:620px;border-collapse:collapse}.data-table th{background:#1a1d29;color:#9198b1;text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.85px;padding:13px 16px;white-space:nowrap}.data-table td{padding:14px 16px;border-top:1px solid var(--line);font-size:12px;color:#e3e5f0;white-space:nowrap}.data-table td b{display:block;font-size:12px}.data-table td small{display:block;color:#9098b2;font-size:10px;margin-top:3px}.pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800}.pill.ok{background:#54dba51b;color:#71e4b4}.pill.warn{background:#ffb45a1d;color:#ffc778}.pill.off{background:#ff778119;color:#ffb6bf}.two-pane{display:grid;grid-template-columns:minmax(420px,1fr) 394px;gap:15px}.products-pane{padding:0;overflow:hidden}.scanbar{display:flex;gap:8px;padding:15px;border-bottom:1px solid var(--line)}.scanbar input{flex:1;min-width:0;background:#0d0f18;border:1px solid #34394c;border-radius:10px;color:#fff;padding:11px 12px;outline:0}.scanbar input:focus{border-color:#8d73f5;box-shadow:0 0 0 3px #896ef227}.scanbar .camera{width:42px;padding:0;font-size:17px}.caption{padding:13px 18px 2px}.caption b{display:block;font-size:12px;color:#d3cdfd}.caption small{color:var(--muted);font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px}.product-tile{min-height:150px;display:flex;flex-direction:column;text-align:left;padding:13px;border:1px solid #2f3447;background:#1a1d2b;color:#fff;border-radius:14px}.product-tile:hover{border-color:#8b76eb;background:#201e35}.product-tile span{color:#a49dbd;font-size:10px}.product-tile b{font-size:12px;line-height:1.35;margin:10px 0 7px}.product-tile small{font-size:10px;color:#929ab3}.product-tile strong{margin-top:auto;color:#cbbfff;font-size:13px}.cart{padding:0;display:flex;flex-direction:column;min-height:650px}.cart-header{display:flex;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line)}.cart-header h2{font-size:16px;margin:5px 0 0}.cart-lines{flex:1;min-height:300px;padding:4px 17px}.empty{min-height:300px;height:100%;display:grid;place-content:center;text-align:center;gap:7px;color:var(--muted);font-size:12px}.empty strong{color:#e8e9f4}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.cart-line b{font-size:12px}.cart-line small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.cart-line>div:last-child{text-align:right}.qty{display:flex;justify-content:flex-end;align-items:center;gap:7px}.qty button{border:0;background:#2a2f42;color:#fff;border-radius:7px;width:24px;height:24px;font-size:15px}.qty span{min-width:12px;font-size:12px}.cart-line strong{font-size:12px;display:block;margin-top:7px}.cart-total{border-top:1px solid var(--line);padding:15px 18px}.cart-total>div:not(.payments){display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:8px 0}.cart-total .grand{margin:16px 0!important;color:#fff!important;font-size:18px!important}.payments{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.payments .checkout{grid-column:1/-1;background:linear-gradient(135deg,#9d7af9,#6753e8)}.payments button{border:0;border-radius:10px;background:#2a3043;color:#fff;padding:11px;font-size:12px;font-weight:800}.toolbar{display:flex;gap:8px;align-items:center}.toolbar input{background:#10131e;border:1px solid var(--line);color:#fff;border-radius:10px;padding:10px 12px;outline:0;min-width:220px}.toolbar input:focus{border-color:#8d73f5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.person-card{padding:18px}.person-card h3{margin:0;font-size:14px}.person-card p{color:var(--muted);font-size:11px;line-height:1.55;margin:10px 0}.person-card .role{color:#c9c0ff;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .surface{display:grid;gap:13px}.notice{display:flex;gap:11px;border:1px solid #51499155;background:#211d402b;border-radius:14px;padding:14px 16px;margin-top:14px}.notice strong{display:block;font-size:12px}.notice small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.5}.modal-layer{position:fixed;inset:0;background:#000a;backdrop-filter:blur(7px);z-index:20;display:grid;place-items:center;padding:18px}.modal{width:min(100%,610px);max-height:min(88vh,760px);overflow:auto;background:#181b29;border:1px solid #3b4056;border-radius:22px;padding:23px;box-shadow:0 30px 90px #000a}.modal h2{font-size:20px;margin:0 0 5px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.purchase-lines{display:grid;gap:8px;margin:14px 0}.purchase-line{display:grid;grid-template-columns:1fr 110px 112px auto;gap:8px;align-items:end}.purchase-line .field{gap:5px}.purchase-line button{height:41px}.toast{position:fixed;z-index:40;right:22px;bottom:20px;background:#2b3045;border:1px solid #596080;color:#fff;border-radius:11px;padding:13px 15px;font-size:12px;box-shadow:0 18px 45px #0008}.loading{min-height:300px;display:grid;place-items:center;color:var(--muted);font-size:13px}.hidden{display:none!important}@media(max-width:1100px){.grid-metrics{grid-template-columns:repeat(2,1fr)}.two-pane{grid-template-columns:minmax(360px,1fr) 340px}.product-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:790px){.app-shell{grid-template-columns:1fr}.side-rail{position:sticky;top:0;z-index:10;min-height:72px;padding:10px 12px;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);background:#101321ed;backdrop-filter:blur(13px)}.side-rail .brand{padding:0;flex:1}.side-rail .brand img{width:29px;height:40px}.side-rail .brand-word{font-size:17px}.branch,.sync-state{display:none}.nav{display:flex;gap:2px}.nav button{padding:9px;width:auto}.nav button:not(.active) .nav-label{display:none}.workspace{padding:23px 16px 36px}.header{margin-bottom:23px}.header h1{font-size:23px}.grid-metrics,.split,.two-pane,.settings-grid{grid-template-columns:1fr}.two-pane{gap:14px}.cart{min-height:490px}.product-grid{grid-template-columns:repeat(2,1fr)}.toolbar input{min-width:0;width:100%}.toolbar{width:100%}.section-line{align-items:flex-start;flex-direction:column}.section-line .toolbar{justify-content:space-between}.cards{grid-template-columns:1fr}.purchase-line{grid-template-columns:1fr 1fr}.purchase-line .field:first-child{grid-column:1/-1}.purchase-line button{grid-column:2}.modal{padding:19px}.toast{left:16px;right:16px;bottom:16px;text-align:center}}