*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{background:#06101f;color:#f7fbff}body[data-theme="light"]{background:#eef3fb;color:#10192b}.hidden{display:none!important}.boot{position:fixed;inset:0;display:grid;place-items:center;background:#06101f;z-index:99;color:#9fb0cc}.boot img{width:170px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#0e4cff55,transparent 35%),radial-gradient(circle at 85% 35%,#00d5ff33,transparent 30%),#06101f}.auth-card{width:min(430px,100%);background:rgba(7,17,31,.86);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:34px;box-shadow:0 30px 90px #0008;text-align:center}.auth-logo{width:180px;margin:0 auto 10px}.auth-card h1{font-size:36px;margin:0}.auth-card p{color:#aab7cf;line-height:1.6}.google-btn,.primary-btn,.install-btn,.install-banner{width:100%;border:0;border-radius:16px;padding:15px 16px;cursor:pointer;font-weight:800}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:white;color:#111827}.google-btn span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1677ff;color:white}.primary-btn,.install-btn,.install-banner{background:#1677ff;color:#fff}.install-btn,.install-banner{margin-bottom:12px;background:linear-gradient(135deg,#1677ff,#7c4dff)}.email-form{display:grid;gap:12px}.email-form input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:14px;font:inherit}.divider{display:flex;align-items:center;gap:12px;color:#7f8ca7;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:rgba(255,255,255,.1);flex:1}.auth-msg{min-height:22px;color:#ff8a8a;margin-top:12px}.auth-langs,.lang-row,.settings-langs{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.lang-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:inherit;border-radius:14px;padding:10px 12px;font-weight:700;cursor:pointer}.lang-btn.active{background:#1677ff;color:white;border-color:#1677ff}.app-shell{min-height:100vh;display:grid;grid-template-columns:360px 1fr;gap:36px;padding:32px;background:radial-gradient(circle at 20% 0,#0e4cff55,transparent 35%),radial-gradient(circle at 85% 35%,#00d5ff33,transparent 30%),#06101f}.brand-panel{padding:30px 26px;border-radius:34px;background:linear-gradient(180deg,#07182dcc,#07111dcc);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 64px)}.side-logo{max-width:260px;margin:0 auto}.side-copy h1{font-size:38px;line-height:1.05;margin:30px 0 16px}.side-copy p{color:#adbad3;line-height:1.7}.side-features{display:grid;gap:18px}.side-features div{display:grid;grid-template-columns:36px 1fr;gap:10px}.side-features span{font-size:28px;color:#2184ff}.side-features strong{font-size:14px;text-transform:uppercase}.side-features small{grid-column:2;color:#aab7cf;line-height:1.5}.user-box{display:grid;grid-template-columns:42px 1fr 34px;gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px}.user-box img{width:42px;height:42px;border-radius:50%;object-fit:cover}.user-box small{display:block;color:#aab7cf;overflow:hidden;text-overflow:ellipsis}.user-box button{border:0;background:#ff445522;color:#ff8a8a;border-radius:10px;height:34px;cursor:pointer}.phone-frame{display:grid;place-items:center}.phone-screen{width:min(430px,100%);height:min(880px,calc(100vh - 64px));border:10px solid #12151a;border-radius:46px;background:#07111f;box-shadow:0 30px 90px #0009;overflow:hidden;position:relative;display:flex;flex-direction:column}body[data-theme="light"] .phone-screen{background:#f7f9ff}.topbar{height:70px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.icon-btn{width:38px;height:38px;border:0;border-radius:14px;background:transparent;color:inherit;font-size:20px;cursor:pointer}.app-title{font-weight:800;letter-spacing:.5px}.app-title span{color:#1677ff}.view{display:none;padding:0 20px 96px;overflow:auto;flex:1}.view.active{display:block}.welcome h2{font-size:28px;margin:10px 0 4px}.welcome p{margin:0;color:#8fa0bc}.sync-status{margin-top:12px;padding:9px 12px;border-radius:14px;background:#1677ff18;border:1px solid #1677ff44;color:#8fc2ff;font-size:12px}.focus-card,.global-panel,.settings-card,.progress-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px;margin-top:18px}body[data-theme="light"] .focus-card,body[data-theme="light"] .global-panel,body[data-theme="light"] .settings-card,body[data-theme="light"] .progress-card{background:white;border-color:#dde5f3}.card-head,.page-head{display:flex;justify-content:space-between;align-items:center}.card-head strong{font-size:13px;text-transform:uppercase}.card-head button{border:0;background:transparent;color:#1677ff;cursor:pointer}.progress-bar{height:10px;background:rgba(255,255,255,.09);border-radius:999px;margin-top:12px;overflow:hidden}.progress-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#1677ff,#7c4dff);border-radius:999px}.search-box{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:inherit;border-radius:14px;padding:13px;margin-bottom:12px;font:inherit}.focus-list,.list,.note-list{display:grid;gap:12px;margin-top:14px}.task-item,.bill-item,.goal-item,.note-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}body[data-theme="light"] .task-item,body[data-theme="light"] .bill-item,body[data-theme="light"] .goal-item,body[data-theme="light"] .note-item{background:#f8faff;border-color:#e2e8f2}.item-done .meta strong{text-decoration:line-through;color:#8fa0bc}.item-actions{display:flex;gap:6px;align-items:center}.done-btn,.delete-btn{border:0;border-radius:10px;padding:8px 9px;cursor:pointer;font-weight:800}.done-btn{background:#22b45522;color:#39d56d}.delete-btn{background:#ef444422;color:#ff7676}.category-pill{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;background:#1677ff22;color:#8fc2ff;font-size:11px}.meta strong{display:block}.meta small{color:#8fa0bc}.meta p{margin:6px 0 0;color:#9db0cc}.priority-text{font-size:12px;margin-left:6px}.priority-text.urgent{color:#ef4444}.priority-text.important{color:#f5b400}.priority-text.normal{color:#22b455}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.quick-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:inherit;text-align:left;cursor:pointer}.quick-card span{color:#1677ff;font-size:26px}.quick-card strong{display:block;font-size:28px;margin-top:8px}.quick-card small{color:#8fa0bc}.global-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.global-grid div{font-size:12px}.global-grid strong{display:block}.global-grid small{color:#8fa0bc}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.calendar-day{height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:inherit;cursor:pointer}.calendar-day.has{border-color:#1677ff;color:#8fc2ff}.calendar-day.today{background:#1677ff;color:#fff}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:78px;background:rgba(7,17,31,.92);backdrop-filter:blur(16px);display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.1)}body[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.94);border-color:#dde5f3}.nav-item{border:0;background:transparent;color:#8fa0bc;display:grid;gap:3px;place-items:center;cursor:pointer}.nav-item.active{color:#1677ff}.nav-item span{font-size:22px}.fab,.add-btn{border:0;background:#1677ff;color:white;border-radius:50%;cursor:pointer;box-shadow:0 10px 30px #1677ff77}.fab{width:58px;height:58px;font-size:32px}.add-btn{width:42px;height:42px;font-size:26px}.page-head h2{font-size:28px;margin:12px 0}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:6px}.filter{border:0;background:rgba(255,255,255,.07);color:inherit;border-radius:999px;padding:9px 14px;cursor:pointer}.filter.active{background:#1677ff;color:#fff}.note-item{border-left:4px solid #1677ff}.danger{margin-top:12px;border:1px solid #ef4444;background:#ef444422;color:#ef4444;border-radius:14px;padding:12px 14px;cursor:pointer}dialog{border:0;border-radius:24px;padding:0;background:#07111f;color:#fff;box-shadow:0 30px 100px #000b;width:min(420px,calc(100% - 28px))}body[data-theme="light"] dialog{background:white;color:#10192b}dialog::backdrop{background:#0009}#itemForm{padding:22px;display:grid;gap:14px}#itemForm h3{margin:0 0 4px}#itemForm label{display:grid;gap:7px;font-size:13px;color:#8fa0bc}#itemForm input,#itemForm select,#itemForm textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:inherit;border-radius:14px;padding:13px;font:inherit}body[data-theme="light"] #itemForm input,body[data-theme="light"] #itemForm select,body[data-theme="light"] #itemForm textarea{background:#f7f9ff;border-color:#dce5f2}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.primary,.secondary{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:#1677ff;color:#fff}.secondary{background:rgba(255,255,255,.08);color:inherit}@media(max-width:900px){.app-shell{grid-template-columns:1fr;padding:0;background:#07111f}.brand-panel{display:none}.phone-screen{width:100%;height:100vh;border-width:0;border-radius:0}.auth-screen{padding:14px}.auth-card{padding:26px 20px}}