@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/instrument-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f7f9;--surface:#fff;--subtle:#eef1f6;--accent-soft:#e8eeff;--danger-soft:#fdecec;--text:#13204a;--text-muted:#6b7389;--text-subtle:#9aa1b2;--line:#e4e7ee;--accent:#2e5bff;--danger:#e5484d;--on-accent:#fff;--navy:#13204a;--shadow:0 1px 2px #13204a0a,0 12px 32px #13204a14;--font:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1020;--surface:#131a2e;--subtle:#1a2238;--accent-soft:#1a2550;--danger-soft:#3a1a20;--text:#e9ecf5;--text-muted:#8a93ab;--text-subtle:#5d6680;--line:#222b44;--accent:#7b95ff;--danger:#ff7a7d;--on-accent:#0b1020;--shadow:0 1px 2px #0000004d,0 12px 32px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1020;--surface:#131a2e;--subtle:#1a2238;--accent-soft:#1a2550;--danger-soft:#3a1a20;--text:#e9ecf5;--text-muted:#8a93ab;--text-subtle:#5d6680;--line:#222b44;--accent:#7b95ff;--danger:#ff7a7d;--on-accent:#0b1020;--shadow:0 1px 2px #0000004d,0 12px 32px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:22px}button,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}body.navy{background:var(--navy);color:#fff}.view{max-width:480px;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.grow{flex:1}.brand{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 0;display:flex}.brand-mark{border-radius:16px;width:64px;height:64px;margin-bottom:12px}.brand h1{margin:0;font-size:34px;font-weight:600;line-height:40px}.brand p{opacity:.7;max-width:300px;margin:0}.brand-form{flex-direction:column;gap:8px;display:flex}.brand-note{text-align:center;opacity:.55;margin:4px 0 0;font-size:12px;line-height:16px}.brand-view .field-label{opacity:.7}.field-label{color:var(--text-muted);font-size:13px;font-weight:500;line-height:16px}.brand-view .field-label{color:#fff}.field{background:var(--subtle);width:100%;height:48px;color:var(--text);border:1.5px solid #0000;border-radius:12px;outline:none;padding:0 16px;font-size:17px;line-height:24px}.field.on-navy{color:#13204a;background:#fff}.field::placeholder{color:var(--text-subtle)}.field:focus{border-color:var(--accent)}.field.invalid{border-color:var(--danger)}.field-error{color:#ff7a7d;margin:0;font-size:12px;line-height:16px}.btn{border:0;border-radius:999px;height:40px;padding:0 20px;font-size:15px;font-weight:500;line-height:20px}.btn-large{width:100%;height:52px;margin-top:8px}.btn-white{color:#13204a;background:#fff}.btn-secondary{background:var(--subtle);color:var(--text)}.btn:disabled{opacity:.5}.link{color:var(--accent);background:0 0;border:0;align-self:flex-start;padding:10px 0;font-size:15px;font-weight:500;line-height:20px}.link.center{align-self:center}.icon-btn{background:var(--surface);width:40px;height:40px;color:var(--text);border:0;border-radius:999px;place-items:center;display:grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.page-view{background:var(--bg);color:var(--text)}.display{margin:24px 0 8px;font-size:34px;font-weight:600;line-height:40px}.title{margin:0;font-size:22px;font-weight:600;line-height:28px}.muted{color:var(--text-muted);margin:0}.muted strong{color:var(--text);font-weight:500}.small{font-size:13px;line-height:18px}.center-block{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.code{margin-top:32px;display:block;position:relative}.code input{opacity:0;caret-color:#0000;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.code-boxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.code-boxes i{background:var(--subtle);border:1.5px solid #0000;border-radius:12px;place-items:center;height:56px;font-size:22px;font-style:normal;font-weight:600;line-height:28px;display:grid}.code-boxes i.next{background:var(--surface);border-color:var(--accent)}.code.invalid .code-boxes i{background:var(--surface);border-color:var(--danger)}.code-error{color:var(--danger);margin:16px 0 0;font-size:13px;line-height:18px}.code-wait{color:var(--text-subtle);margin:16px 0 0;font-size:13px;line-height:18px}.toast{left:50%;bottom:max(24px,env(safe-area-inset-bottom));background:var(--text);max-width:calc(100% - 40px);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;margin:0;padding:12px 18px;font-size:13px;line-height:18px;position:fixed;transform:translate(-50%)}.app{max-width:560px;min-height:100dvh;margin:0 auto}.page{padding:max(20px,env(safe-area-inset-top)) 20px 40px;flex-direction:column;gap:12px;display:flex}.page.has-bottom{padding-bottom:calc(140px + env(safe-area-inset-bottom))}.page.has-tabs{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.page-head{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.page-head .icon-btn{margin-bottom:8px}.page .display{margin:0}.stack{flex-direction:column;gap:14px;display:flex}.stack-sm{flex-direction:column;gap:6px;display:flex}.group-label{color:var(--text-muted);margin:12px 0 0;font-size:13px;font-weight:500;line-height:16px}.footer-note{text-align:center;color:var(--text-subtle);margin:24px 0 0;font-size:12px;line-height:18px}.link{padding:8px 0}.ic{flex:none;place-items:center;width:20px;height:20px;display:inline-grid}.ic svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.icon-btn .ic{width:20px;height:20px}.icon-btn.subtle{background:var(--subtle)}.icon-btn.small{width:32px;height:32px}.icon-btn.small .ic{width:18px;height:18px}.card{background:var(--surface);border-radius:16px}.card.pad{padding:20px}.card.list{padding:4px 0;overflow:hidden}.row{background:var(--surface);-webkit-user-select:none;user-select:none;touch-action:manipulation;align-items:center;gap:12px;min-height:60px;padding:8px 16px;display:flex}.row[role=button]{cursor:pointer}.row[role=button]:active{background:var(--subtle)}.row.faded{opacity:.55}.row-mark{background:var(--subtle);border-radius:999px;flex:none;place-items:center;width:40px;height:40px;display:grid}.row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-label{align-items:center;gap:6px;min-width:0;font-size:15px;font-weight:500;line-height:20px;display:flex}.row-sub{color:var(--text-muted);font-size:13px;line-height:18px}.row-value{white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:15px;font-weight:600;line-height:20px;display:flex}.row-value .row-sub{font-weight:400}.row .chev{width:16px;height:16px;color:var(--text-subtle)}.grip{width:36px;height:40px;color:var(--text-subtle);cursor:grab;touch-action:none;place-items:center;margin-right:-10px;display:grid}.row.dragging{z-index:2;box-shadow:var(--shadow);border-radius:12px;position:relative}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px}.empty{border:1.5px dashed var(--line);text-align:center;color:var(--text-muted);border-radius:16px;padding:28px 20px}.seg{background:var(--subtle);scrollbar-width:none;border-radius:999px;gap:2px;padding:4px;display:flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{height:36px;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1 0 auto;padding:0 14px;font-size:13px;font-weight:500;line-height:16px}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.field-wrap{flex-direction:column;gap:6px;display:flex}.field-note{color:var(--text-muted);margin:0;font-size:12px;line-height:16px}.page-view .field-error,.app .field-error,.sheet .field-error{color:var(--danger)}.form-error{color:var(--danger);margin:0;font-size:13px;line-height:18px}select.field{appearance:none}input[type=date].field{appearance:none;align-items:center;display:flex}.money{display:block;position:relative}.money-rm{color:var(--text-muted);pointer-events:none;font-size:17px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.money .field{padding-left:52px}.add-line{align-items:center;gap:8px;display:flex}.add-line .field{flex:1}.add-line .icon-btn{background:var(--surface);flex:none}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-ghost{color:var(--accent);background:0 0}.btn.busy{opacity:.6}.btn-row{gap:8px;display:flex}.btn-row .btn{flex:1;margin-top:0}.app>.page>.btn-secondary,.page>.btn-secondary{align-self:flex-start}.bottom-bar{z-index:5;max-width:560px;padding:8px 20px max(20px,env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:8px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar .btn-large{margin-top:0}.bottom-bar .btn-row .btn{height:44px}.tabbar{z-index:5;max-width:560px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:12px;font-weight:500;line-height:16px;text-decoration:none;display:flex}.tabbar a .ic{width:24px;height:24px}.tabbar a.on{color:var(--accent)}.step-head{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.step-head .icon-btn{margin-bottom:4px}.step-bars{gap:6px;display:flex}.step-bars i{background:var(--line);border-radius:3px;flex:1;height:6px}.step-bars i.on{background:var(--accent)}.step-count{color:var(--text-muted);margin:0;font-size:13px;font-weight:500;line-height:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 6px 0 14px;font-size:15px;font-weight:500;display:inline-flex}.chip button{width:26px;height:26px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.chip .ic{width:16px;height:16px}.tick-row{background:var(--surface);text-align:left;border:0;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;font-size:17px;line-height:24px;display:flex}.tick-row:disabled{opacity:.6}.tick{border:1.5px solid var(--text-subtle);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}.tick.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tick .ic{width:14px;height:14px}.tick .ic svg{stroke-width:2.5px}.scrim{z-index:20;background:#13204a66;position:fixed;inset:0}.sheet{left:0;right:0;bottom:var(--kb,0px);z-index:21;max-width:560px;max-height:calc(100dvh - 40px);padding:8px 20px max(24px,env(safe-area-inset-bottom));background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:24px 24px 0 0;flex-direction:column;gap:16px;margin:0 auto;display:flex;position:fixed;overflow:auto}.grabber{background:var(--line);border-radius:3px;align-self:center;width:36px;height:5px;margin-bottom:4px}.sheet-head{align-items:center;gap:12px;display:flex}.sheet-head .title{flex:1}.sheet .btn-large{margin-top:0}.sheet .muted{margin:0}.sheet .field,.sheet .seg{background:var(--subtle)}.sheet .seg button.on{background:var(--surface)}:root[data-theme=dark] .scrim{background:#0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scrim{background:#0000008c}}@media (width>=600px){.sheet{border-radius:24px;max-width:480px;padding-bottom:24px;top:50%;bottom:auto;transform:translateY(-50%)}}.row-value.quiet{color:var(--text-muted);font-weight:400}.heading{margin:12px 0 0;font-size:17px;font-weight:600;line-height:24px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.totals .label,.bal .label{color:var(--text-muted);margin:0;font-size:13px;font-weight:500;line-height:16px}.totals .big{letter-spacing:-.01em;margin:4px 0 0;font-size:34px;font-weight:600;line-height:40px}.totals .hint{color:var(--text-subtle);margin:2px 0 0;font-size:12px;line-height:16px}.totals hr{border:0;border-top:1px solid var(--line);margin:16px 0}.totals .owed{justify-content:space-between;align-items:center;display:flex}.totals .owed .ic{color:var(--text-subtle);width:22px;height:22px}.mid{margin:2px 0 0;font-size:22px;font-weight:600;line-height:28px}.entity-head{margin-top:12px}.entity-head .heading,.entity-head p{margin:0}.row.tx{min-height:64px}.row.tx .row-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row.tx .row-sub{align-items:center;gap:6px;min-width:0;display:flex}.row.tx .tag{flex:none}.row-mark.in{background:var(--accent-soft);color:var(--accent)}.amt{font-weight:600}.amt.in{color:var(--accent)}.amt.muted{color:var(--text-muted)}.row.tx .row-value .row-sub{color:var(--text-subtle);font-size:12px}.page.has-add{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.add-fab{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:6;background:var(--accent);height:56px;color:var(--on-accent);white-space:nowrap;box-shadow:var(--shadow);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 28px;font-size:15px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.add-fab .ic{width:22px;height:22px}.add{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.add-head{align-items:center;gap:10px;display:flex}.add-head .seg{flex:1}.add-head .seg button{padding:0 8px}.icon-btn.danger{background:var(--danger-soft);color:var(--danger)}.amount{justify-content:center;align-items:baseline;gap:6px;padding:10px 0 2px;display:flex}.amount-rm{color:var(--text-muted);font-size:22px;font-weight:600;line-height:28px}.amount-value{letter-spacing:-.01em;font-size:48px;font-weight:600;line-height:52px}.amount-value.blank{color:var(--text-subtle)}.tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{background:var(--subtle);min-width:0;height:60px;color:var(--text);text-align:left;border:0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex;position:relative}.tile.accent{background:var(--accent-soft)}.tile.accent .tile-label,.tile.accent .tile-value{color:var(--accent)}.tile-label{color:var(--text-muted);font-size:12px;line-height:16px}.tile-value{align-items:center;gap:4px;width:100%;font-size:15px;font-weight:500;line-height:20px;display:flex}.tile-value .ellipsis{flex:1}.tile-value.blank{color:var(--text-muted)}.tile-value .ic{width:16px;height:16px;color:var(--text-muted)}.tile-date{opacity:0;cursor:pointer;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.info{background:var(--accent-soft);color:var(--accent);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:13px;line-height:18px;display:flex}.info .ic{width:18px;height:18px;margin-top:0}.add-bottom{flex-direction:column;gap:8px;margin-top:auto;display:flex}.numpad{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.key{height:52px;color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:12px;place-items:center;font-size:22px;font-weight:600;line-height:28px;display:grid}.key:active{background:var(--subtle)}.key .ic{width:24px;height:24px}.add-bottom .btn-large{margin-top:0}.pick-list{flex-direction:column;gap:2px;display:flex}.pick-list .group-label{margin:8px 0 4px}.pick{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:6px 12px;display:flex}.pick.on{background:var(--accent-soft)}.pick.on .row-label{color:var(--accent)}.pick .row-value{font-size:13px;font-weight:500}.pick .check{width:18px;height:18px;color:var(--accent)}@media (width>=600px){.add{max-width:480px;margin:0 auto}}.bal{justify-content:space-between;align-items:center;gap:12px;display:flex}.center{text-align:center}.compare{padding:4px 20px}.cmp-row{justify-content:space-between;align-items:center;min-height:48px;font-size:15px;font-weight:500;display:flex}.cmp-row.total{border-top:1px solid var(--line);font-weight:600}.cmp-row .diff{color:var(--danger);font-size:17px}.info.neutral{background:var(--subtle);color:var(--text-muted)}.match{gap:12px;padding:32px 24px}.match-mark{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:999px;place-items:center;display:grid}.match-mark .ic{width:28px;height:28px}.add .page-head .muted{margin:0}.sidebar{display:none}@media (width>=1024px){.sidebar:not([hidden]){z-index:7;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;width:248px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0}body:has(.sidebar:not([hidden])) .app{max-width:none;margin:0 0 0 248px}:is(body:has(.sidebar:not([hidden])) .tabbar,body:has(.sidebar:not([hidden])) .add-fab){display:none}body:has(.sidebar:not([hidden])) .page{max-width:680px;margin:0 auto;padding-top:40px}:is(body:has(.sidebar:not([hidden])) .page.has-tabs,body:has(.sidebar:not([hidden])) .page.has-add){padding-bottom:48px}body:has(.sidebar:not([hidden])) .page.dash{max-width:1200px;padding:40px 48px 48px}body:has(.sidebar:not([hidden])) .bottom-bar{left:248px}body:has(.sidebar:not([hidden])) .add{max-width:480px;margin:0 auto}}.side-brand{align-items:center;gap:10px;padding:0 4px 24px;font-size:17px;font-weight:600;display:flex}.side-brand img{border-radius:9px}.side-nav{flex-direction:column;gap:4px;display:flex}.side-nav a{height:40px;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.side-nav a .ic{color:var(--text-muted)}.side-nav a:hover{background:var(--subtle)}.side-nav a.on{background:var(--accent-soft);color:var(--accent)}.side-nav a.on .ic{color:var(--accent)}.side-add{justify-content:center;align-items:center;gap:6px;width:100%;height:44px;display:flex}.side-foot{text-align:center;color:var(--text-subtle);margin:12px 0 0;font-size:12px}.dash-head{flex-direction:column;gap:12px;display:flex}.dash-head .display{margin:0}.dash-head .muted{margin:4px 0 0}.filters{scrollbar-width:none;gap:8px;margin:0 -20px;padding:0 20px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{background:var(--surface);border:1px solid var(--line);height:40px;color:var(--text-muted);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px 0 14px;font-size:12px;display:flex;position:relative}.filter select{appearance:none;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;max-width:180px;padding:0 18px 0 0;font-size:14px;font-weight:500}.filter .ic{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;right:10px}.kpis{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kpis .kpi:first-child{grid-column:span 2}.kpi .label,.dcard .label{color:var(--text-muted);margin:0;font-size:13px;font-weight:500;line-height:16px}.kpi .big{letter-spacing:-.01em;margin:4px 0 0;font-size:28px;font-weight:600;line-height:34px}.kpis .kpi:not(:first-child) .big{font-size:20px;line-height:26px}.kpi .hint{color:var(--text-subtle);margin:2px 0 0;font-size:12px;line-height:16px}.dash-body,.dash-row,.dash-side{flex-direction:column;gap:12px;display:flex}.dcard{flex-direction:column;gap:12px;min-width:0;display:flex}.dcard .heading{margin:0}.dcard>.muted{margin:-8px 0 0}.stats{flex-wrap:wrap;gap:24px;display:flex}.stat .mid{font-size:20px;line-height:26px}.none{background:var(--bg);color:var(--text-muted);text-align:center;border-radius:12px;margin:0;padding:24px 12px;font-size:13px}.legend{color:var(--text-muted);gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.sw{border-radius:3px;width:10px;height:10px;display:inline-block}.sw.in,.bar.in{background:var(--accent)}.sw.out,.bar.out{background:var(--text)}.chart{position:relative}.plot{height:200px;margin-left:44px;padding-bottom:20px;position:relative}.plot.thin{height:110px}.grid{pointer-events:none;position:absolute;inset:0 0 20px}.gl{border-top:1px solid var(--line);position:absolute;left:0;right:0}.gl span{color:var(--text-subtle);white-space:nowrap;font-size:11px;line-height:16px;position:absolute;top:-8px;right:calc(100% + 6px)}.cols{display:flex;position:absolute;inset:0}.col{cursor:default;outline:none;flex-direction:column;flex:1;align-items:center;display:flex}.bars{flex:1;justify-content:center;align-items:flex-end;gap:2px;width:100%;display:flex}.bar{border-radius:4px 4px 0 0;width:min(14px,30%);min-height:0;display:block}.plot.thin .bar{width:min(14px,50%)}.col:hover .bars,.col:focus .bars{background:var(--subtle);border-radius:6px 6px 0 0}.mlabel{height:20px;color:var(--text-muted);font-size:11px;line-height:20px}.col.sel .mlabel{color:var(--text);font-weight:600}.tip{z-index:3;background:var(--text);width:180px;color:var(--bg);box-shadow:var(--shadow);pointer-events:none;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;line-height:16px;display:flex;position:absolute;top:-8px}.tip span{align-items:center;gap:6px;display:flex}.tip .sw.out{background:var(--bg);outline:1px solid var(--text-subtle)}.hbars{flex-direction:column;gap:14px;display:flex}.hb{flex-direction:column;gap:6px;display:flex}.hb-top{justify-content:space-between;gap:12px;font-size:13px;line-height:18px;display:flex}.hb-top b{white-space:nowrap;font-weight:600}.hb-top small{color:var(--text-muted);white-space:nowrap;font-size:12px}.track{background:var(--subtle);border-radius:3px;height:6px;overflow:hidden}.track .bar{border-radius:3px;width:0;height:100%}.dcard .group-label{margin:4px 0 0}.line{align-items:center;gap:12px;min-height:44px;display:flex}.line.faded{opacity:.55}.line>.ic{color:var(--text-muted)}.grow-text{flex-direction:column;flex:1;min-width:0;display:flex}.grow-text .name{font-size:15px;font-weight:500;line-height:20px}.grow-text .sub{color:var(--text-muted);font-size:12px;line-height:16px}.line .val{white-space:nowrap;font-weight:600}.line .val.muted{color:var(--text-muted);font-weight:500}@media (width>=1024px){.dash-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px}.filters{flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0}.kpis{grid-template-columns:repeat(3,1fr);gap:16px}.kpis .kpi:first-child{grid-column:auto}.kpis .kpi .big,.kpis .kpi:not(:first-child) .big{font-size:34px;line-height:40px}.dash-body,.dash-row{gap:16px}.dash-row{flex-direction:row;align-items:flex-start}.dash-row>*{flex:1}.dash-row.r1>.span-2{flex:2}.dash-side{flex:1;max-width:380px}.plot{height:240px}.plot.thin{height:110px}}.ml-short,.plot.thin .ml-long{display:none}.plot.thin .ml-short{display:inline}@media (width<=600px){.ml-long{display:none}.ml-short{display:inline}.plot{height:160px}}.offline{z-index:30;padding:max(6px,env(safe-area-inset-top)) 16px 6px;text-align:center;background:var(--text);color:var(--bg);margin:0;font-size:12px;font-weight:500;line-height:16px;position:fixed;top:0;left:0;right:0}@keyframes pulse{50%{opacity:.6;transform:scale(.96)}}.pulse{animation:1.6s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}body:has(.offline:not([hidden])) .app{padding-top:28px}