:root{color:#172033;--o:#f58220;--n:#172033;--m:#64748b;--b:#dbe2ea;--r:#b42318;background:#eef2f6;font-family:Inter,system-ui,sans-serif}body{min-width:320px;margin:0}.app-shell{background:#f7f8fa;width:min(520px,100%);min-height:100vh;margin:auto;padding-bottom:84px}.topbar,.pagehead{border-bottom:1px solid var(--b);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}button,input{font:inherit}.topbar button,.pagehead button{background:0 0;border:0;font-weight:800}.brand{font-weight:900}.brand span,.eyebrow{color:var(--o)}.topbar p,.pagehead p{color:var(--m);margin:3px 0;font-size:.72rem}.hero{color:#fff;background:linear-gradient(155deg,#172033,#26334d);border-radius:0 0 28px 28px;padding:28px 22px 44px}.hero h1{margin:4px 0 12px;font-size:2rem}.health{color:#991b1b;background:#fee2e2;border-radius:999px;padding:6px 10px;font-size:.72rem;display:inline-block}.due{background:#fff;border-radius:18px;justify-content:space-between;margin:-23px 18px 0;padding:22px;display:flex;box-shadow:0 12px 30px #17203320}.due>div{gap:5px;display:grid}.due strong{color:var(--o);font-size:1.65rem}.due span,.metrics span,.owner span,.card span,.guide span,.sum span,.fields span,.settings span{color:var(--m);font-size:.76rem}.due button,.sect button{color:var(--o);background:0 0;border:0;padding:0;font-weight:800}.bike{text-align:right}.metrics{grid-template-columns:1fr 1fr;gap:12px;padding:18px;display:grid}.metrics article,.owner,.card,.guide,.statement,.profile,.settings,.alert{border:1px solid var(--b);background:#fff;border-radius:16px;padding:17px}.metrics article{gap:7px;display:grid}.danger b{color:var(--r)}.owner,.card{margin:0 18px 16px}.owner{align-items:center;gap:18px;display:flex}.owner h2,.owner p{margin:4px 0}.owner small{color:var(--m)}.ring{flex:none;width:110px;height:110px;position:relative}.ring svg{transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:10px}.rbg{stroke:#e8edf3}.rval{stroke:var(--o);stroke-linecap:round;transition:stroke-dashoffset 1s}.ring>div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring span{font-size:.65rem}.sect{justify-content:space-between;display:flex}.sect>div{display:grid}.prow{border-top:1px solid var(--b);justify-content:space-between;padding:13px 0;display:flex}.prow>div{display:grid}.prow>div:last-child{text-align:right}.bottom{border-top:1px solid var(--b);background:#fff;grid-template-columns:repeat(4,1fr);width:min(520px,100%);height:70px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom button{color:#94a3b8;background:0 0;border:0;font-weight:800}.bottom .active{color:var(--o)}.pagehead{justify-content:flex-start;gap:12px}.pagehead h1{margin:0;font-size:1.05rem}.content{gap:16px;padding:18px;display:grid}.guide h2{color:var(--o);font-size:2.2rem}.recommended{background:#fff5eb;border-radius:10px;justify-content:space-between;padding:12px;display:flex}.copyrow{border-top:1px solid var(--b);justify-content:space-between;padding:14px 0;display:flex}.copyrow>div{display:grid}.copyrow button{color:#9a480c;background:#fff0e2;border:0;border-radius:8px;font-weight:800}.guide label{border-top:1px solid var(--b);gap:7px;padding:14px 0;font-weight:800;display:grid}.guide input{border:1px solid var(--b);border-radius:10px;padding:13px}.note{color:var(--m);font-size:.78rem}.statement,.profile{text-align:center}.pdf,.avatar{color:#9a480c;background:#fff0e2;border-radius:18px;place-items:center;width:64px;height:64px;margin:auto;font-weight:900;display:grid}.sum{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.sum div,.fields div{border:1px solid var(--b);border-radius:10px;padding:12px;display:grid}.primary{background:var(--o);color:#fff;border:0;border-radius:11px;width:100%;padding:14px;font-weight:900}.fields{text-align:left;gap:10px;margin:20px 0;display:grid}.profile>button{border:0;border-top:1px solid var(--b);text-align:left;background:0 0;width:100%;padding:14px;font-weight:800}.profile .red{color:var(--r)}.alert p{color:var(--m)}.settings label,.settings a{border-bottom:1px solid var(--b);color:inherit;justify-content:space-between;padding:14px 0;text-decoration:none;display:flex}.settings label>div,.settings a>div{display:grid}.loading,.login-page{place-items:center;min-height:100vh;display:grid}.spinner{border:4px solid #ddd;border-top-color:var(--o);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite s}@keyframes s{to{transform:rotate(360deg)}}.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px}@media (width>=700px){body{padding:18px}.app-shell{border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #17203325}.bottom{bottom:18px}}.login-page{background:var(--page);place-items:center;min-height:100vh;padding:22px;display:grid}.login-panel{border:1px solid var(--b);background:#fff;border-radius:26px;width:min(440px,100%);overflow:hidden;box-shadow:0 28px 80px #17203329}.login-brand-block{color:#fff;background:linear-gradient(145deg,#172033,#25334e);padding:25px 28px}.login-brand{font-size:1.45rem}.login-brand-block p{color:#cbd5e1;margin:5px 0 0;font-size:.78rem}.login-copy{padding:30px 28px 12px}.login-copy h1{margin:6px 0 10px;font-size:2rem;line-height:1.12}.login-copy>p:last-child{color:var(--m);margin:0;line-height:1.55}.login-form{gap:18px;padding:12px 28px 26px;display:grid}.login-form label{gap:7px;font-size:.84rem;font-weight:800;display:grid}.login-form input{border:1px solid var(--b);width:100%;min-height:50px;color:var(--n);background:#fff;border-radius:12px;outline:none;padding:0 14px}.login-form input:focus{border-color:var(--o);box-shadow:0 0 0 3px #f5822021}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{color:#9a480c;background:#fff0e2;border:0;border-radius:8px;padding:8px 10px;font-weight:850;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-submit{background:var(--o);color:#fff;border:0;border-radius:12px;min-height:52px;font-size:1rem;font-weight:900}.login-submit:disabled{opacity:.65}.login-support{border-top:1px solid var(--b);color:var(--m);text-align:center;margin:0;padding:18px 28px 24px;font-size:.76rem}.bell-button{border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative;background:#f1f5f9!important}.bell-button svg{fill:none;stroke:#172033;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.bell-dot{background:#dc2626;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.disabled-action{cursor:not-allowed;color:#94a3b8!important}.gateway-disabled{color:#64748b;background:#f1f5f9;border-style:dashed;position:relative;overflow:hidden}.gateway-disabled:after{content:"";pointer-events:none;background:#f1f5f92e;position:absolute;inset:0}.gateway-disabled h2{color:#94a3b8}.disabled-badge{color:#64748b;letter-spacing:.07em;background:#e2e8f0;border-radius:999px;padding:6px 9px;font-size:.65rem;font-weight:900;position:absolute;top:14px;right:14px}.gateway-message{color:#64748b;max-width:370px;line-height:1.5}.disabled-payment-row{border-top:1px solid #cbd5e1;justify-content:space-between;padding:14px 0;display:flex}.disabled-payment-row b{color:#94a3b8}.history-full{margin:0}.empty-state{color:var(--m);text-align:center;padding:20px 0}@media (width<=380px){.login-copy,.login-form{padding-left:20px;padding-right:20px}.login-copy h1{font-size:1.7rem}}.header-avatar{border-radius:50%;place-items:center;width:40px;height:40px;display:grid;border:1px solid var(--b)!important;background:#fff!important}.header-avatar svg{fill:none;stroke:#172033;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.avatar-user{border:1px solid var(--b);color:#64748b;background:#f1f5f9;border-radius:50%;width:88px;height:88px;position:relative}.avatar-user svg{fill:none;stroke:#64748b;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:45px;height:45px}.avatar-upload-hint{white-space:nowrap;position:absolute;bottom:-22px;left:50%;transform:translate(-50%);color:#94a3b8!important;font-size:.67rem!important}.profile h2{margin-top:35px}:root{--surface:#fff;--surface-soft:#f7f8fa;--page:#eef2f6;--text:#172033;--muted:#64748b;--border:#dbe2ea;--shadow:0 18px 48px #1720331f}:root[data-theme=dark]{--surface:#131c2d;--surface-soft:#0f1726;--page:#0a1020;--text:#f8fafc;--muted:#94a3b8;--border:#2b3850;--shadow:0 20px 55px #00000057}body{background:var(--page);color:var(--text)}.app-shell{background:var(--surface-soft);color:var(--text)}.topbar,.pagehead,.bottom,.metrics article,.owner,.card,.guide,.statement,.profile,.settings,.alert,.due{background:var(--surface);border-color:var(--border)}.sum div,.fields div{background:var(--surface-soft);border-color:var(--border)}.topbar p,.pagehead p,.due span,.metrics span,.owner span,.card span,.guide span,.sum span,.fields span,.settings span,.owner p,.owner small,.alert p,.profile>p{color:var(--muted)}.due,.owner,.card,.statement,.profile,.settings,.alert{box-shadow:var(--shadow)}.topbar-controls{align-items:center;gap:9px;display:flex}.theme-toggle{width:40px;height:40px;color:var(--text);border-radius:50%;place-items:center;display:grid;border:1px solid var(--border)!important;background:var(--surface)!important}.theme-toggle svg,.bottom svg,.pdf svg,.theme-choice svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.bottom button{place-content:center;gap:4px;display:grid}.bottom button span{font-size:.69rem}.bottom button.active{position:relative}.bottom button.active:before{content:"";background:#f58220;border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:32%;right:32%}.pdf{font-size:0}.pdf svg{width:30px;height:30px}.theme-choice{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-weight:800;display:flex}.settings label{align-items:center}:root[data-theme=dark] .login-panel{background:var(--surface);border-color:var(--border)}:root[data-theme=dark] .login-form input{background:var(--surface-soft);color:var(--text);border-color:var(--border)}:root[data-theme=dark] .login-copy h1,:root[data-theme=dark] .login-form label{color:var(--text)}:root[data-theme=dark] .login-page{background:var(--page)}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}*{box-sizing:border-box}img,svg{max-width:100%}@media (width<=360px){.due,.metrics{grid-template-columns:1fr}.bottom button span{font-size:.72rem}}html,body,#root{background:var(--page);min-height:100vh}html{overscroll-behavior:none}.login-page{background:var(--page)}