:root{color-scheme:dark;--bg:#080e13;--panel:#0e1922;--card:#111e28;--line:#283c49;--text:#ecf3f7;--muted:#a7bac7;--accent:#66dcce;--blue:#86aaff;--amber:#ffb979;--violet:#c9aaf3;--green:#92e6ae;font:16px/1.5 Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#153039 0,transparent 460px),var(--bg);color:var(--text)}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:default}img,svg{max-width:100%;vertical-align:middle}
h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(2.15rem,6vw,3.9rem);font-weight:650}h2{font-size:1.36rem}h3{font-size:1.05rem}
.frame{width:min(1080px,100% - 40px);margin-inline:auto}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:5;inset:5px auto auto 5px;background:var(--accent);color:var(--bg);padding:8px}
.top{border-bottom:1px solid var(--line);background:#080e13d9}.top-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-height:48px}.brand img{width:116px;height:auto}.brand span{border-left:1px solid var(--line);padding-left:10px;color:var(--muted);font-size:.75rem}.mode{border:1px solid #43615d;background:#173134;color:#a9f1e8;padding:5px 9px;border-radius:99px;font-size:.7rem;white-space:nowrap}.mode:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:100%;margin-right:6px;vertical-align:2px}
main.frame{padding:30px 0 calc(102px + env(safe-area-inset-bottom));min-height:75vh}.intro{display:grid;gap:9px;margin-bottom:22px}.intro p:not(.eyebrow),.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.66rem;font-weight:700}.fine{font-size:.8rem;color:var(--muted)}.notice,.error{padding:12px 14px;background:#123039;border:1px solid #36535d;border-radius:11px;color:#c5e5ec;font-size:.82rem}.error{background:#322519;border-color:#725033;color:#ffd2a7}
.toolbar,.heading,.kv,.row,.split,.legend-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.heading{align-items:flex-start}.heading .fine{margin-top:4px}.toolbar{flex-wrap:wrap;margin-bottom:17px}.toolbar .fine{min-width:0}.stack{display:grid;gap:13px}.grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0;background:linear-gradient(145deg,#14242e,#0e1922 65%);border:1px solid var(--line);padding:17px;border-radius:17px}.panel > .heading{margin-bottom:13px}
.btn,.seg button,.filter button{min-height:44px;padding:8px 12px;border:1px solid #426071;background:#14242d;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:650}.btn.primary{background:var(--accent);border-color:var(--accent);color:#09201f}.btn:hover,.seg button:hover,.filter button:hover{filter:brightness(1.14)}.btn.small{padding-inline:9px}.icon{width:19px;height:19px;flex-shrink:0}.btn .icon{margin-right:5px}
.seg,.filter{display:flex;flex-wrap:wrap;gap:6px}.seg button[aria-pressed=true],.filter button[aria-pressed=true]{background:#1e3d42;color:#a8f5e8;border-color:#5b928a}.filter{margin:13px 0}.filter button{font-size:.74rem}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.stat{background:#101e27;border:1px solid var(--line);border-radius:13px;padding:12px 8px 11px;min-width:0;display:grid;gap:4px;align-content:start}.stat span{font-size:.72rem;color:var(--muted)}.stat strong{font-size:clamp(.86rem,3.6vw,1.4rem);line-height:1.16;letter-spacing:-.04em;overflow-wrap:anywhere}.stat strong.green{color:var(--accent)}.stat strong.amber{color:var(--amber)}
.ring-section{display:grid;grid-template-columns:minmax(103px,.83fr) minmax(0,1.17fr);gap:10px;align-items:center}.ring{display:grid;place-items:center;aspect-ratio:1;position:relative;width:100%;max-width:200px;justify-self:center}.ring svg{width:100%;height:auto}.ring-center{position:absolute;inset:22%;display:grid;place-content:center;text-align:center;line-height:1.23;pointer-events:none}.ring-center strong{font-size:clamp(.68rem,3.4vw,1.2rem);letter-spacing:-.03em}.ring-center span{font-size:.68rem;color:var(--muted)}.legend{min-width:0;display:grid;gap:7px}.legend-line{font-size:.75rem;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:5px;line-height:1.15;min-height:22px}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.paid{color:var(--accent)}.upcoming{color:var(--blue)}.overdue{color:var(--amber)}.review{color:var(--violet)}.legend-line b{white-space:nowrap;font-size:.72rem;font-variant-numeric:tabular-nums}
.chart{width:100%;margin-top:12px;display:block}.axis-label{fill:var(--muted);font-size:10px;font-family:inherit}.chart-note{margin-top:8px}.quick{display:block;min-height:44px;color:var(--accent);padding:10px 0 4px;font-size:.81rem;font-weight:650}
.list{display:grid;gap:5px}.list details,.source{background:#0d1921;border:1px solid var(--line);border-radius:10px;padding:0 10px}.list summary{min-height:63px;cursor:pointer;list-style:none;padding-block:8px}.list summary::-webkit-details-marker{display:none}.list .row-left,.source .row-left{min-width:0;overflow-wrap:anywhere}.list .row-left strong,.source .row-left strong{display:block;font-size:.9rem}.list .row-left small,.source small{display:block;color:var(--muted);font-size:.75rem}.list .row-right{text-align:right;flex-shrink:0}.list .row-right b{display:block;font-size:.88rem}.list .row-right small{font-size:.72rem}.list details p{margin:0 0 9px;font-size:.82rem;color:var(--muted)}.list details summary::after{content:"+";color:var(--muted);width:12px}.list details[open] summary::after{content:"−"}
.source{padding:10px;min-height:56px}.source .row-left{flex:1}.source .icon{color:var(--accent)}.source .badge{border:1px solid #3f5667;padding:4px 6px;border-radius:6px;color:var(--muted);font-size:.68rem;max-width:40%;text-align:right}.source .ready{color:#a9f1e8}.source .attention{color:var(--amber)}
.module{display:grid;gap:8px;min-height:137px}.module .icon{color:var(--accent)}.module:hover{border-color:var(--accent)}.module p{font-size:.8rem;color:var(--muted)}.module .fine{font-size:.68rem;color:#ade8e0}
form{display:grid;gap:7px}input:not([type=file]){border:1px solid #476170;border-radius:10px;background:#0b151d;color:var(--text);padding:10px;min-height:44px;width:100%}.file{display:block;width:100%;color:var(--muted);font-size:.82rem}.file::file-selector-button{background:#1e3d42;color:#bbf4ed;border:1px solid #52777a;border-radius:8px;padding:9px;margin-right:7px}
.source-choice{gap:8px}.source-choice select{width:100%;min-height:44px;padding:8px;border:1px solid #476170;border-radius:10px;background:#0b151d;color:var(--text);font:inherit}
.cloud-folders{padding:12px;border:1px solid var(--line);border-radius:10px}.cloud-folders .folder-item{display:flex;justify-content:flex-start;text-align:left;overflow-wrap:anywhere}
.mail-headers{list-style:none;padding:0;margin:0}.mail-headers li{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.mail-headers small{display:block;color:var(--muted);margin-top:4px}
.mail-checkbox{display:flex;align-items:flex-start;gap:10px}.mail-checkbox input[type=checkbox]{width:20px;min-height:20px;flex:none;margin-top:3px;accent-color:var(--accent)}[data-mail-reminder]+label textarea{display:block;width:100%;font:inherit;color:var(--text);background:#13212c;border:1px solid var(--line);border-radius:8px}
.bottom{position:fixed;bottom:0;z-index:3;inset-inline:0;padding:5px max(8px,calc((100vw - 700px)/2)) calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:#09121af7;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom a{display:grid;justify-items:center;align-content:center;gap:3px;min-height:55px;border-radius:10px;color:var(--muted);font-size:.68rem;font-weight:650;white-space:nowrap}.bottom a[aria-current=page]{background:#153338;color:#a8f5e8}.bottom .icon{width:21px;height:21px}
@media(max-width:680px){.frame{width:calc(100% - 28px)}.top-inner{height:59px}main.frame{padding-top:21px}.grid:not(.tiles){grid-template-columns:1fr}.panel{padding:14px}.legend-line{font-size:.75rem}.legend-line b{font-size:.73rem}.ring{max-width:152px}.brand img{width:100px}}
@media(max-width:350px){.frame{width:calc(100% - 20px)}.brand{gap:6px}.brand span{padding-left:6px}.panel{padding:10px}.ring-section{grid-template-columns:90px 1fr}.legend-line{font-size:.67rem}.legend-line b{font-size:.67rem}.bottom a{font-size:.6rem}.stats{gap:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}