:root{--bg:#0f1117;--bg-elevated:#181b24;--bg-card:#1e2230;--border:#2a3040;--text:#f4f6fb;--text-muted:#9aa3b5;--accent:#5b8def;--accent-soft:#5b8def26;--success:#3ecf8e;--warn:#f5a623;--danger:#ff6b6b;--radius:14px;--radius-sm:10px;--shadow:0 8px 32px #00000059;--font:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}.app{background:linear-gradient(180deg, #141824 0%, var(--bg) 120px);flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.app__status-bar{height:env(safe-area-inset-top,0px)}.app__main{padding:16px 16px calc(88px + var(--safe-bottom));flex:1;overflow-y:auto}.view{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{padding:8px 0 24px}.hero__eyebrow{color:var(--text-muted);margin:0 0 8px;font-size:.9rem}.hero__amount{letter-spacing:-.03em;margin:0;font-size:2.5rem;font-weight:700;line-height:1.1}.hero__sub{color:var(--text-muted);margin:8px 0 0;font-size:.9rem}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-.02em;margin:0;font-size:1.6rem}.section{margin-bottom:28px}.section__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section__head h2{margin:0;font-size:1rem;font-weight:600}.muted{color:var(--text-muted);font-size:.875rem}.card-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.card--inactive{opacity:.55}.card--overdue{background:#ff6b6b14;border-color:#ff6b6b80}.card--urgent{border-color:#f5a62380}.card--soon{border-color:#5b8def59}.card__main{flex-direction:column;gap:4px;min-width:0;display:flex}.card__main strong{font-size:.95rem}.card__side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.card__side--row{align-items:flex-end}.card__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.7rem}.card__days{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.card__price{font-size:.95rem;font-weight:600}.card__notes{color:var(--text-muted);font-size:.8rem}.card__actions{flex-wrap:wrap;gap:8px;display:flex}.card__actions--footer{margin-top:-4px;padding:0 14px 12px}.card__tap{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.card__tap:hover .card__main strong{color:var(--accent)}.card__remind{color:var(--warn);margin-top:4px;font-size:.8rem;display:block}.form-section{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);flex-direction:column;gap:12px;padding:12px;display:flex}.toggle-row{cursor:pointer;align-items:center;gap:10px;font-size:.95rem;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.modal--confirm{border-radius:var(--radius);max-width:360px}.confirm-dialog{flex-direction:column;gap:16px;display:flex}.confirm-dialog__title{margin:0;font-size:1.05rem}.confirm-dialog__message{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.45}.confirm-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.form-hint{margin:0;font-size:.8rem}.pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:600}.pill--ok{color:var(--success);background:#3ecf8e26}.pill--soon{background:var(--accent-soft);color:var(--accent)}.pill--urgent{color:var(--warn);background:#f5a62326}.pill--overdue{color:var(--danger);background:#ff6b6b26}.empty-card{text-align:center;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius);padding:32px 20px}.empty-card p{margin:0 0 8px}.empty-card .muted{margin-bottom:16px}.action-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex}.action-card__icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:600;display:grid}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:10px 16px;font-weight:600}.btn--primary{background:var(--accent);color:#fff}.btn--secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn--block{width:100%;margin-top:8px}.btn-text{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.btn-text--danger{color:var(--danger)}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.875rem}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:.9rem}.alert--warn{color:#ffd28a;background:#f5a6231f;border:1px solid #f5a6234d}.alert--info{background:var(--accent-soft);color:#b8cff9;border:1px solid #5b8def4d}.tab-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);width:100%;max-width:480px;padding-bottom:var(--safe-bottom);background:#181b24eb;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar__item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 12px;font-size:.7rem;display:flex}.tab-bar__item--active{color:var(--accent)}.tab-bar__icon{font-size:1.1rem}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow);overflow-y:auto}.modal__header{background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex;position:sticky;top:0}.modal__header h2{margin:0;font-size:1.1rem}.modal__body{padding:16px}.presets{margin-bottom:16px}.form-label{color:var(--text-muted);margin:0 0 8px;font-size:.8rem}.preset-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8rem}.chip:hover{border-color:var(--accent)}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--text-muted);font-size:.8rem}.field input,.field select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:10px 12px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-section{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:24px}.settings-section h2{margin:0 0 8px;font-size:1rem}.btn-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.feature-list{color:var(--text-muted);margin:12px 0 0;padding-left:18px;font-size:.875rem}.feature-list li{margin-bottom:6px}.success-text{color:var(--success);font-size:.9rem}.app--loading{min-height:100vh;color:var(--text-muted);place-items:center;gap:12px;padding:24px;display:grid}.app__banner{border-radius:var(--radius-sm);margin:0 16px;padding:10px 12px;font-size:.85rem}.app__banner--info{background:var(--accent-soft);color:#b8cff9;border:1px solid #5b8def4d}.account-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);padding:14px}.account-card--linked{border-color:#3ecf8e59}.account-card--unlinked{border-color:#f5a62359}.account-card__status{color:var(--success);margin:0 0 4px;font-size:.95rem;font-weight:600}.account-card__name{margin:0 0 8px;font-size:1rem}.account-card .btn{margin-top:12px}.linked-grid{gap:12px;margin-top:12px;display:grid}.linked-form{gap:8px;margin-top:8px;display:grid}.linked-form--inline{grid-template-columns:1fr auto;align-items:center;margin-top:12px}.linked-cross{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.linked-cross h3{margin:0 0 8px;font-size:1rem}.link-code{letter-spacing:.2em;text-align:center;color:var(--accent);margin:12px 0;font-size:2rem;font-weight:700}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);font:inherit;padding:10px 12px}.consent-screen{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.consent-screen__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;padding:24px}.consent-screen__card h1{margin:0 0 12px;font-size:1.25rem}.consent-list{color:var(--text-muted);margin:16px 0;padding-left:18px;font-size:.875rem}.consent-list li{margin-bottom:6px}.consent-checkbox{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:.875rem;display:flex}.consent-checkbox input{margin-top:3px}.consent-error{color:var(--danger);font-size:.875rem}.consent-foot{text-align:center;margin-top:12px;font-size:.8rem}.legal-page{padding-bottom:24px}.legal-page__header h1{margin:8px 0 4px;font-size:1.4rem}.legal-section{margin-bottom:20px}.legal-section h2{margin:0 0 8px;font-size:.95rem}.legal-section p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.legal-foot{margin-top:24px;font-size:.75rem}.btn--danger{color:var(--danger);background:#ff6b6b26;border:1px solid #ff6b6b66}.settings-section--danger{border-color:#ff6b6b40}@media (width>=481px){.modal-backdrop{align-items:center}.modal{border-radius:var(--radius)}}.auth-screen{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-screen__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:24px 20px}.auth-screen__card h1{margin:0 0 8px;font-size:1.5rem}.auth-screen__error{color:var(--danger);margin:0;font-size:.9rem}.auth-screen__foot{text-align:center;margin:16px 0 0;font-size:.85rem}.auth-tabs{background:var(--bg-elevated);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 16px;padding:4px;display:grid}.auth-tabs__item{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:.9rem}.auth-tabs__item--active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 4px #0003}