@font-face{font-family:Inter;src:url(/assets/Inter-Variable-VF2RPR_K.ttf)}*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#202539;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;flex:none;background:#202544;color:#fff;padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 38px;font-size:19px;font-weight:750;white-space:nowrap}.brand em{font-style:normal;color:#a9b4ff;font-weight:500}.brand-mark{width:34px;height:34px;background:#747ee8;border-radius:11px;display:grid;place-items:center}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#d7dcf3;border-radius:11px;padding:13px 12px;text-align:left;display:flex;align-items:center;gap:13px;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#363d6a;color:#fff}.sidebar-foot{margin-top:auto;padding:16px 10px;color:#aab2d0;font-size:12px}main{width:min(1100px,calc(100% - 250px));padding:50px 55px 70px;margin:0 auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-size:34px;letter-spacing:-1.3px;margin:4px 0 5px}.eyebrow{color:#6975ce;font-size:11px;font-weight:800;letter-spacing:2px;margin:0}.subtitle{color:#7b8398;margin:0;font-size:14px}.add-button{border:0;border-radius:11px;background:#6574df;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 17px;font-weight:700;white-space:nowrap}.add-button:hover{background:#5262cc}.quick-add{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:1px solid #e5e8f2;border-radius:14px;box-shadow:0 7px 22px #1e27420a;margin-bottom:33px;color:#6a78da}.quick-add input{border:0;outline:0;flex:1;min-width:0;color:#252a3a}.quick-add input::placeholder{color:#a4aab9}.quick-add kbd{font-size:11px;color:#a8adbb;background:#f4f5f9;padding:5px 7px;border-radius:5px}.tasks-section,.lists-section{background:#fff;border:1px solid #e7eaf2;border-radius:16px;padding:20px 23px;box-shadow:0 8px 30px #1e274208;margin-bottom:24px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{font-size:18px;margin:0}.section-head span{font-size:12px;color:#8c94a5}.filters{display:flex;gap:10px;margin:0 0 15px}.search{border:1px solid #e2e5ed;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:8px;color:#8992a5;flex:1}.search input{border:0;outline:0;min-width:0;width:100%}.filters select,.list-add input,.option-grid select,.editor input,.editor textarea{border:1px solid #dde2ec;border-radius:9px;padding:9px 11px;background:#fff;color:#2c3348}.filters select{max-width:190px}.task-row{display:flex;align-items:center;gap:13px;min-height:62px;border-top:1px solid #eff0f5}.task-check{width:22px;height:22px;border:2px solid #bac2d3;border-radius:7px;background:#fff;display:grid;place-items:center;flex:none;padding:0;color:#fff}.task-check.checked{background:#6a78df;border-color:#6a78df}.task-main{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:8px 0;display:grid;gap:4px}.task-main strong{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-main span{font-size:11px;color:#929aab}.row-end{color:#b1b7c5}.icon-button{background:none;border:0;color:#b2b8c6;padding:7px}.icon-button:hover{color:#d65863}.group-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#7e88a0;font-weight:800;margin:14px 0 7px}.group-label.overdue{color:#d35f67}.empty{padding:32px 5px;color:#929bad;text-align:center;font-size:14px}.error{background:#ffe9ea;color:#a63a48;padding:11px 15px;border-radius:9px;margin-bottom:18px;display:flex;justify-content:space-between}.error button{background:none;border:0;color:inherit}.list-add{display:flex;gap:10px;margin-bottom:16px}.list-add input{flex:1;min-width:0}.list-add button{border:0;background:#edf0ff;color:#5564cf;border-radius:9px;padding:10px 14px;font-weight:700}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.list-card{border:1px solid #e6e8f1;border-radius:12px;padding:15px;display:grid;gap:6px}.list-dot{width:10px;height:10px;background:#7d88e7;border-radius:50%;margin-bottom:4px}.list-card strong{font-size:14px}.list-card span{font-size:12px;color:#939bac}.list-card div:last-child{display:flex;gap:12px;margin-top:12px}.list-card button{border:0;background:none;color:#6573d4;font-size:12px;padding:0}.list-card button:last-child{color:#b7767c}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10162885;display:grid;place-items:center;padding:18px}.editor{background:#fff;width:min(520px,100%);border-radius:17px;padding:25px;box-shadow:0 25px 80px #0e133560}.editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.editor-head h2{font-size:21px;margin:0}.editor-head button{border:0;background:none;color:#848a9c}.editor label{display:grid;gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;color:#4b556e}.editor label input,.editor label textarea{width:100%}.editor details{margin:18px 0}.editor summary{color:#6472cf;font-size:13px;font-weight:700;cursor:pointer}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:17px}.option-grid select{width:100%}.editor textarea{resize:vertical}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.secondary{background:#fff;border:1px solid #dfe3ed;border-radius:9px;padding:10px 15px;color:#545c70}@media(max-width:760px){.sidebar{width:67px;padding:25px 8px}.brand{padding:0 8px 32px}.brand>span:last-child,.sidebar nav span,.sidebar-foot{display:none}.sidebar nav button{justify-content:center}.app-layout main{width:calc(100% - 67px);padding:32px 20px}header{align-items:flex-start}h1{font-size:27px}.add-button{font-size:12px;padding:10px}.quick-add kbd{display:none}}@media(max-width:520px){header{display:grid}.option-grid{grid-template-columns:1fr}.filters{display:grid}.filters select{max-width:none}}.danger{background:#c94f5d;color:#fff;border:0;border-radius:9px;padding:10px 15px;font-weight:700}.backup-link{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:9px;background:#363d6a;color:#fff;padding:10px;font-weight:650;text-align:left;margin-bottom:12px}.sidebar-foot span{display:block}.backup-panel{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto}.backup-help,.field-help{font-size:12px;color:#7f889e;line-height:1.5}.backup-health{display:inline-block;background:#edf8f1;color:#31794a;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.backup-list{margin-top:22px}.backup-row{display:flex;align-items:center;gap:8px;border-top:1px solid #eceef4;padding:13px 0}.backup-row>div{flex:1;min-width:0;display:grid;gap:4px}.backup-row strong{font-size:13px}.backup-row span,.backup-row small{font-size:11px;color:#8992a5}.backup-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-row button{font-size:12px;padding:8px}.backup-notice{background:#edf8f1;color:#31794a;border-radius:8px;padding:9px 11px;font-size:12px}.form-error{background:#fff0f0;color:#a93f4d;border-radius:8px;padding:9px 11px;font-size:12px}.restore-confirm{margin-top:18px;border:1px solid #e6c7ca;border-radius:10px;padding:16px}.restore-confirm strong{font-size:14px}.restore-confirm p{font-size:12px;color:#7d8597}.restore-confirm label{display:grid;gap:6px;font-size:12px;font-weight:700}.restore-confirm input{border:1px solid #dfe3ed;border-radius:8px;padding:9px}.editor select{border:1px solid #dde2ec;border-radius:9px;padding:9px 11px;background:#fff;color:#2c3348}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-actions .secondary{font-size:12px}.reminder-banner{background:#fff4dc;color:#785921;border:1px solid #f0deb7;border-radius:11px;padding:12px 15px;margin:-12px 0 24px;font-size:13px}.web-login{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f5f6fb}.web-login form{width:min(390px,100%);background:#fff;border:1px solid #e7eaf2;border-radius:18px;box-shadow:0 18px 55px #1e274215;padding:32px;display:grid;gap:17px}.web-login h1{font-size:27px;margin:0}.web-login p{margin:-7px 0 7px;color:#7b8398;font-size:13px}.web-login label{display:grid;gap:7px;font-size:13px;font-weight:650}.web-login input{width:100%;border:1px solid #dce1ec;border-radius:9px;padding:12px}.web-login .add-button{min-height:46px}.login-mark{width:42px;height:42px;border-radius:13px;background:#6574df;color:#fff;font-size:25px;display:grid;place-items:center}.web-mode .task-check{width:28px;height:28px}.web-mode .task-row{min-height:68px}.web-mode .icon-button{min-width:44px;min-height:44px}.web-mode .list-card button{min-height:40px}.web-mode .editor{max-height:calc(100vh - 32px);overflow:auto}@media(max-width:760px){.web-mode .app-layout{display:block;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.web-mode .sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;z-index:30;padding:5px 5px calc(5px + env(safe-area-inset-bottom));background:#202544}.web-mode .sidebar .brand,.web-mode .sidebar-foot{display:none}.web-mode .sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}.web-mode .sidebar nav button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:62px;padding:5px 2px;text-align:center}.web-mode .sidebar nav button span{display:block;font-size:10px;line-height:1.1;white-space:normal}.web-mode .app-layout main{width:100%;padding:24px 16px 25px}.web-mode header{display:grid;gap:16px}.web-mode .header-actions{justify-content:flex-start}.web-mode .quick-add{min-height:54px}.web-mode .tasks-section,.web-mode .lists-section{padding:16px}.web-mode .overlay{padding:12px 12px calc(12px + env(safe-area-inset-bottom));z-index:40}}