:root{--ink: #1F2A26;--ink-2: #44514C;--muted: #6B7671;--faint: #9AA39F;--paper: #F3F5F3;--surface: #FFFFFF;--subtle: #F7F9F7;--line: #E1E6E2;--line-strong: #CDD5CF;--accent: #1E6B4F;--accent-ink: #154D39;--accent-soft: #E4F0EA;--accent-mid: #9CC8B4;--amber: #C7841A;--amber-ink: #8A5A0E;--amber-soft: #FBF1DE;--up: #1F8A55;--down: #C4432F;--down-soft: #FBEBE7;--violet: #6D4C8F;--radius: 12px;--radius-sm: 8px;--font: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.45 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;color:var(--ink)}h3{font-size:16px;margin:20px 0 10px}a{color:var(--accent)}code{font-size:12px;background:var(--subtle);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.top{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)}.top .bar{display:flex;align-items:center;gap:10px;padding:10px 24px 6px;flex-wrap:wrap}.brand{font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--ink);margin-right:12px;white-space:nowrap}.brand span{color:var(--accent)}.top .filters{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.top .user{color:var(--muted);font-size:13px;cursor:pointer;white-space:nowrap}.top .user:hover{color:var(--ink)}nav.tabs{display:flex;gap:2px;padding:0 16px;overflow-x:auto;scrollbar-width:none}nav.tabs::-webkit-scrollbar{display:none}nav.tabs a{cursor:pointer;color:var(--muted);text-decoration:none;white-space:nowrap;padding:10px 10px 9px;border-bottom:2px solid transparent;font-size:14px}nav.tabs a:hover{color:var(--ink)}nav.tabs a.on{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}main{padding:20px 24px 48px}select,input,button,textarea{font:inherit;font-size:13px;color:var(--ink);padding:6px 10px;margin-right:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}input[type=date]{padding:5px 8px}button{cursor:pointer;transition:background .12s,border-color .12s}button:hover{border-color:var(--accent-mid);background:var(--subtle)}button:disabled{opacity:.5;cursor:default}select:focus,input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent-mid);outline-offset:1px;border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-ink)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}.cards>.card{border:0;border-radius:0;margin:0;box-shadow:inset -1px 0 0 var(--line),inset 0 -1px 0 var(--line)}.cards>.card:first-child{border-radius:calc(var(--radius) - 1px) 0 0 calc(var(--radius) - 1px)}.cards>.card:last-child{border-radius:0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card small{color:var(--muted);font-size:12px}.card b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;margin:4px 0 2px;color:var(--ink)}.up{color:var(--up)}.down{color:var(--down)}table{border-collapse:separate;border-spacing:0;background:var(--surface);width:100%;border:1px solid var(--line);border-radius:var(--radius)}tr:first-child>:first-child{border-top-left-radius:calc(var(--radius) - 1px)}tr:first-child>:last-child{border-top-right-radius:calc(var(--radius) - 1px)}th{background:var(--subtle);color:var(--muted);font-weight:500;font-size:12px}td,th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--subtle)}td b,th b{font-weight:600}.recharts-cartesian-axis-tick-value{fill:var(--muted);font-size:11px}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:var(--line-strong)}.recharts-default-tooltip{border-radius:var(--radius-sm)!important;border-color:var(--line)!important;box-shadow:0 6px 20px #1f2a261a}.recharts-legend-item-text{color:var(--ink-2)!important;font-size:12px}.tip{position:relative;cursor:help;border-bottom:1px dotted var(--faint)}.tip .tt{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 6px);left:0;z-index:50;width:280px;padding:9px 11px;background:var(--ink);color:#f4f6f4;font-size:12px;font-weight:400;line-height:1.45;border-radius:var(--radius-sm);text-align:left;white-space:normal;box-shadow:0 8px 24px #1f2a2638;transition:opacity .08s;pointer-events:none}.tip:hover .tt{visibility:visible;opacity:1}.tip.r .tt{left:auto;right:0}.tip-changed{font-weight:700;color:var(--ink)}.login{max-width:360px;margin:14vh auto 0;padding:28px}.login h1{font-size:26px;margin:0 0 4px}.login p.sub{color:var(--muted);margin:0 0 20px}.login input,.login button{width:100%;margin:0 0 10px;padding:10px 12px;font-size:14px}@media (max-width: 760px){body{font-size:13px}.top .bar{padding:8px 12px 4px}.top .filters{margin-left:0;width:100%}.top .filters select{flex:1 1 100%}.top .filters input[type=date]{flex:1;margin-right:0}nav.tabs{padding:0 6px}main{padding:12px 10px 40px}main [style*=grid-template-columns]{grid-template-columns:1fr!important}main [style*="flex: 1 1"]{flex:1 1 100%!important;min-width:0;max-width:100%}html,body{overflow-x:hidden}.cards{grid-template-columns:repeat(2,1fr)!important}.card b{font-size:20px}table{display:block;overflow-x:auto;white-space:nowrap}.tip .tt{width:220px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}