:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08131c;--panel:#0f1d29;--panel-2:#142635;--line:#21394a;--text:#f4f8fa;--muted:#8ea5b4;--accent:#56c7b8;--green:#6fe0a6;--red:#ff8585}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 20% -10%, #102b36 0, transparent 34%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 110px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}h1{letter-spacing:-.04em;margin:6px 0 4px;font-size:clamp(30px,5vw,48px)}h2{margin:4px 0 0;font-size:21px}p{color:var(--muted);margin:0}.eyebrow{color:var(--accent);letter-spacing:.15em;font-size:11px;font-weight:800}.round-btn{width:48px;height:48px;color:var(--accent);cursor:pointer;background:#10252e;border:1px solid #285765;border-radius:50%;font-size:28px}.hero-card{background:linear-gradient(135deg,#12303a,#111317 58%);border:1px solid #275365;border-radius:22px;justify-content:space-between;gap:24px;padding:28px;display:flex;box-shadow:0 18px 60px #00000047}.hero-card strong{letter-spacing:-.05em;margin:8px 0 2px;font-size:clamp(40px,7vw,72px);display:block}.hero-card small,.hero-label{color:#9eb2bd}.hero-chip,.pill{color:var(--accent);background:#10252e;border:1px solid #285765;border-radius:999px;align-self:flex-start;padding:7px 10px;font-size:11px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0;display:grid}.metric{border:1px solid var(--line);background:#11151ae0;border-radius:16px;min-height:120px;padding:18px}.metric-label{color:var(--muted);font-size:13px}.metric-value{letter-spacing:-.03em;margin:12px 0 5px;font-size:27px;font-weight:800}.metric-sub{color:#777f88;font-size:12px}.metric-bad .metric-value,.negative{color:var(--red)}.metric-good .metric-value,.positive{color:var(--green)}.metric-gold .metric-value{color:var(--accent)}.panel{border:1px solid var(--line);background:#11151ae6;border-radius:20px;margin-top:14px;padding:22px}.two-col{grid-template-columns:1.1fr .9fr;gap:26px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.progress{background:#242a31;border-radius:999px;height:10px;overflow:hidden}.progress span{background:var(--accent);border-radius:inherit;height:100%;transition:width .2s;display:block}.inline-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}label{color:var(--muted);font-size:12px}input{width:100%;color:var(--text);background:#0a1721;border:1px solid #294050;border-radius:12px;outline:none;margin-top:8px;padding:12px;display:block}input:focus{border-color:var(--accent)}.hint{margin-top:14px;font-size:12px;line-height:1.5}.investment-box{background:#0a1721;border:1px solid #243f4d;border-radius:16px;padding:18px}.asset{border-bottom:1px solid #242a31;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.asset div{flex-direction:column;gap:3px;display:flex}.asset span{color:var(--muted);font-size:12px}.asset strong{font-size:20px}.connect-note{color:var(--accent);margin-top:14px;font-size:12px}.month-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.month-card{background:#0a1721;border:1px solid #252b32;border-radius:14px;padding:15px}.month-title,.month-line,.month-total,.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.month-title{margin-bottom:12px}.status{letter-spacing:.1em;border-radius:999px;padding:4px 6px;font-size:9px;font-weight:800}.status.actual{color:var(--green);background:#13261e}.status.forecast{color:var(--accent);background:#12313a}.month-line{color:var(--muted);padding:6px 0;font-size:12px}.month-total{border-top:1px solid #252b32;margin-top:8px;padding-top:11px}.rows{flex-direction:column;display:flex}.row{border-bottom:1px solid #23282f;padding:11px 0;font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}th,td{text-align:right;border-bottom:1px solid #23282f;padding:12px 10px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1014eb;border:1px solid #294050;border-radius:16px;gap:4px;padding:6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000059}.bottom-nav a{color:#7f8790;white-space:nowrap;border-radius:11px;padding:10px 14px;font-size:12px;text-decoration:none}.bottom-nav a.active{color:var(--accent);background:#12303a}@media (max-width:850px){.metric-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.month-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.shell{width:min(100% - 20px,1180px);padding-top:22px}.topbar p{font-size:13px}.hero-card{flex-direction:column;padding:20px}.hero-chip{order:-1}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{min-height:112px;padding:14px}.metric-value{font-size:21px}.panel{padding:16px}.month-grid,.inline-fields{grid-template-columns:1fr}.bottom-nav{justify-content:space-between;width:calc(100% - 18px)}.bottom-nav a{padding:9px 7px;font-size:10px}}select{width:100%;color:var(--text);background:#0a1721;border:1px solid #294050;border-radius:12px;outline:none;margin-top:8px;padding:12px;display:block}button{font:inherit}.top-actions{align-items:center;gap:10px;display:flex}.ghost-btn,.ghost-link,.mini-btn,.text-btn,.danger-btn{color:var(--text);cursor:pointer;background:#0f1d29;border:1px solid #294050;border-radius:11px;padding:9px 12px;text-decoration:none}.ghost-btn:hover,.ghost-link:hover,.mini-btn:hover{border-color:#5d6470}.mini-btn{width:100%;color:var(--accent);background:#10252e;border-color:#285765;margin-top:10px}.primary-btn{color:#111;cursor:pointer;background:linear-gradient(135deg,#56c7b8,#4f8fc7);border:1px solid #2e7180;border-radius:12px;width:100%;padding:13px 16px;font-weight:900}.primary-btn:disabled,.mini-btn:disabled{opacity:.55;cursor:default}.login-shell{background:radial-gradient(circle at 50% 0,#12303a 0,transparent 34%),var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:#11151af0;border:1px solid #243f4d;border-radius:24px;width:min(430px,100%);padding:28px;box-shadow:0 28px 90px #00000061}.login-card h1{margin:12px 0 8px;font-size:38px}.login-card>p{line-height:1.55}.brand-mark{border:2px solid var(--accent);width:66px;height:66px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:22px;font-size:20px;font-weight:900;display:grid}.login-form{gap:14px;margin-top:24px;display:grid}.login-message{font-size:13px;color:var(--accent)!important;margin-top:14px!important}.text-btn{color:#9eb2bd;background:0 0;width:100%;margin-top:12px}.privacy-note{font-size:11px;color:#6f7680!important;margin-top:20px!important}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000b8;place-items:end center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#0f1d29;border:1px solid #243f4d;border-radius:22px;width:min(520px,100%);padding:22px;box-shadow:0 24px 90px #0000008c}.close-btn{color:#bbb;cursor:pointer;background:#0a1721;border:1px solid #313740;border-radius:50%;width:38px;height:38px;font-size:22px}.modal-form{gap:14px;display:grid}.kind-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kind-switch button{color:#8d949d;cursor:pointer;background:#0a1721;border:1px solid #294050;border-radius:12px;padding:11px}.kind-switch button.selected{color:var(--accent);background:#12303a;border-color:#2e7180}.section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.section-header h1{margin-bottom:6px}.month-card.large{min-height:160px}.movement-list{flex-direction:column;display:flex}.movement-row{border-bottom:1px solid #242a31;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.movement-row:last-child{border-bottom:0}.movement-main{flex-direction:column;gap:4px;min-width:0;display:flex}.movement-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.movement-main span{color:var(--muted);font-size:12px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.settings-list{padding-top:8px;padding-bottom:8px}.setting-row{border-bottom:1px solid #242a31;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row>div{flex-direction:column;gap:4px;display:flex}.setting-row span{color:var(--muted);font-size:12px}.badge-ok,.badge-wait{white-space:nowrap;border-radius:999px;padding:6px 9px;font-weight:900;font-size:10px!important}.badge-ok{background:#13261e;color:var(--green)!important}.badge-wait{background:#12313a;color:var(--accent)!important}.danger-btn{color:var(--red);border-color:#4a2c2c;margin-top:14px}@media (max-width:700px){.section-header{flex-direction:column}.metric-grid.three{grid-template-columns:1fr}.top-actions .ghost-btn{display:none}.modal-backdrop{padding:10px}.modal-card{border-radius:22px 22px 16px 16px}}.asset-price{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex!important}.asset-price span{color:var(--muted);font-size:11px}.notice{color:var(--accent);background:#10252e;border:1px solid #285765;border-radius:14px;margin-bottom:14px;padding:13px 15px;font-size:13px}.notice.good{color:var(--green);background:#11231b;border-color:#244637}.notice.bad{color:var(--red);background:#241313;border-color:#552f2f}.mini-link{color:var(--accent);background:#12303a;border:1px solid #2e7180;border-radius:10px;justify-content:center;align-items:center;padding:8px 11px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.bank-setting{align-items:center}.bank-actions{align-items:center;flex-direction:row!important;gap:8px!important;display:flex!important}.bank-actions form{margin:0}.bank-actions button{cursor:pointer}