:root{--bg:#f5f7fb;--fg:#152238;--muted:#64748b;--card:#fff;--line:#e2e8f0;--brand:#0f766e;--pos:#047857;--neg:#b91c1c}@media(prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#e5e9f0;--muted:#94a3b8;--card:#131c2e;--line:#243049;--brand:#14b8a6;--pos:#34d399;--neg:#f87171}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px system-ui,sans-serif}main{max-width:860px;margin:auto;padding:16px 16px 96px}h1{margin:0 0 16px;font-size:28px}h2{margin:0 0 12px;font-size:18px}.hint,small{color:var(--muted)}.top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}.period{display:flex;gap:8px}.period input{width:84px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.cards article,.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.cards span,.cards strong{display:block}.cards strong{font-size:22px;margin-top:8px;overflow-wrap:anywhere}.panel{margin:0 0 16px}.stack{display:grid;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:4px;font-size:14px;color:var(--muted)}input,select,button{padding:12px;border-radius:9px;border:1px solid var(--line);font:inherit;min-width:0;min-height:44px;background:var(--card);color:var(--fg)}button{background:var(--brand);color:#fff;border:0;cursor:pointer}button:disabled{opacity:.6}button.secondary{background:var(--line);color:var(--fg)}button.danger{background:transparent;color:var(--neg);border:1px solid var(--neg)}button.link{background:none;color:var(--brand);padding:6px;min-height:0;text-decoration:underline}button.sm{padding:6px 12px;min-height:36px}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.row{display:flex;gap:8px;flex-wrap:wrap}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg button{background:var(--line);color:var(--fg)}.seg button[aria-checked=true]{background:var(--brand);color:#fff}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.list small{display:block;margin-top:2px}.end{display:grid;justify-items:end;gap:6px}.positive{color:var(--pos)}.negative{color:var(--neg)}.error{color:var(--neg);margin:0}.login{max-width:400px;margin:8vh auto;padding:16px}.tabs{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{background:none;color:var(--muted);border-radius:0;min-height:56px}.tabs button[aria-current=page]{color:var(--brand);font-weight:700;box-shadow:inset 0 3px var(--brand)}@media(max-width:680px){.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.cards strong{font-size:18px}.list li{align-items:flex-start}}
