:root{--bg:#0b0f14;--panel:#111720;--panel2:#161e29;--border:#263141;--text:#eef3f8;--muted:#8d9aaa;--green:#4fd1a5;--green2:#1c8c68;--yellow:#f0c560;--red:#ef6b73;--blue:#6aa8ff}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:radial-gradient(circle at 80% -10%,rgba(41,121,92,.18),transparent 30%),var(--bg)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--border);background:rgba(10,14,20,.96);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 26px}.brandMark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#62e6b5,#267c62);color:#07130f;font-size:23px;font-weight:900;box-shadow:0 0 30px rgba(79,209,165,.16)}.brand span,.brand strong{display:block;letter-spacing:.11em}.brand strong{font-size:17px}.brand span{color:var(--muted);font-size:9px;margin-top:2px}.navLabel{color:#59677a;font-size:10px;font-weight:800;letter-spacing:.14em;padding:0 10px 10px}nav{display:grid;grid-gap:5px;gap:5px}.navButton{border:0;color:#a9b3bf;background:transparent;border-radius:10px;padding:11px 12px;text-align:left;display:flex;gap:11px;align-items:center;transition:.18s ease}.navButton span{width:20px;text-align:center;color:#65758a;font-weight:700}.navButton:hover{background:#121924;color:white}.navButton.active{color:white;background:linear-gradient(90deg,rgba(79,209,165,.16),rgba(79,209,165,.04));box-shadow:inset 3px 0 0 var(--green)}.navButton.active span{color:var(--green)}.sidebarFooter{margin-top:auto;border-top:1px solid var(--border);padding:18px 10px 0;color:#b8c2cd;font-size:12px}.sidebarFooter small{display:block;color:#647184;margin-top:5px}.statusDot{width:7px;height:7px;background:var(--yellow);display:inline-block;border-radius:50%;margin-right:7px;box-shadow:0 0 12px rgba(240,197,96,.6)}.content{min-width:0;padding:28px 34px 50px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.eyebrow{color:var(--green);font-size:10px;letter-spacing:.17em;font-weight:800;margin:0 0 6px}h1{font-size:clamp(26px,4vw,40px);margin:0;letter-spacing:-.035em}.topActions{display:flex;gap:10px}.ghostButton,.primaryButton{border-radius:9px;padding:10px 14px;border:1px solid var(--border);font-size:12px;font-weight:700}.ghostButton{background:#111822;color:#d2dae3}.primaryButton{border-color:#337f68;background:var(--green);color:#07120e}.notice{border:1px solid #2a4e45;background:rgba(36,109,86,.11);color:#a8bdb6;border-radius:11px;padding:11px 14px;margin-bottom:16px;font-size:12px}.notice span{color:var(--green);font-weight:800;letter-spacing:.09em;margin-right:8px}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:15px}.metricGrid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-height:118px;border:1px solid var(--border);border-radius:12px;padding:17px;background:linear-gradient(150deg,rgba(26,36,49,.96),rgba(15,21,29,.96));box-shadow:0 12px 40px rgba(0,0,0,.1)}.metric>span{color:var(--muted);font-size:11px}.metric>strong{display:block;font-size:clamp(24px,3vw,31px);letter-spacing:-.035em;margin:10px 0 7px}.metric>small{color:#6e7b8b;font-size:10px}.green{color:var(--green)!important}.red{color:var(--red)!important}.dashboardColumns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);grid-gap:15px;gap:15px;margin-bottom:15px}.card{border:1px solid var(--border);border-radius:12px;background:rgba(17,23,32,.94);overflow:hidden;margin-bottom:15px}.cardHeader{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--border)}.cardHeader h2{font-size:13px;margin:0;letter-spacing:.01em}.cardHeader button{background:transparent;border:0;color:var(--green);font-size:11px;font-weight:700}.tableWrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:700px}th{color:#6f7c8d;background:rgba(11,15,20,.35);text-align:left;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;padding:11px 14px}td{color:#c6d0da;padding:13px 14px;border-top:1px solid rgba(38,49,65,.65);font-size:11px;white-space:nowrap}tbody tr:hover td{background:rgba(255,255,255,.018)}td strong{color:#edf3f8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8ea2b9;font-size:10px}td strong.mono+br+span.mono{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;word-spacing:0}.healthList{padding:18px;display:grid;grid-gap:20px;gap:20px}.healthRow>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#aeb8c4;margin-bottom:7px}.healthRow strong{color:white}.bar{height:6px;background:#202a37;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2c8065,var(--green))}.bar i.dangerBar{background:linear-gradient(90deg,#80323c,var(--red))}.insightGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.insight{padding:18px;min-height:130px;border-right:1px solid var(--border)}.insight:last-child{border-right:0}.insight>span{color:#8c99a9;font-size:10px}.insight>strong{display:block;color:var(--green);font-size:23px;margin:9px 0 7px}.insight p{margin:0;color:#687587;line-height:1.45;font-size:10px}.toolbar{display:flex;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border)}.toolbar input{flex:1 1;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0d131b;color:white;outline:none}.toolbar input:focus{border-color:#397e69;box-shadow:0 0 0 3px rgba(79,209,165,.07)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;border:1px solid transparent}.badge.good{color:#72ddb7;background:rgba(79,209,165,.08);border-color:rgba(79,209,165,.22)}.badge.warn{color:#f0c560;background:rgba(240,197,96,.08);border-color:rgba(240,197,96,.2)}.badge.danger{color:#ff7d84;background:rgba(239,107,115,.08);border-color:rgba(239,107,115,.2)}.badge.neutral{color:#aab7c7;background:rgba(170,183,199,.07);border-color:rgba(170,183,199,.15)}.purchaseLayout{grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);align-items:start}.purchaseForm,.purchaseLayout{display:grid;grid-gap:15px;gap:15px}.purchaseForm{padding:16px}.purchaseForm label{display:grid;grid-gap:6px;gap:6px;color:#9aa7b7;font-size:10px;font-weight:700}.purchaseForm input,.purchaseForm textarea{width:100%;color:var(--text);background:#0d131b;border:1px solid var(--border);border-radius:8px;padding:10px 11px;outline:none}.purchaseForm textarea{min-height:76px;resize:vertical}.purchaseForm input:focus,.purchaseForm textarea:focus{border-color:#397e69;box-shadow:0 0 0 3px rgba(79,209,165,.07)}.purchaseExtras,.purchaseFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.purchaseLineHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#dce4eb;font-size:11px}.purchaseLineHeader span{color:#708094;font-size:9px}.purchaseLines{display:grid;grid-gap:8px;gap:8px}.purchaseLine{display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(90px,.6fr) minmax(110px,.7fr) minmax(110px,.7fr) 34px;grid-gap:8px;gap:8px;align-items:end;padding:10px;background:#0e141d;border:1px solid var(--border);border-radius:9px}.lineTotal{display:grid;grid-gap:6px;gap:6px;align-self:stretch;align-content:end;padding-bottom:10px}.lineTotal span{color:#738195;font-size:9px;font-weight:700}.lineTotal strong{color:#e9f0f6;font-size:12px}.removeLine{height:38px;border:1px solid #46313a;background:rgba(239,107,115,.07);color:#ef8a91;border-radius:8px;font-size:18px}.addLineButton{justify-self:start}.purchaseSummary{display:grid;grid-gap:7px;gap:7px;padding:12px 14px;background:#0d131b;border:1px solid var(--border);border-radius:9px}.purchaseSummary>div{display:flex;justify-content:space-between;gap:14px;color:#8d9aaa;font-size:10px}.purchaseSummary strong{color:#e9f0f6}.purchaseGrandTotal{border-top:1px solid var(--border);padding-top:9px;margin-top:3px}.purchaseGrandTotal strong{color:var(--green);font-size:15px}.savePurchase{justify-self:end;min-width:150px}@media (max-width:1050px){.metricGrid,.metricGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardColumns,.purchaseLayout{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:auto;border-right:0;border-bottom:1px solid var(--border);padding:10px 12px 8px;background:rgba(10,14,20,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{padding:0 4px 10px;gap:10px}.brandMark{width:36px;height:36px;border-radius:10px;font-size:19px}.brand strong{font-size:15px}.brand span{font-size:8px}.navLabel,.sidebarFooter{display:none}nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.navButton{white-space:nowrap;min-width:max-content;padding:8px 10px;border-radius:9px;font-size:11px;gap:7px}.navButton span{width:16px}.navButton.active{box-shadow:inset 0 -2px 0 var(--green)}.content{padding:14px 12px 28px}.topbar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:14px}h1{font-size:27px}.topActions{width:100%;gap:8px}.topActions button{flex:1 1;padding:9px 10px;font-size:11px}.notice{padding:9px 10px;margin-bottom:12px;font-size:10px;line-height:1.35}.metricGrid,.metricGrid.compact{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.metric{min-height:84px;padding:12px;border-radius:10px}.metric>span{font-size:9px}.metric>strong{font-size:20px;margin:6px 0 4px}.metric>small{font-size:8px;line-height:1.25;display:block}.dashboardColumns{gap:12px;margin-bottom:12px}.card{border-radius:10px;margin-bottom:12px}.cardHeader{min-height:46px;padding:0 12px}.cardHeader h2{font-size:12px}.cardHeader button{font-size:10px}th{font-size:8px;padding:9px 10px}td{font-size:10px;padding:10px}.healthList{padding:14px;gap:14px}.insightGrid{grid-template-columns:1fr}.insight{border-right:0;border-bottom:1px solid var(--border);min-height:auto;padding:14px}.insight:last-child{border-bottom:0}.insight>strong{font-size:20px;margin:7px 0 5px}.toolbar{padding:10px}.toolbar input{padding:9px 10px;font-size:11px}.purchaseForm{padding:12px}.purchaseExtras,.purchaseFields{grid-template-columns:1fr}.purchaseLineHeader{align-items:flex-start;flex-direction:column;gap:3px}.purchaseLine{grid-template-columns:1fr 1fr}.purchaseLine label:first-child{grid-column:1/-1}.lineTotal{padding-bottom:0;align-content:center}.removeLine{align-self:end}.savePurchase{width:100%}}@media (max-width:380px){.metric>strong{font-size:18px}.metric>span{font-size:8px}.metric>small{font-size:7px}.navButton{font-size:10px}}.fileButton{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.fileButton input{display:none}.modalBackdrop{position:fixed;inset:0;z-index:100;background:rgba(2,6,10,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.importModal{width:min(980px,100%);max-height:min(820px,92vh);overflow:auto;border:1px solid var(--border);border-radius:16px;background:#0e141c;box-shadow:0 28px 100px rgba(0,0,0,.55)}.importHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--border)}.importHeader h2{margin:0 0 5px;font-size:24px}.closeButton,.importHeader small{color:var(--muted)}.closeButton{border:0;background:transparent;font-size:28px;line-height:1}.importStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;padding:16px 20px 0}.importStat{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:13px}.importStat span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.importStat strong{display:block;margin-top:6px;font-size:20px}.importInfo{margin:16px 20px;padding:12px 14px;border:1px solid #2a4e45;border-radius:10px;color:#a8bdb6;background:rgba(36,109,86,.09);font-size:11px;line-height:1.55}.issueBox{margin:0 20px 16px;padding:12px 14px;border:1px solid rgba(239,107,115,.25);border-radius:10px;background:rgba(239,107,115,.06);color:#ff9aa0;font-size:10px;line-height:1.5}.importTable{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.importFooter{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;color:var(--muted);font-size:10px}.importFooter>div{display:flex;gap:8px}@media (max-width:760px){.modalBackdrop{padding:8px;align-items:end}.importModal{border-radius:16px 16px 0 0;max-height:90vh}.importHeader{padding:16px}.importHeader h2{font-size:20px}.importStats{grid-template-columns:1fr 1fr;padding:12px 12px 0;gap:8px}.importInfo,.issueBox{margin:12px}.importFooter{padding:12px;align-items:stretch;flex-direction:column}.importFooter>div{width:100%}.importFooter button{flex:1 1}}.authScreen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 0,rgba(41,121,92,.22),transparent 34%),#0b0f14}.authCard{width:min(430px,100%);border:1px solid #263141;border-radius:18px;padding:28px;background:rgba(17,23,32,.97);box-shadow:0 28px 80px rgba(0,0,0,.35)}.authBrand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.authBrand span,.authBrand strong{display:block;letter-spacing:.11em}.authBrand strong{font-size:17px}.authBrand span{color:#8d9aaa;font-size:9px;margin-top:2px}.authCard h1{margin-bottom:8px}.authCopy{color:#8d9aaa;line-height:1.55;font-size:13px;margin:0 0 22px}.authForm{display:grid;grid-gap:14px;gap:14px}.authForm label{color:#aeb8c4;font-size:11px;font-weight:700;display:grid;grid-gap:7px;gap:7px}.authForm input{width:100%;border:1px solid #263141;background:#0d131b;color:#eef3f8;border-radius:10px;padding:12px 13px;outline:none}.authForm input:focus{border-color:#397e69;box-shadow:0 0 0 3px rgba(79,209,165,.08)}.authSubmit{width:100%;margin-top:3px}.authSubmit:disabled{opacity:.65;cursor:wait}.authError{color:#ff8b91;background:rgba(239,107,115,.08);border:1px solid rgba(239,107,115,.2);border-radius:9px;padding:10px 12px;font-size:11px}.authFoot{display:block;color:#647184;margin-top:18px;line-height:1.4}.authLoader{color:#9aa7b6;font-size:13px}.signOutButton{position:fixed;right:14px;bottom:14px;z-index:50;border:1px solid #263141;border-radius:999px;background:rgba(17,23,32,.94);color:#aeb8c4;padding:9px 12px;font-size:10px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.2)}@media (max-width:760px){.authScreen{padding:16px}.authCard{padding:22px;border-radius:14px}.signOutButton{bottom:10px;right:10px}}