@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.sidebar{z-index:1000!important}.subNav{min-width:210px;box-shadow:0 12px 28px #06362988;z-index:1100!important}.subNav a{color:#f0faf6;padding:10px 11px;font-size:12px}:is(.subNav a:hover,.subNav a:focus-visible){color:#fff;background:#24745f;outline:none}.primary{cursor:pointer;text-decoration:none;display:inline-block}.actionLink{white-space:nowrap}.alertAction{color:#aa5728;background:0 0;border:0;margin-left:auto;font-weight:700;text-decoration:none}.flowRow{color:inherit;text-decoration:none}.flowRow>i{color:#98a29e;background:0 0;border:0;font-size:21px;font-style:normal}.quickAction{border:1px solid var(--line);text-align:left;color:inherit;background:#fff;border-radius:9px;padding:12px;text-decoration:none;display:block}.ai a,.link{color:#0c6a50;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:700;text-decoration:none}:is(.actionLink:focus-visible,.alertAction:focus-visible,.quickAction:focus-visible,.flowRow:focus-visible,.link:focus-visible){outline-offset:3px;outline:3px solid #b9dfcc}.moduleCard{min-height:90px;color:inherit;background:#fff;border:1px solid #e4e9e7;border-radius:12px;align-items:center;gap:14px;padding:18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}:is(.moduleCard:hover,.moduleCard:focus-visible){border-color:#acd2c2;outline:none;transform:translateY(-2px);box-shadow:0 8px 22px #16463814}.moduleCard>span{color:#0b654c;background:#e9f5ef;border-radius:8px;padding:8px;font-size:10px;font-weight:700}.moduleCard b{font-size:13px}.moduleCard p{color:#89948f;margin:5px 0 0;font-size:10px}.moduleCard i{color:#0d654c;margin-left:auto;font-size:21px;font-style:normal}.pendingPanel{background:#fff;border:1px solid #e4e9e7;border-radius:13px;max-width:1100px;margin:0 auto;padding:22px}.pendingHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.pendingHeader h2{margin:0 0 5px;font-size:18px}.pendingHeader p{color:#78827e;margin:0;font-size:11px}.pendingCount{color:#0b6249;margin:18px 0 10px;font-size:11px;font-weight:700}.inlineNotice{border-radius:8px;margin-top:14px;padding:11px 12px;font-size:11px}.inlineNotice.success{color:#237255;background:#edf8f2;border:1px solid #b9dfcc}.inlineNotice.error{color:#a14a3d;background:#fff3f1;border:1px solid #efc3bd}.requestList{gap:11px;display:grid}.requestCard{border:1px solid #e2e9e5;border-radius:11px;padding:15px}.requestMain{align-items:center;gap:10px;display:flex}.requestBadge{color:#0b6249;background:#e9f5ef;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.requestMain h3{margin:0;font-size:14px}.requestMain p{color:#78827e;margin:4px 0 0;font-size:10px}.requestMain p b{color:#0b6249}.statusPill{color:#ae612e;background:#fff1e6;border-radius:12px;margin-left:auto;padding:5px 8px;font-size:10px}.requestDetails{background:#f7f9f8;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0 13px;padding:12px;display:grid}.requestDetails span{color:#56645e;gap:4px;font-size:10px;display:grid}.requestDetails b{color:#8a9690;font-size:9px;font-weight:500}.requestActions{justify-content:flex-end;display:flex}.requestActions button:disabled{opacity:.65;cursor:wait}.emptyState{color:#71827b;border:1px dashed #c8ddd3;border-radius:10px;align-content:center;place-items:center;gap:6px;min-height:150px;font-size:11px;display:grid}.emptyState strong{color:#0b6249;font-size:14px}@media (max-width:700px){.pendingPanel{padding:16px}.pendingHeader{display:block}.pendingHeader .secondary{margin-top:12px}.requestDetails{grid-template-columns:1fr 1fr}.requestActions .primary{width:100%}}.dangerButton{color:#a34e40;font:inherit;cursor:pointer;background:#fff7f5;border:1px solid #e4b7ae;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:700}.dangerButton:hover{background:#fde9e5}.requestActions{flex-wrap:wrap;gap:8px}.modalBackdrop{z-index:2000;background:#0b493a66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.editRequestModal{background:#fff;border:1px solid #dce8e2;border-radius:14px;width:min(680px,100%);padding:22px;box-shadow:0 18px 60px #06362944}.modalClose{color:#567169;cursor:pointer;background:#f1f5f3;border:0;border-radius:50%;width:30px;height:30px;font-size:20px}.editGrid{grid-template-columns:1fr 1fr;gap:13px;margin:20px 0;display:grid}.editGrid label{color:#56645e;gap:7px;font-size:11px;font-weight:700;display:grid}.editGrid input{font:inherit;border:1px solid #dce4e0;border-radius:8px;padding:11px;font-size:12px}.editGrid input:focus{border-color:#70a896;outline:3px solid #e3f1eb}@media (max-width:700px){.editGrid{grid-template-columns:1fr}.requestActions button{flex:1}}.uploadButton{cursor:pointer;align-items:center;display:inline-flex;position:relative}.uploadButton input{opacity:0;cursor:pointer;position:absolute;inset:0}.catalogNotice{max-width:1360px;margin:0 auto 14px}.tableAction{color:#0b654c;font:inherit;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700;text-decoration:underline}.dimensionGrid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1360px;margin:0 auto;display:grid}.dimensionCard{background:#fff;border:1px solid #e4e9e7;border-radius:13px;padding:20px}.dimensionRow{border-top:1px solid #edf0ef;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.dimensionRow small{color:#89948f}@media (max-width:800px){.dimensionGrid{grid-template-columns:1fr}}.workspaceClient{max-width:1100px;margin:0 auto}.workspaceToolbar{color:#0b6249;background:#f8faf9;border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 0 14px;font-size:14px;display:flex}.formPanel h3{margin:0 0 5px;font-size:17px}.formPanel>p{color:#78827e;margin:0 0 15px;font-size:11px}.formPanel form{margin-top:14px}.formPanel form>button{grid-column:1/-1;justify-self:start}.editGrid select{font:inherit;background:#fff;border:1px solid #dce4e0;border-radius:8px;padding:11px;font-size:12px}.commissionGrid{gap:10px;display:grid}.commissionCard{border:1px solid #e2e9e5;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.commissionCard b,.commissionCard small{display:block}.commissionCard b{font-size:12px}.commissionCard small{color:#89948f;margin-top:4px;font-size:10px}.commissionCard label{color:#56645e;align-items:center;gap:8px;font-size:10px;display:flex}.commissionCard input{border:1px solid #dce4e0;border-radius:7px;width:88px;padding:8px}.stocktakeRows{gap:7px;margin:14px 0;display:grid}.stocktakeRows label{border-top:1px solid #edf0ef;grid-template-columns:1fr 100px 80px;align-items:center;gap:10px;padding:8px 0;font-size:10px;display:grid}.stocktakeRows input{border:1px solid #dce4e0;border-radius:7px;padding:7px}.stocktakeRows small{color:#89948f}.productModal{max-height:90vh;overflow:auto}.reportFilters input[type=month]{font:inherit;background:#fff;border:1px solid #dce4e0;border-radius:7px;padding:9px;font-size:11px}.reportNotice{max-width:1360px;margin:0 auto 14px}.reportFilters .secondary{margin-top:18px}.ledgerFilters{background:#f7f9f8;border-radius:9px;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 8px;padding:12px;display:flex}.ledgerFilters label{color:#56645e;gap:6px;min-width:134px;font-size:10px;font-weight:700;display:grid}.ledgerFilters input,.ledgerFilters select{font:inherit;background:#fff;border:1px solid #dce4e0;border-radius:7px;padding:8px;font-size:11px}.filterHint{color:#75827c;margin:0 0 15px;font-size:10px}.warnText{color:#a14e40;font-weight:700}.upText{color:#237255;font-weight:700}@media (max-width:700px){.ledgerFilters{grid-template-columns:1fr 1fr;display:grid}.ledgerFilters label{min-width:0}}.ledgerSourceLink{color:#0b6b52;gap:3px;line-height:1.2;text-decoration:none;display:grid}.ledgerSourceLink b{font-size:10px}.ledgerSourceLink small{color:#4d9380;font-size:9px;font-weight:700}.ledgerSourceLink:hover b,.ledgerSourceLink:hover small{text-decoration:underline}.focusedDocument{border:2px solid #76b79e;box-shadow:0 0 0 4px #e7f5ee}.sourceDocument{color:#1d6853;background:#edf8f3;border-radius:8px;align-items:center;gap:9px;margin:13px 0 0;padding:10px 12px;font-size:10px;display:flex}.sourceDocument span{color:#627d74}.sourceDocument b{font-size:11px}.sourceDocument small{color:#397663;margin-left:auto;font-weight:700}.receiptActions{align-items:center;gap:8px;display:flex}.receiptRow{color:#1d6853;background:#edf8f3;border-radius:8px;align-items:center;gap:12px;margin:13px 0 0;padding:10px 12px;font-size:11px;display:flex}.receiptRow label{color:#466a5e;align-items:center;gap:6px;display:flex}.receiptRow b{margin-right:auto}.receiptRow .secondary{padding:8px 10px}@media (max-width:700px){.receiptActions{width:100%;margin-top:10px}.receiptActions button{flex:1}.receiptRow{flex-wrap:wrap;align-items:flex-start}.receiptRow b{width:100%}.receiptRow .secondary{margin-left:auto}}.purchaseQueue{margin-top:18px}.purchaseList{gap:14px;margin-top:16px;display:grid}.purchaseCard{background:#fff;border:1px solid #dbe8e2;border-radius:14px;padding:18px}.purchaseCardHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.purchaseCardHeader h3{color:#092f26;margin:0;font-size:18px}.purchaseCardHeader p{color:#637b73;margin:5px 0 0;font-size:13px}.statusPill{white-space:nowrap;color:#406258;background:#eef3f1;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-needs_review{color:#9a5b08;background:#fff4df}.status-completed{color:#08714f;background:#e7f7ef}.status-failed{color:#ad3c30;background:#fff0ee}.purchaseSummary{background:#f5f9f7;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:12px;display:grid}.purchaseSummary span{gap:3px;min-width:0;display:grid}.purchaseSummary small,.purchaseApply small{color:#668077;font-size:12px}.purchaseSummary b{color:#173c32;overflow-wrap:anywhere;font-size:14px}.purchaseTableWrap{overflow-x:auto}.purchaseTable{min-width:780px}.purchaseTable .tr{grid-template-columns:minmax(190px,2fr) minmax(80px,.8fr) 75px 120px 120px 120px}.purchaseApply{background:#edf8f4;border:1px solid #cde8dc;border-radius:10px;justify-content:space-between;align-items:end;gap:20px;margin-top:14px;padding:16px;display:flex}.purchaseApply label{color:#134c3e;gap:7px;min-width:210px;font-size:13px;font-weight:700;display:grid}.purchaseApply input{background:#fff;border:1px solid #b8d7ca;border-radius:8px;min-height:40px;padding:0 10px}.purchaseApply>div{justify-content:flex-end;align-items:center;gap:14px;display:flex}.purchaseApply small{max-width:390px;line-height:1.5}.purchaseWaiting{color:#557167;background:#f5f8f7;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}@media (max-width:760px){.purchaseSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.purchaseApply,.purchaseApply>div,.purchaseWaiting{flex-direction:column;align-items:stretch}.purchaseApply .primary,.purchaseWaiting .secondary{width:100%}}.catalogPill{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.catalogPill.ready{color:#08714f;background:#e7f7ef}.catalogPill.draft{color:#9a5b08;background:#fff3e5}.catalogRequired{color:#805317;background:#fff8ec;border:1px solid #f0d6ad;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:11px;font-weight:700}.commissionControls{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.commissionControls label{color:#56645e;gap:6px;min-width:220px;font-size:10px;font-weight:700;display:grid}.commissionControls input,.commissionControls select,.commissionTable input{font:inherit;background:#fff;border:1px solid #dce4e0;border-radius:7px;padding:8px;font-size:11px}.commissionTable .tr{grid-template-columns:1fr 2fr 1fr 120px 90px 70px}.commissionTable input{width:90px}.commissionTable small{color:#89948f;margin-top:3px;font-size:10px;display:block}.accessSections{gap:22px;margin-top:22px;display:grid}.accessSections h4{color:#0b6249;margin:0 0 8px;font-size:13px}.staffForm{background:#f8fbf9;border:1px solid #dbe8e2;border-radius:11px;padding:16px}.staffForm button{align-self:end}@media (max-width:700px){.commissionControls{grid-template-columns:1fr;display:grid}.commissionControls label{min-width:0}.commissionTable{overflow-x:auto}.commissionTable .tr{min-width:700px}.stocktakeRows label{grid-template-columns:1fr 90px 110px}}.roleSidebar{min-width:222px;overflow:hidden auto}.roleSidebar .brand{color:#fff;text-decoration:none}.roleSidebar .identity{border-top:1px solid #326658;border-bottom:1px solid #326658;align-items:center;gap:10px;margin:0 10px 18px;padding:11px 0;display:flex}.roleSidebar .identity i{color:#164638;background:#d7aa51;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-style:normal;font-weight:800;display:grid}.roleSidebar .identity b{text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:12px;display:block;overflow:hidden}.roleSidebar .identity small{margin-top:2px;display:block}.roleSidebar nav{gap:3px}.roleSidebar nav a{min-height:42px}.sidebarFooter{border-top:1px solid #326658;gap:8px;margin-top:auto;padding:18px 10px 4px;display:grid}.accountLink,.logoutButton{width:100%;font:inherit;text-align:left;border-radius:8px;padding:10px 11px;font-size:11px;font-weight:700}.accountLink{color:#dcece7;border:1px solid #4d8778;text-decoration:none}.logoutButton{color:#173c32;cursor:pointer;background:#d7aa51;border:1px solid #d7aa51}.logoutButton:hover{background:#ebc36f}.rolePage{max-width:1160px;margin:0 auto}.roleHeader{align-items:flex-end}.roleHeader label{letter-spacing:.14em;text-transform:uppercase;color:#14765a;font-size:10px;font-weight:800}.roleHeader h1{margin:7px 0;font-size:32px}.roleHeader p{max-width:620px;line-height:1.6}.ownerActions,.roleCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.ownerActions a,.roleCards a{color:#19362e;background:#fff;border:1px solid #e1e9e5;border-radius:12px;align-items:center;gap:13px;min-height:92px;padding:17px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.ownerActions a:hover,.roleCards a:hover{border-color:#8bc4ae;transform:translateY(-2px);box-shadow:0 10px 22px #16463814}.ownerActions b,.ownerActions span,.roleCards b,.roleCards span{display:block}.ownerActions b,.roleCards b{font-size:14px}.ownerActions span,.roleCards span{color:#71827b;margin-top:5px;font-size:11px;line-height:1.4}.roleCards em{color:#0c6a50;background:#e9f5ef;border-radius:8px;padding:9px;font-size:10px;font-style:normal;font-weight:800}.roleCards i{color:#14765a;margin-left:auto;font-size:22px;font-style:normal}.roleRule{color:#346d5c;background:#e9f5ef;border:1px solid #c7e4d6;border-radius:12px;padding:16px 18px}.roleRule b{color:#0b6249;font-size:13px}.roleRule p{margin:6px 0 0;font-size:11px;line-height:1.6}.accessGate{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:24px;display:grid}.accessGate h1{margin:0}.accessGate p{color:#66766f}.accessGate .primary{text-decoration:none}@media (max-width:760px){.roleSidebar{width:100%;min-width:0;max-height:none;padding:18px;position:static}.roleSidebar nav{grid-template-columns:1fr 1fr;margin-top:15px;display:grid}.roleSidebar nav a{padding:10px}.roleSidebar .identity{margin:0;padding:10px 0}.sidebarFooter{grid-template-columns:1fr 1fr;margin-top:15px;padding:14px 0 0}.content{max-width:none}.roleHeader{display:block}.roleHeader .primary{margin-top:16px}.ownerActions,.roleCards{grid-template-columns:1fr}.roleHeader h1{font-size:27px}}.termsBox{color:#45675c;background:#f5faf7;border:1px solid #d5e6de;border-radius:10px;padding:13px 14px;font-size:11px;line-height:1.6}.termsBox summary{cursor:pointer;color:#0b6249;font-weight:800}.termsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.termsGrid section{min-width:0}.termsGrid h3{color:#164638;margin:0;font-size:12px}.termsBox ol{margin:7px 0 2px;padding-left:20px}.termsBox li+li{margin-top:7px}.termsAccept{align-items:flex-start;gap:8px;line-height:1.5;font-size:11px!important;display:flex!important}.termsAccept input{margin:2px 0 0}.signatureBox{background:#fff;border:1px solid #d8e7e0;border-radius:10px;padding:14px}.signatureBox>div{gap:3px;margin-bottom:10px;display:grid}.signatureBox b{color:#164638;font-size:12px}.signatureBox span{color:#71827b;font-size:10px}.signatureBox canvas{touch-action:none;cursor:crosshair;background:#fff;border:1px dashed #93bdad;border-radius:8px;width:100%;height:150px;display:block}.signatureBox .secondary{margin-top:9px}@media (max-width:720px){.termsGrid{grid-template-columns:1fr}}.documentActions{flex-wrap:wrap;gap:8px;margin:-3px 0 13px;display:flex}.credentialNotice{color:#5c4821;background:#fff9ed;border:2px solid #d7aa51;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding:15px;display:grid}.credentialNotice b,.credentialNotice small{grid-column:1/-1}.credentialNotice span{background:#fff;border-radius:7px;padding:8px;font-size:11px}.credentialNotice strong{color:#174d3d;font-family:ui-monospace,monospace}.credentialNotice small{font-size:10px;line-height:1.5}.credentialNotice .secondary{justify-self:start}@media (max-width:700px){.credentialNotice{grid-template-columns:1fr}}.workspaceShell{background:#f4f7f5;min-height:100vh}.workspaceBody{width:calc(100% - 200px);min-height:100vh;margin-left:200px}.compactSidebar{width:200px;padding:18px 14px}.compactSidebar .brand{padding:0 8px 22px}.compactSidebar .brand>span{width:36px;height:36px}.compactSidebar .brand b{font-size:17px}.compactSidebar .identity{margin:0 8px 14px}.compactSidebar nav a{min-height:38px;padding:10px;font-size:12px}.compactSidebar .sidebarFooter{padding:14px 8px 2px}.workspaceLoading{color:#60736b;background:#f4f7f5;place-items:center;min-height:100vh;font-size:13px;display:grid}@media (max-width:760px){.workspaceBody{width:100%;margin:0}.compactSidebar{width:100%;height:auto;padding:16px;position:static}.compactSidebar nav{grid-template-columns:1fr 1fr;margin-top:12px;display:grid}.compactSidebar .sidebarFooter{grid-template-columns:1fr 1fr;margin-top:12px;padding:12px 0 0;display:grid}.compactSidebar .identity{margin:0;padding:8px 0}.compactSidebar .brand{padding-bottom:8px}}.staffHelp{color:#71827b;margin:0 0 10px;font-size:11px}.staffCards{gap:9px;display:grid}.staffCard{background:#fff;border:1px solid #dfe9e4;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.staffCard b,.staffCard small,.staffCard span{display:block}.staffCard b{color:#173c32;font-size:13px}.staffCard small{color:#72827b;margin-top:4px;font-size:10px}.staffCard>div:first-child>span{color:#0b654c;margin-top:7px;font-size:10px;font-weight:700}.staffActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.staffActions .secondary{padding:8px 10px}.staffActions>small{color:#72827b;font-size:10px}.staffStatus{align-items:center;gap:8px;font-size:12px!important;display:flex!important}.staffStatus input{width:16px;height:16px;padding:0}@media (max-width:700px){.staffCard{flex-direction:column;align-items:flex-start}.staffActions{justify-content:flex-start}.staffActions .secondary{flex:1}.staffForm button{grid-column:auto}}.sidebar.sidebar{width:200px}.content.content{width:calc(100% - 200px);margin-left:200px}.roleSidebar.roleSidebar{min-width:200px}.compactSidebar.compactSidebar{width:200px;min-width:200px}.storeNetwork{max-width:1360px;margin:0 auto}.storeNetworkFilters{background:#f5f8f6;border-radius:10px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 14px;padding:14px;display:grid}.storeNetworkFilters label{color:#547168;gap:5px;font-size:10px;font-weight:700;display:grid}.storeNetworkFilters input,.storeNetworkFilters select{color:#203c33;min-width:0;font:inherit;background:#fff;border:1px solid #d9e4de;border-radius:7px;padding:9px;font-size:12px}.filterButtons{align-items:end;gap:7px;display:flex}.filterButtons button{white-space:nowrap;min-height:35px}.storeNetworkMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.storeNetworkMetrics article{background:#fbfcfb;border:1px solid #e1e9e5;border-radius:10px;gap:5px;padding:14px;display:grid}.storeNetworkMetrics small,.storeNetworkMetrics span{color:#75847e;font-size:10px}.storeNetworkMetrics b{color:#123c30;font-size:17px}.storeNetworkTable .tr{grid-template-columns:1.25fr 1.7fr 1fr .65fr 1fr .7fr 1.25fr}.storeNetworkTable .tr>span:first-child{gap:3px;display:grid}.storeNetworkTable small{color:#75847e;font-size:10px}.tableActions{flex-wrap:wrap;gap:7px;display:flex}.tableActions a{align-items:center;display:inline-flex}@media (max-width:1050px){.storeNetworkFilters{grid-template-columns:repeat(3,minmax(0,1fr))}.storeNetworkMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.storeNetworkTable{overflow-x:auto}.storeNetworkTable .tr{min-width:930px}}@media (max-width:650px){.storeNetworkFilters,.storeNetworkMetrics{grid-template-columns:1fr}.filterButtons{align-items:stretch}.filterButtons button{flex:1}}:root{--ink:#17231f;--muted:#78827e;--green:#0b523f;--mint:#e8f4ef;--line:#e4e9e7;--paper:#fff;--bg:#f4f7f5}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans SC,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0b493a;flex-direction:column;width:222px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 30px;display:flex}.brand>span{color:#164638;background:#d7aa51;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.brand b{letter-spacing:.12em;font-size:19px}.brand small,.user small{color:#a5c0b8;font-size:10px;display:block}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#b8cec7;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px}.sidebar nav button.active{color:#0b493a;background:#fff;font-weight:700}.user{border-top:1px solid #326658;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.user i{color:#164638;background:#d7aa51;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;font-weight:700;display:grid}.content{width:calc(100% - 222px);max-width:1500px;margin-left:222px;padding:32px 38px 50px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}header label{text-transform:uppercase;letter-spacing:.12em;color:#14765a;font-size:10px;font-weight:700}h1{margin:5px 0 3px;font-size:28px}header p,.panelHead p{color:var(--muted);margin:0;font-size:12px}.primary{color:#fff;background:#0d654c;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.alert{background:#fff9f2;border:1px solid #efd5bc;border-radius:11px;align-items:center;gap:12px;margin-bottom:15px;padding:14px 17px;display:flex}.alert strong{color:#b75f2b;background:#f5dfca;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.alert b{font-size:12px}.alert p{color:#88766b;margin:3px 0;font-size:11px}.alert button{color:#aa5728;background:0 0;border:0;margin-left:auto;font-weight:700}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px;display:grid}.metrics article,.panel{border:1px solid var(--line);background:#fff;border-radius:13px}.metrics article{padding:18px;position:relative}.metrics p{color:var(--muted);margin:0 0 10px;font-size:11px}.metrics h2{margin:0 0 8px;font-size:22px}.metrics small{color:#8b9591}.metrics .up{color:#258164}.metrics .warn{color:#b66b35}.metrics article>i{background:var(--mint);color:#187056;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-style:normal;display:grid;position:absolute;top:15px;right:15px}.grid{grid-template-columns:1.3fr 1fr;gap:13px;margin-bottom:13px;display:grid}.panel{padding:19px}.panelHead{justify-content:space-between;margin-bottom:15px;display:flex}.panelHead h3{margin:0 0 4px;font-size:15px}.live{color:#308267;background:#e9f6f0;border-radius:12px;padding:6px 8px;font-size:9px}.flowRow{border-top:1px solid #edf0ef;align-items:center;gap:11px;padding:10px 1px;display:flex}.flowRow em{color:#72807b;background:#f0f3f2;border-radius:7px;padding:7px;font-size:9px;font-style:normal}.flowRow div{min-width:130px}.flowRow b,.flowRow small{font-size:11px;display:block}.flowRow small{color:#8b9591;margin-top:3px}.flowRow>span{background:#eff2f1;border-radius:10px;margin-left:auto;padding:5px 8px;font-size:9px}.flowRow>span.hot{color:#b95f2d;background:#fff0e4}.flowRow>button{color:#98a29e;background:0 0;border:0;font-size:21px}.quick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;padding:12px}.quick span{float:left;background:var(--mint);color:#177156;border-radius:7px;place-items:center;width:28px;height:28px;margin-right:8px;font-size:9px;font-weight:700;display:grid}.quick b,.quick small{display:block}.quick b{font-size:10px}.quick small{color:#89938f;margin-top:3px;font-size:9px}.ai{background:#f3eff9;border-radius:9px;margin-top:12px;padding:12px}.ai b{color:#67499a;font-size:10px}.ai p{color:#776e84;margin:4px 0;font-size:9px}.ai button,.link{color:#0c6a50;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.table{width:100%}.tr{color:#59645f;border-top:1px solid #edf0ef;grid-template-columns:1.4fr 1.8fr 1.2fr .9fr .7fr;align-items:center;min-height:42px;font-size:10px;display:grid}.th{color:#929a97;text-transform:uppercase;font-size:9px}.pill{color:#24765a;background:#e8f5ef;border-radius:10px;width:max-content;padding:5px 8px}@media (max-width:900px){.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media (max-width:650px){.shell{display:block}.sidebar{width:100%;height:auto;position:static}.sidebar nav,.user{display:none}.brand{padding-bottom:0}.content{width:100%;margin:0;padding:20px}.metrics{grid-template-columns:1fr}.tr{grid-template-columns:1.5fr 1fr}.tr span:nth-child(n+3){display:none}}.sidebar nav a{color:#d3e4de;border-radius:9px;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.sidebar nav a span{color:#86b6a7;margin-left:auto;font-size:20px;line-height:12px;transition:transform .15s}.sidebar nav a:hover{color:#fff;background:#17614f;transform:translate(2px)}.sidebar nav a:hover span{color:#d7aa51;transform:translate(3px)}.sidebar nav a.active{color:#0b493a;background:#fff;font-weight:700;box-shadow:0 5px 16px #06362955}.sidebar nav a.active span{color:#0b493a}.sidebarLinks{border-top:1px solid #326658;gap:8px;margin-top:22px;padding:14px 0 0;display:grid}.sidebarLinks a{color:#dcece7;background:#12604d;border:1px solid #287762;border-radius:10px;padding:10px 28px 10px 11px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:block;position:relative}.sidebarLinks a b,.sidebarLinks a span{display:block}.sidebarLinks a b{color:#fff;font-size:11px}.sidebarLinks a span{color:#a9ccc1;margin-top:3px;font-size:9px}.sidebarLinks a em{color:#e4bd68;font-size:13px;font-style:normal;position:absolute;top:11px;right:10px}.sidebarLinks a:hover{background:#1c745e;border-color:#78bda8;transform:translateY(-1px)}.navGroup{position:relative}.subNav{z-index:20;opacity:0;visibility:hidden;background:#0f5746;border:1px solid #438671;border-radius:11px;min-width:190px;padding:8px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:-6px;left:calc(100% + 8px);transform:translate(-6px);box-shadow:0 12px 28px #06362955}.navGroup:hover .subNav,.navGroup:focus-within .subNav{opacity:1;visibility:visible;transform:translate(0)}.subNav a{color:#dcece7;white-space:nowrap;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:11px;text-decoration:none;display:flex}.subNav a span{color:#e1bb68;font-size:11px}.subNav a:hover{color:#fff;background:#24745f}.sidebar nav{overflow:visible}