:root{color-scheme:light;--bg:#f6f8fc;--surface:#fff;--surface2:#f3f5fb;--border:#e9edf5;--text:#111827;--muted:#6b7280;--primary:#5b73f6;--primary2:#6b86ff;--primaryWeak:#eef1ff;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--shadowSm:0 1px 2px rgba(15,23,42,.06);--shadowMd:0 10px 25px rgba(15,23,42,.08);--focus:rgba(91,115,246,.35);--pagePad:22px}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hdr{padding:0;border-bottom:1px solid transparent;position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:20}.hdrInner{max-width:1200px;margin:0 auto;padding:16px var(--pagePad);justify-content:space-between;gap:16px}.hdrInner,.left{display:flex;align-items:center}.left{gap:12px}.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.brandIconWrap{width:28px;height:28px;border-radius:999px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.06)}.brandIcon{width:100%;height:100%;object-fit:cover;display:block}.brandText{display:flex;flex-direction:column;line-height:1.2}.brandTitle{font-size:18px;font-weight:700}.brandTagline{font-size:12px;color:var(--muted)}.nav{display:flex;gap:12px}.appShell .navMain{display:none}.drawerToggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:#111827;cursor:pointer}.drawerToggle:hover{background:var(--surface2)}.drawerToggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.appShell{min-height:100vh;display:grid;grid-template-columns:auto 1fr}.sideBar{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100dvh;width:72px;background:var(--surface);border-right:1px solid var(--border);padding:16px 10px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 2px 14px rgba(15,23,42,.04);z-index:30}.sideBarExpanded{width:220px;align-items:stretch;padding:16px 12px}.sideHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.sideBar:not(.sideBarExpanded) .sideHeader{justify-content:center}.sideBrandLink{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:0}.sideBrand{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:transparent;box-shadow:none;flex-shrink:0}.sideBrand img{width:28px;height:28px;display:block}.sideBrandText{display:none;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideBarExpanded .sideBrandText{display:block}.sideToggle{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.sideToggle:hover{background:var(--surface2);color:var(--text)}.sideToggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sideToggleBottom{width:44px;height:44px;margin:6px auto 0}.sideToggleLabel{display:none;font-size:13px;font-weight:800}.sideBarExpanded .sideToggleBottom{width:100%;justify-content:flex-start;padding:0 12px}.sideBarExpanded .sideToggleLabel{display:inline}.sideNav{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.sideBarExpanded .sideNav{align-items:stretch}.sideItem{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-decoration:none;position:relative;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.sideBarExpanded .sideItem{width:100%;padding:0 12px;justify-content:flex-start}.sideIcon{display:inline-flex}.sideLabel{display:none;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideBarExpanded .sideLabel{display:block}.sideItem:hover{background:var(--surface2);color:var(--text)}.sideItemActive{background:var(--primaryWeak);color:var(--primary);box-shadow:0 8px 16px rgba(91,115,246,.12)}.sideUnreadDot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:999px;background:var(--warning);box-shadow:0 0 0 2px var(--surface)}.sideSpacer{flex:1 1}.appMain{min-width:0;display:flex;flex-direction:column}.mainDrawer{position:relative}.mainDrawerBackdrop{position:fixed;inset:0;width:100%;height:100%;border:none;padding:0;background:rgba(15,23,42,.35);z-index:39}.mainDrawerPanel{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:min(320px,78vw);background:var(--surface);border:1px solid var(--border);border-radius:0;padding:12px;overflow:auto;z-index:40;text-align:left;box-shadow:0 12px 28px rgba(15,23,42,.12)}.mainDrawerHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 10px}.mainDrawerBrand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--text)}.mainDrawerBrandIcon{width:34px;height:34px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.06)}.mainDrawerBrandIcon img{width:100%;height:100%;object-fit:cover;display:block}.mainDrawerBrandText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainDrawerBrandText,.mainDrawerTitle{font-size:17px;font-weight:800}.mainDrawerClose{width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;line-height:1;font-size:18px}.mainDrawerItem{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:12px;color:var(--text);text-decoration:none;font-size:17px;font-weight:700;line-height:1.2;text-align:left}.mainDrawerItem:hover{background:var(--surface2)}.mainDrawerItemIcon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted)}.mainDrawerItemActive{background:var(--primaryWeak);color:var(--primary)}.mainDrawerItemActive:hover{background:rgba(91,115,246,.18)}.mainDrawerItemActive .mainDrawerItemIcon{color:var(--primary)}.link{color:var(--muted);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;padding:8px 10px;border-radius:12px}.link:hover{background:var(--surface2);color:var(--text)}.linkActive{color:var(--primary);background:var(--primaryWeak);text-decoration:none}.linkActive:hover{color:var(--primary);background:rgba(91,115,246,.18)}.hdrRight{gap:16px}.hdrRight,.userChip{display:flex;align-items:center}.userChip{gap:8px;text-decoration:none;color:var(--text);font-size:14px}.accountMenu{position:relative}.accountMenuButton{background:transparent;border:none;padding:0;cursor:pointer}.accountMenuButton:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:999px}.accountCaret{color:var(--muted);font-size:12px}.accountBackdrop{display:none;position:fixed;inset:0;width:100%;height:100%;border:none;padding:0;background:rgba(15,23,42,.35);z-index:39}.accountDropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 12px 28px rgba(15,23,42,.12);z-index:40;text-align:left}.accountDrawerHeader{display:none;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 10px}.accountDrawerTitle{font-weight:700}.accountDrawerClose{width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;line-height:1;font-size:18px}.accountDropdownItem{display:block;padding:10px 12px;border-radius:12px;color:var(--text);text-decoration:none;font-size:14px;line-height:1.2;text-align:left}.accountDropdownItem:hover{background:var(--surface2)}.accountDropdownSeparator{height:1px;background:var(--border);margin:6px 8px}.accountDropdownItemRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.accountAvatarWrap{position:relative;display:block;flex-shrink:0}.accountBadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;line-height:1}.accountBadgeDot{position:absolute;top:0;right:0;transform:translate(55%,-55%);border:2px solid var(--surface);min-width:16px;height:16px;padding:0 4px;font-size:10px}.avt{width:28px;height:28px;border-radius:50%;display:block;flex-shrink:0}.ph{background:var(--border)}.uname{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout{color:var(--danger);text-decoration:none;font-size:13px}.container{max-width:1200px;margin:0 auto;padding:20px var(--pagePad) 28px;width:100%;box-sizing:border-box}@media (max-width:720px){:root{--pagePad:16px}.hdr{background:var(--surface);border-bottom:1px solid var(--border)}.hdrInner{padding:12px var(--pagePad);align-items:center;gap:10px}.hdrInner,.left{flex-wrap:nowrap}.left{flex:1 1}.brand,.left{min-width:0}.brandTagline{display:none}.nav{flex-wrap:wrap;gap:8px;font-size:13px}.hdrRight{width:auto;justify-content:flex-end;gap:12px}.uname{display:none}.brand,.userChip{height:40px}.drawerToggle{display:inline-flex}.navMain,.navUtility{display:none}.accountBackdrop{display:block}.accountDropdown{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:min(380px,86vw);border-radius:0;padding:12px;overflow:auto}.accountDrawerHeader{display:flex}.accountDropdownSeparator{margin:10px 6px}.accountDropdownItem{padding:12px 10px;font-size:17px;font-weight:700}.accountDrawerTitle{font-size:17px;font-weight:800}.container{padding:16px var(--pagePad) 24px}.h2{font-size:18px;margin:0 0 12px}.card{padding:14px;border-radius:18px}.tbl{font-size:13px}.tbl td,.tbl th{padding:8px 6px}.input{padding:10px 12px}.drawerToggle{width:44px;height:44px}.search{grid-template-columns:1fr;column-gap:12px;row-gap:12px}.searchActions{flex-wrap:wrap}.searchActionsNoWrap{justify-content:flex-start;flex-wrap:wrap;white-space:normal}.ordersSearchActionsRow{flex-direction:column;align-items:stretch;gap:12px;flex-wrap:wrap}.ordersSearchActionsLeft{flex-wrap:wrap}.ordersSearchActionsRight{width:100%;justify-content:flex-start;flex-wrap:wrap;white-space:normal}.pager{justify-content:center}}@media (max-width:900px){.appShell{grid-template-columns:1fr}.sideBar{display:none}.drawerToggle{display:inline-flex}}.wrap{padding:0;max-width:none;margin:0;width:100%}.h2{font-size:20px;font-weight:700;margin:0 0 16px;color:var(--text)}.mb12{margin-bottom:12px}.tableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadowSm)}.tbl th{border-bottom:1px solid var(--border);color:#4b5563;text-align:left;background:#fbfcff;font-weight:600}.tbl td,.tbl th{padding:10px 8px}.tbl td{color:var(--text);border-top:1px solid rgba(233,237,245,.7)}.tbl .planCurrent{background:var(--primaryWeak)}.tbl th.planCurrent{color:var(--primary)}.center,td.center,th.center{text-align:center}.right,td.right,th.right{text-align:right}.mono{font-family:ui-monospace,Menlo,monospace}.pad16{padding:16px}.search{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-column-gap:24px;column-gap:24px;grid-row-gap:16px;row-gap:16px;align-items:flex-end;margin:0 0 16px}.searchField{display:flex;flex-direction:column;gap:4px;min-width:160px}.searchFieldLabel{font-size:13px}.searchDateRange{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.searchActions{display:flex;align-items:center;gap:8px}.searchActionsNoWrap{justify-content:flex-end;grid-column:1/-1;flex-wrap:nowrap;white-space:nowrap}.ordersSearchActionsRow{grid-column:1/-1;justify-content:space-between;gap:16px}.ordersSearchActionsLeft,.ordersSearchActionsRow{display:flex;align-items:flex-end;flex-wrap:nowrap}.ordersSearchActionsLeft{gap:12px}.ordersSearchActionsRight{justify-content:flex-end;white-space:nowrap;flex-shrink:0}.ordersActionBar,.ordersSearchActionsRight{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.ordersActionBar{overflow-x:auto;-webkit-overflow-scrolling:touch}.ordersActionBar>*{flex-shrink:0}.input{padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-sizing:border-box;width:100%;font-size:14px}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-color:rgba(91,115,246,.55);box-shadow:0 0 0 4px var(--focus)}.btnPrimary{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:12px;border:1px solid transparent;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;font-size:14px;font-weight:500;line-height:1;box-shadow:0 10px 18px rgba(91,115,246,.22)}.btnPrimary:disabled{opacity:.6;cursor:not-allowed}.btnSecondary{font-size:14px;font-weight:500}.btnSecondary:disabled{opacity:.6;cursor:not-allowed}.linkClear{margin-left:8px}.ops{display:flex;gap:8px}.btnLink,.ops{justify-content:center}.btnLink{display:inline-flex;align-items:center;min-width:88px;padding:8px 16px;background:var(--primaryWeak);color:var(--primary);border-radius:12px;text-decoration:none;font-size:13px}.muted{color:var(--muted)}.pager{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;font-size:14px}.disabled{pointer-events:none;opacity:.5}@media (max-width:640px){.tbl td:nth-child(6),.tbl th:nth-child(6){display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin:0 0 16px;box-shadow:var(--shadowSm);width:100%;box-sizing:border-box}.cardOk{background:#dcfce7;border-color:#86efac}.exploreDetails>summary{list-style:none}.exploreDetails>summary::-webkit-details-marker{display:none}.exploreDetails>summary::marker{content:""}.h3{font-size:16px;font-weight:700;margin:0 0 12px}.avatar{width:64px;height:64px;border-radius:50%}.profRow{display:flex;align-items:center;gap:16px}.profInfo{min-width:0}.formGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-column-gap:24px;column-gap:24px;grid-row-gap:10px;row-gap:10px;margin-top:12px}.formGrid3{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}.formActions{display:flex;flex-wrap:wrap;align-items:center}.formActions,.linkGrid{margin-top:12px;gap:8px}.linkGrid{display:grid;grid-template-columns:1fr auto;grid-gap:8px;align-items:end}.col{display:flex;flex-direction:column;gap:4px}.badge{display:inline-block;padding:2px 8px;border-radius:6px;margin:0 8px 0 4px}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.help{color:#6b7280;margin-top:6px;font-size:12px}.usageRow{display:flex;gap:12px;flex-wrap:wrap}.usageBox{flex:1 0 160px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadowSm)}.big{font-size:20px;font-weight:700;margin-top:6px}@media (max-width:720px){.formGrid,.formGrid3,.linkGrid{grid-template-columns:1fr}}.btnSecondary{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 16px;background:var(--success)}.btnDanger,.btnSecondary{border-radius:12px;border:1px solid transparent;color:#fff;text-decoration:none;cursor:pointer}.btnDanger{padding:8px 12px;background:var(--danger)}.btnGhost{padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;font-weight:600}.loginPage{min-height:calc(100vh - 80px);display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 32px}.loginCard{width:100%;max-width:420px;background:var(--surface);border-radius:24px;padding:40px 32px 32px;box-shadow:var(--shadowMd);text-align:center}.loginIconWrap{width:80px;height:80px;border-radius:24px;overflow:hidden;margin:0 auto 24px;box-shadow:0 6px 15px rgba(15,23,42,.12)}.loginIcon{width:100%;height:100%;object-fit:cover;display:block}.loginTitle{font-size:20px;font-weight:700;margin:0 0 24px;color:var(--text)}.loginButton{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:12px 24px;border-radius:999px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 10px 18px rgba(91,115,246,.22)}.loginButton:hover{background:#4f67f0}.loginButtonSecondary{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:10px 20px;border-radius:999px;background:var(--primaryWeak);color:var(--primary);font-size:13px;font-weight:500;text-decoration:none;border:1px solid rgba(91,115,246,.22)}.loginButtonSecondary:hover{background:#e7ebff}.loginNote{margin-top:24px;font-size:13px;color:var(--muted);line-height:1.6}@media (hover:hover){.btnDanger:hover,.btnSecondary:hover{opacity:.9}}.sectionHeader{justify-content:space-between;margin-top:8px}.sectionControls,.sectionHeader{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:160px}.introRow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.statusLegend{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:6px 12px;gap:6px 12px;min-width:240px}.legendItem{display:flex;align-items:center;gap:6px;font-size:14px}.legendDot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 3px #fff}.pillMuted,.pillPrimary{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content}.pillMuted{background:var(--surface2);color:#4b5563}.pillPrimary{background:var(--primaryWeak);color:var(--primary)}.sectionTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.matrixHint,.sectionTitle{display:flex;flex-wrap:wrap}.matrixHint{gap:10px;font-size:12px;color:var(--muted)}.matrixShell{margin-top:8px}.matrixPlot{position:relative;height:340px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.matrixGrid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(233,237,245,.7),rgba(233,237,245,.7) 1px,transparent 0,transparent 25%),repeating-linear-gradient(0deg,rgba(233,237,245,.7),rgba(233,237,245,.7) 1px,transparent 0,transparent 25%);pointer-events:none}.matrixThreshold{position:absolute;top:0;bottom:0;width:1px;background:rgba(17,24,39,.18)}.matrixPoint{border-radius:50%;color:#fff;font-size:11px;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(15,23,42,.18);transform:translate(-50%,-50%)}.matrixAxisX,.matrixPoint{position:absolute;display:flex}.matrixAxisX{left:12px;right:12px;bottom:4px}.matrixAxisX,.matrixAxisY{justify-content:space-between;font-size:12px;color:var(--muted);pointer-events:none}.matrixAxisY{position:absolute;top:20px;bottom:20px;left:10px;display:flex;flex-direction:column}.tableActions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.statusChip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:600;font-size:13px}.scoreRow{display:flex;flex-wrap:wrap;gap:6px}.scorePill,.scoreTotal{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:8px;font-size:12px;background:var(--surface2);color:var(--text)}.scoreTotal{background:var(--primaryWeak);color:var(--primary);font-weight:700}.managerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.managerCard{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadowSm)}.managerName{font-weight:700;margin-bottom:4px}.managerBadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.managerBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:13px}.small{font-size:12px}.sectionRow td{background:#f9fafb;font-weight:700}@media (max-width:720px){.matrixPlot{height:300px}}