@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-400-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-500-latin.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/be-vietnam-pro-700-latin.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #14181b;--ink-2: #48525a;--ink-3: #626e66;--ink-4: #727e76;--bg: #f5f6f3;--surface: #ffffff;--surface-2: #fafbf9;--line: #e3e7e2;--line-soft: #eef1ec;--accent: #0b6e4f;--accent-ink: #075039;--accent-soft: #e8f2ed;--accent-ring: rgba(11, 110, 79, .22);--green: #0f7b4f;--green-soft: #e6f3ec;--amber: #a96307;--amber-soft: #fbf0dd;--red: #b3341f;--red-soft: #fbe9e5;--blue: #1f5fa8;--blue-soft: #e8effa;--slate: #5b6b78;--slate-soft: #ecefF1;--gold: #8a5a00;--gold-soft: #f8efd8;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-pill: 6px;--shadow-1: none;--shadow-2: none;--shadow-3: 0 24px 60px -24px rgba(20, 24, 27, .35);--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100dvh;overflow-x:clip}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:22px;padding:22px 16px;border-right:1px solid var(--line);background:var(--surface-2)}.brand{display:flex;align-items:center;gap:10px;padding:0 6px}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;letter-spacing:-.02em;box-shadow:none}.brand-name{font-weight:600;letter-spacing:-.02em;line-height:1.15}.brand-sub{font-size:11.5px;color:var(--ink-3);letter-spacing:.01em}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink-2);font-size:14px;transition:background .16s var(--ease),color .16s var(--ease)}.nav-item:hover{background:#eef1ec;color:var(--ink)}.nav-item[aria-current=page]{background:var(--surface);color:var(--accent-ink);font-weight:600;box-shadow:var(--shadow-1)}.nav-item .count{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--ink-3);background:#eceff0;border-radius:var(--r-pill);padding:1px 7px}.nav-item[aria-current=page] .count{background:var(--accent-soft);color:var(--accent-ink)}.sidebar-foot{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:11.5px;color:var(--ink-3);line-height:1.5}.sidebar-foot strong{display:block;color:var(--ink-2);font-weight:600;font-size:12px;margin-bottom:2px}.main{min-width:0;padding:26px 30px 72px}.main-inner{max-width:1180px;margin:0 auto}.mobile-bar,.tabbar{display:none}@media(max-width:1023px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.main{padding:0 0 calc(84px + env(safe-area-inset-bottom))}.main-inner{padding:0 16px}.mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s var(--ease)}.mobile-bar.scrolled{border-color:var(--line)}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,#ffffff 97%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;font-size:10.5px;font-weight:500;color:var(--ink-3);position:relative}.tab[aria-current=page]{color:var(--accent-ink);font-weight:600}.tab .dot{position:absolute;top:4px;right:calc(50% - 16px);width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--surface)}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.028em;font-weight:600}.page-head .lede{margin:5px 0 0;color:var(--ink-3);font-size:13.5px;max-width:62ch}.head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:1023px){.page-head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.page-head h1{font-size:23px}.head-actions{flex-wrap:wrap;justify-content:flex-start;min-width:0}.head-actions .btn.primary{order:-1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:500;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),transform .06s var(--ease)}.btn:hover{background:#f7f8f5;border-color:#d7dcd5;color:var(--ink)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:none}.btn.primary:hover{background:#0a6246;border-color:#0a6246;color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#eceee9}.btn.icon{width:36px;padding:0}.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-1);margin-bottom:22px}.metric{padding:14px 16px;border-right:1px solid var(--line-soft);text-align:left;display:block;width:100%;transition:background .15s var(--ease)}.metric:last-child{border-right:0}.metric:hover{background:var(--surface-2)}.metric-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);letter-spacing:.005em}.metric-value{display:flex;align-items:baseline;gap:6px;margin-top:4px;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.15}.metric-value small{font-size:12.5px;font-weight:500;color:var(--ink-3);letter-spacing:0}.metric-note{margin-top:2px;font-size:11.5px;color:var(--ink-4)}.metric.accent .metric-value{color:var(--accent-ink)}.metric.warn .metric-value{color:var(--amber)}.metric.danger .metric-value{color:var(--red)}@media(max-width:720px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:11px 13px;border-bottom:1px solid var(--line-soft)}.metric:nth-child(2n){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric-value{font-size:20px;margin-top:2px}.metric-note{display:block;font-size:11px;line-height:1.45}.metric-label{font-size:11.5px;line-height:1.35}}.section{margin-bottom:26px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.015em}.section-head .sub{color:var(--ink-3);font-size:12.5px}.link{color:var(--accent-ink);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:2px}.link:hover{text-decoration:underline;text-underline-offset:3px}.list{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-1)}.row{display:grid;grid-template-columns:3px 36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:11px 14px 11px 0;border-bottom:1px solid var(--line-soft);text-align:left;transition:background .14s var(--ease)}.row:last-child{border-bottom:0}.row:hover{background:var(--surface-2)}.row .rail{align-self:stretch;width:4px;border-radius:0 3px 3px 0;background:transparent}.rail.green{background:var(--green)}.rail.amber{background:var(--amber)}.rail.red{background:var(--red)}.rail.blue{background:var(--blue)}.rail.grey{background:#8b959c}.rail.muted{background:transparent}.avatar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:600;letter-spacing:.01em;color:#53645b;background:#edf0ec;flex-shrink:0}.avatar.lg{width:46px;height:46px;border-radius:10px;font-size:15px}.row-main{min-width:0}.row-title{display:flex;align-items:center;gap:8px;min-width:0}.row-title strong{font-weight:600;font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{color:var(--ink-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.row-sub em{font-style:normal;color:var(--ink-2)}.row-end{display:flex;align-items:center;gap:10px}.countdown{display:inline-flex;align-items:baseline;gap:3px;font-size:12.5px;font-weight:600;padding:2px 6px;border-radius:var(--r-pill);white-space:nowrap}.countdown.green{color:var(--green);background:var(--green-soft)}.countdown.amber{color:var(--amber);background:var(--amber-soft)}.countdown.red{color:var(--red);background:var(--red-soft)}.countdown.blue{color:var(--blue);background:var(--blue-soft)}.countdown.grey{color:var(--slate);background:var(--slate-soft)}.countdown.muted{color:var(--ink-3);background:#f0f2ef}.call-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);background:var(--surface);transition:all .15s var(--ease)}.call-btn:hover{color:var(--accent-ink);border-color:#c9dcd2;background:var(--accent-soft)}@media(max-width:420px){.row-title .pill{display:none}.row-title strong{white-space:normal;overflow:visible}.head-actions .btn{width:100%}}@media(max-width:720px){.row{grid-template-columns:4px 36px minmax(0,1fr) auto;gap:11px;padding:12px 12px 12px 0}.row .call-btn{display:none}.row-sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.pill{display:inline-flex;align-items:center;gap:5px;padding:1px 5px;border-radius:var(--r-pill);font-size:11.5px;font-weight:500;letter-spacing:0;white-space:nowrap}.pill .d{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.vip{color:var(--gold);background:var(--gold-soft)}.pill.loyal{color:var(--accent-ink);background:var(--accent-soft)}.pill.regular{color:#3f5566;background:#e9eef2}.pill.fresh{color:var(--ink-3);background:#f0f2ef}.pill.st-green{color:var(--green);background:var(--green-soft)}.pill.st-amber{color:var(--amber);background:var(--amber-soft)}.pill.st-red{color:var(--red);background:var(--red-soft)}.pill.st-blue{color:var(--blue);background:var(--blue-soft)}.pill.st-grey{color:var(--slate);background:var(--slate-soft)}.pill.st-muted{color:var(--ink-3);background:#f0f2ef}.pill.line{color:var(--ink-2);background:transparent;border:1px solid var(--line);font-weight:500}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}.card-pad{padding:16px}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}@media(min-width:1200px){.split.two{grid-template-columns:minmax(340px,420px) minmax(0,1fr)}.split.two .detail{position:sticky;top:26px;max-height:calc(100dvh - 52px);overflow:auto;overscroll-behavior:contain}}.toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.search:focus-within{border-color:#bcd3c8;box-shadow:0 0 0 3px var(--accent-ring)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13.5px}.search input::placeholder{color:var(--ink-4)}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;height:30px;padding:0 11px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .15s var(--ease)}.chip:hover{border-color:#ccd4cd;color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip .n{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.detail{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.detail-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.detail-head h2{margin:0;font-size:18px;letter-spacing:-.02em;font-weight:600;line-height:1.25}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;margin-top:5px;color:var(--ink-3);font-size:12.5px}.detail-head .grow{flex:1;min-width:0}.highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.hl{padding:11px 14px;border-right:1px solid var(--line-soft)}.hl:last-child{border-right:0}.hl-label{font-size:11px;color:var(--ink-3);letter-spacing:.01em}.hl-value{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-top:1px}.hl-value small{font-size:11.5px;font-weight:500;color:var(--ink-3);letter-spacing:0}@media(max-width:560px){.detail-head .row-actions{width:100%;justify-content:flex-end;margin-top:2px}.highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.hl:nth-child(2n){border-right:0}.hl:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}}.detail-body{padding:16px 18px 18px}.dblock+.dblock{margin-top:20px}.dblock h3{margin:0 0 9px;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink-3);display:flex;align-items:center;justify-content:space-between;gap:8px}.dblock h3 span.norm{text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink-4)}.usage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.usage:last-child{border-bottom:0;padding-bottom:0}.usage-top{display:flex;align-items:center;gap:8px;min-width:0}.usage-top strong{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-line{font-size:12px;color:var(--ink-3);margin-top:2px}.bar{position:relative;height:5px;border-radius:var(--r-pill);background:#edf0ec;margin-top:8px;overflow:hidden}.bar>i{position:absolute;inset:0 auto 0 0;border-radius:var(--r-pill);background:var(--green);transition:width .5s var(--ease)}.bar.amber>i{background:var(--amber)}.bar.red>i{background:var(--red)}.bar.blue>i{background:var(--blue)}.bar.grey>i{background:#98a2a8}.tl{position:relative;padding-left:18px}.tl:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:var(--line)}.tl-item{position:relative;padding:7px 0}.tl-item:before{content:"";position:absolute;left:-18px;top:12px;width:9px;height:9px;margin-left:-.5px;border-radius:50%;background:var(--surface);border:2px solid #c8d0ca}.tl-item.done:before{border-color:var(--accent);background:var(--accent)}.tl-title{display:flex;align-items:baseline;gap:8px;font-size:13px;flex-wrap:wrap}.tl-title strong{font-weight:600}.tl-note{color:var(--ink-2);font-size:12.5px;margin-top:1px}.tl-when{color:var(--ink-4);font-size:11.5px}.log-item{padding:10px 0;border-bottom:1px solid var(--line-soft)}.log-item:last-child{border-bottom:0}.log-top{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3);flex-wrap:wrap}.log-note{font-size:13px;color:var(--ink-2);margin-top:3px}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:auto;box-shadow:var(--shadow-1)}table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:680px}.tbl th{text-align:left;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink-3);padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--surface-2)}.tbl .pname{font-weight:600;font-size:13.5px}.tbl .psku{font-size:11.5px;color:var(--ink-4)}.tbl .r{text-align:right}td.flag{white-space:nowrap}.pcards{display:none}@media(max-width:820px){.table-wrap{display:none}.pcards{display:grid;gap:0;background:var(--surface);border-block:1px solid var(--line)}.pcard{border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--surface);padding:12px 14px;box-shadow:var(--shadow-1)}.pcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pcard-name{font-size:13.5px;font-weight:600;letter-spacing:-.01em}.pcard-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;color:var(--ink-3)}.pcard-meta b{color:var(--ink);font-weight:600}}.empty{padding:34px 20px;text-align:center;color:var(--ink-3)}.empty svg{color:#c3cbc4;margin-bottom:10px}.empty strong{display:block;color:var(--ink-2);font-weight:600;font-size:14px;margin-bottom:3px}.empty p{margin:0;font-size:12.5px;max-width:46ch;margin-inline:auto}.skeleton{height:62px;border-radius:var(--r-md);background:linear-gradient(100deg,#eef1ed 30%,#f6f8f4,#eef1ed 70%);background-size:220% 100%;animation:shimmer 1.4s infinite linear;margin-bottom:8px}@keyframes shimmer{to{background-position:-220% 0}}.scrim{position:fixed;inset:0;background:#0f14166b;z-index:40;animation:fade .18s var(--ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{position:fixed;z-index:50;background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow-3);animation:slide-up .24s var(--ease)}@media(min-width:1024px){.sheet{top:12px;right:12px;bottom:12px;width:min(560px,46vw);border-radius:10px;animation:slide-left .24s var(--ease);border:1px solid var(--line)}.sheet.full{width:min(720px,60vw)}}@media(max-width:1023px){.sheet{inset:0;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}}.sheet-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:var(--surface);z-index:2}.sheet-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.015em}.sheet-body{overflow:auto;flex:1;-webkit-overflow-scrolling:touch}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(14px);opacity:0}}@keyframes slide-left{0%{transform:translate(18px);opacity:0}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field .hint{font-size:11.5px;color:var(--ink-4)}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:9px 11px;font-size:13.5px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:#bcd3c8;box-shadow:0 0 0 3px var(--accent-ring)}.textarea{resize:vertical;min-height:84px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--surface)}.seg button[aria-pressed=true]{background:var(--accent-soft);border-color:#b9d5c8;color:var(--accent-ink);font-weight:600}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:9px 16px 9px 12px;font-size:13px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-3);animation:toast-in .22s var(--ease)}@media(min-width:1024px){.toast{bottom:24px}}@keyframes toast-in{0%{transform:translate(-50%,8px);opacity:0}}.stack-gap>*+*{margin-top:8px}.muted{color:var(--ink-3)}.tiny{font-size:11.5px}.row-actions{display:flex;gap:6px}.kbd-hint{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-4)}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:var(--ink-3)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%}.note{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);padding:11px 13px;font-size:12.5px;color:var(--ink-2);display:flex;gap:9px;align-items:flex-start}.note svg{flex-shrink:0;margin-top:2px;color:var(--ink-3)}.appear{animation:appear .32s var(--ease) both}@keyframes appear{0%{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.footer-note{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-4);font-size:11.5px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.footer-note a{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}.metric-note{display:block}button.metric:hover{background:var(--accent-soft)}.metric:not(button):hover{background:transparent}.section-help,.filter-summary{margin:0 0 10px;font-size:12px;color:var(--ink-3);line-height:1.6}.chips{flex-wrap:wrap;overflow:visible;gap:4px}.chip{border-color:transparent;background:transparent;min-height:34px;padding-inline:8px}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:#cbdcd1;color:var(--accent-ink)}.customer-row{cursor:pointer}.customer-row[aria-current=true]{background:var(--accent-soft)}.row-title{flex-wrap:wrap;gap:3px 7px}.row-title strong{white-space:normal;overflow-wrap:anywhere}.row-title .pill{background:transparent;padding:0;font-size:10.5px}.row-sub{display:block}.activity-row{grid-template-columns:3px 36px minmax(0,1fr) auto}.activity-row .row-title,.activity-row .row-sub{display:block}.journal-row{grid-template-columns:3px 36px minmax(0,1fr) minmax(120px,190px);cursor:pointer}.journal-row .row-sub{white-space:normal;overflow-wrap:anywhere}.journal-meta{text-align:right;min-width:0}.usage-top{flex-wrap:wrap;gap:4px 8px}.usage-top strong{white-space:normal}.dblock h3{font-size:13px;color:var(--ink-2)}.note{border-width:0 0 0 2px;border-radius:0}.hl-value{overflow-wrap:anywhere}@media(max-width:720px){.journal-row{grid-template-columns:3px 34px minmax(0,1fr);gap:6px 10px}.journal-row .rail{grid-row:1 / 3}.journal-row .avatar{align-self:start;grid-column:2;grid-row:1}.journal-row .row-main{grid-column:3}.journal-row .row-title .pill{display:inline-flex}.journal-meta{grid-column:3;text-align:left}.activity-row{grid-template-columns:3px 34px minmax(0,1fr);gap:6px 10px}.activity-row .rail{grid-row:1 / 3}.activity-row .activity-meta,.activity-row>.countdown{grid-column:3;justify-self:start}.row-end{gap:4px}.countdown{white-space:normal;text-align:right;max-width:92px;line-height:1.4}.metric-value{flex-wrap:wrap;gap:1px 5px}.section-head{align-items:start}.section-head .link{flex-shrink:0;min-height:30px}}