:root{--bg: #f2fbfc;--bg2: #e6f6f8;--panel: #ffffff;--line: #d5eaee;--text: #17323a;--muted: #6b8b95;--accent: #06a6c4;--accent-2: #34c9a3;--ok: #16a34a;--warn: #e08a1e;--err: #e0524d;--info: #3b82f6;--radius: 14px;--shadow: 0 2px 10px rgb(23 50 58 / .06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed;color:var(--text);font:14px/1.7 -apple-system,BlinkMacSystemFont,Hiragino Sans,PingFang SC,Microsoft YaHei,Noto Sans JP,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}.muted{color:var(--muted)}.tiny{font-size:12px}.err{color:var(--err)}.spacer{flex:1}.loading{padding:60px;text-align:center;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,94vw);text-align:center;padding:32px 28px;position:relative}.logo{font-size:46px;line-height:1;margin-bottom:8px}.login-card h1{font-size:19px;margin:0 0 4px}.login-card p{margin:0 0 18px}.login-card .input{width:100%;margin-bottom:12px;text-align:center;letter-spacing:2px}.login-card .btn{width:100%}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;box-shadow:var(--shadow)}.logo-sm{font-size:24px}.brand{font-weight:700;font-size:15px}.wrap{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer{text-align:center;padding:8px 0 32px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.card h2{margin:0 0 14px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.card h2:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 760px){.stats{grid-template-columns:1fr}}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);border-top:3px solid var(--accent)}.stat.accent{border-top-color:var(--accent-2)}.stat.ok{border-top-color:var(--ok)}.stat.danger{border-top-color:var(--err)}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:2px 0}.stat-sub{color:var(--muted);font-size:12px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 16px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;font-weight:600;padding:11px 16px}.btn.ghost{background:transparent}.input{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 12px;font-size:14px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px}.input.slim{padding:6px 10px;font-size:13px}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg2)}.login-card .lang-switch{position:absolute;top:14px;right:14px}.lang{border:0;background:transparent;color:var(--muted);padding:5px 12px;font-size:12px;cursor:pointer}.lang.on{background:var(--accent);color:#fff;font-weight:600}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.pill.big{padding:6px 14px;font-size:13px}.pill.ok{background:#e7f8ee;color:var(--ok);border-color:#bfe9cf}.pill.warn{background:#fdf3e2;color:var(--warn);border-color:#f3dcb4}.pill.err{background:#fdecec;color:var(--err);border-color:#f5c9c7}.pill.info{background:#e9f1fe;color:var(--info);border-color:#c6dbfb}.pill.mute{background:var(--bg2);color:var(--muted);border-color:var(--line)}.chips{display:flex;flex-wrap:wrap;gap:8px}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{background:var(--bg2);color:var(--muted);font-weight:600;position:sticky;top:0;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7fdfe}td:nth-child(4),td:nth-child(5),td:nth-child(7){text-align:right;font-variant-numeric:tabular-nums}.empty{padding:32px;text-align:center;color:var(--muted)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px 10px 0 0;padding:9px 16px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-weight:500}.tab:hover{color:var(--accent);border-color:var(--accent)}.tab.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent;font-weight:600}.tab-n{background:#ffffff40;border-radius:999px;padding:0 7px;font-size:11px}.tab:not(.on) .tab-n{background:var(--bg2)}.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.ev-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel);display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--warn)}.ev-card.ok{border-top-color:var(--ok)}.ev-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.ev-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ev-amt{display:flex;flex-direction:column}.ev-amt b{font-variant-numeric:tabular-nums;font-size:13px}.ev-amt b.ok{color:var(--ok)}.ev-amt b.err{color:var(--err)}.ev-foot{display:flex;justify-content:space-between;align-items:center}.btn.full{width:100%;text-align:center}.cred-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.cred-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel);display:flex;flex-direction:column;gap:10px}.cred-card.stale{border-color:var(--warn);background:#fffdf7}.cred-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cred-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cred-field{display:flex;flex-direction:column;word-break:break-all}.cred-secret{font-family:ui-monospace,Menlo,monospace;letter-spacing:1px}.cred-edit{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cred-edit .input{width:100%}.row-end{display:flex;gap:6px;justify-content:flex-end;align-items:center}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(70px);background:var(--text);color:#fff;padding:10px 18px;border-radius:10px;opacity:0;transition:.25s;z-index:500}.toast.show{transform:translate(-50%);opacity:1}.due-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;padding:20px;margin-bottom:14px;border-radius:12px;background:linear-gradient(135deg,#e8f7fa,#e9fbf5);border:1px solid var(--line)}.due-amount{font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}.due-meta{display:flex;flex-direction:column;gap:5px}.sub{font-size:13px;margin:18px 0 8px;color:var(--muted)}.basis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 700px){.basis{grid-template-columns:1fr}}.basis-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.basis-item.ok{border-color:#bfe9cf;background:#f2fcf6}.basis-no{width:24px;height:24px;flex:none;border-radius:50%;background:var(--bg2);color:var(--muted);display:grid;place-items:center;font-size:12px;font-weight:700}.basis-item.ok .basis-no{background:var(--ok);color:#fff}.basis-item>div{flex:1}.basis-check{color:var(--muted);font-weight:700}.basis-item.ok .basis-check{color:var(--ok)}