:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;color:#0f172a;background:#f1f5f9;--primary:#0f766e;--primary2:#115e59;--danger:#b91c1c}
*{box-sizing:border-box}body{margin:0;padding-bottom:84px;background:linear-gradient(180deg,#ecfeff 0,#f8fafc 34%,#eef2f7 100%);min-height:100vh}.topbar{padding:24px 20px 18px;background:linear-gradient(135deg,#0f172a,#0f766e);color:#fff;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:34px}.subtitle{opacity:.8;margin-top:4px}.version{background:#ffffff20;padding:8px 12px;border-radius:999px}main{max-width:900px;margin:auto;padding:18px}.page{display:none}.page.active{display:block}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.card{background:#fff;border-radius:24px;padding:18px;box-shadow:0 10px 30px #0f172a14;margin-bottom:14px;border:1px solid #e2e8f0}.card span{color:#64748b}.card strong{display:block;font-size:24px;margin-top:10px}.section-title{font-size:20px;font-weight:800;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.compact{align-items:end}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#475569}input,select,button{font:inherit}input,select{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;outline:none}input:focus,select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e22}.primary,.secondary,.danger,.file-button{border:0;border-radius:14px;padding:13px 16px;cursor:pointer;text-align:center}.primary{background:var(--primary);color:white}.primary:hover{background:var(--primary2)}.secondary{background:#e2e8f0;color:#0f172a}.danger{background:#fee2e2;color:#991b1b}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.list{display:flex;flex-direction:column;gap:10px}.empty{color:#94a3b8}.item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.item-main{min-width:0}.item-title{font-weight:700}.item-meta{font-size:13px;color:#64748b;margin-top:4px}.amount.income{color:#047857}.amount.expense{color:#b91c1c}.item-actions{display:flex;gap:6px}.item-actions button{padding:8px 10px;border:0;border-radius:10px;background:#e2e8f0}.button-row{display:flex;flex-wrap:wrap;gap:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left);z-index:10}.bottom-nav button{border:0;background:transparent;padding:12px 4px;color:#64748b}.bottom-nav button.active{color:#0f766e;font-weight:800}.toast{position:fixed;left:50%;bottom:94px;transform:translateX(-50%) translateY(20px);background:#0f172a;color:#fff;padding:10px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:640px){.topbar h1{font-size:28px}.stats,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.card strong{font-size:20px}.item{align-items:flex-start}.button-row>*{flex:1 1 100%}}
.cloud-status{padding:12px 14px;border-radius:14px;background:#eef2f7;color:#64748b;margin-bottom:14px;font-weight:700}.cloud-status.online{background:#dcfce7;color:#166534}.cloud-config textarea{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}