:root[data-theme=dark]{--bg: #0b1220;--bg-2: #111a2e;--card: #18223b;--card-2: #1d2845;--line: #25304d;--line-2: #2e3a5c;--text: #e7ecf6;--text-2: #c4cce0;--muted: #8a96b3;--accent: #22d3ee;--accent-2: #06b6d4;--accent-ink: #062028;--green: #10b981;--red: #ef4444;--amber: #f59e0b;--violet: #a78bfa;--pink: #f472b6;--shadow: 0 30px 80px rgba(0, 0, 0, .6);--frame-bg: #050810;--chart-grid: #25304d}:root[data-theme=light]{--bg: #f6f8fc;--bg-2: #eef2f9;--card: #ffffff;--card-2: #f9fbff;--line: #e2e8f3;--line-2: #d3dbeb;--text: #0f1729;--text-2: #2c3654;--muted: #6b7796;--accent: #0891b2;--accent-2: #0e7490;--accent-ink: #ffffff;--green: #059669;--red: #dc2626;--amber: #d97706;--violet: #7c3aed;--pink: #db2777;--shadow: 0 20px 60px rgba(15, 23, 41, .12);--frame-bg: #dde4f0;--chart-grid: #e2e8f3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;overscroll-behavior:none;overflow:hidden;position:fixed;top:0;left:0}button{font-family:inherit;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit;font-size:16px;color:inherit}a{color:var(--accent);text-decoration:none}.app{max-width:460px;margin:0 auto;height:100%;display:flex;flex-direction:column;position:relative;background:var(--bg);overflow:hidden;padding-top:env(safe-area-inset-top)}@media (min-width: 600px) and (hover: hover) and (pointer: fine){html,body,#root{position:static;overflow:auto;height:auto;min-height:100%}body{background:var(--frame-bg);padding:24px 0}.app{height:auto;min-height:90vh;max-height:900px;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line);padding-top:0}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.topbar.no-border{border-bottom:none}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.brand-mark{width:28px;height:28px;border-radius:7px}.brand .small{font-size:11px;color:var(--muted);font-weight:500;display:block}.top-icon{width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:14px;position:relative}.top-icon:hover{border-color:var(--line-2)}.back-btn{background:transparent;border:none;color:var(--text);font-size:16px;padding:8px 10px}.screen-title{font-size:16px;font-weight:600}.screen{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.scroll{flex:1;overflow-y:auto;padding:4px 16px 32px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar,.hide-scroll::-webkit-scrollbar{width:0;height:0;display:none}.hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.has-nav .scroll,.app:has(>.bottom-nav) .scroll{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.login{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:14px;overflow-y:auto}.login h1{margin:0;font-size:26px}.login p.sub{margin:0 0 12px;color:var(--muted);font-size:14px}.brand-wordmark{height:32px;width:auto;align-self:center;margin-bottom:8px;opacity:.85}.mode-tabs{display:flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:4px}.mode-tabs button{flex:1;background:transparent;border:none;color:var(--muted);padding:8px 0;border-radius:7px;font-size:13px;transition:background .15s,color .15s}.mode-tabs button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field input{background:var(--card);border:1px solid var(--line);color:var(--text);padding:14px 16px;border-radius:12px;font-size:16px;outline:none;transition:border-color .15s}.field input.code{letter-spacing:4px;font-weight:600;text-align:center}.field input:focus{border-color:var(--accent)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--accent-ink);border:none;padding:16px;border-radius:14px;font-size:16px;font-weight:700;box-shadow:0 6px 20px #22d3ee40;transition:opacity .15s,transform .1s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--line);padding:12px;border-radius:10px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-danger{background:var(--red);color:#fff;border:none;padding:12px;border-radius:10px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-success{background:var(--green);color:#fff;border:none;padding:12px;border-radius:10px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-row{display:flex;gap:8px}.btn-row>*{flex:1}.filter-bar{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}.filter-bar{scrollbar-width:none;-ms-overflow-style:none}.filter-bar::-webkit-scrollbar{width:0;height:0;display:none}.chip{background:var(--card);border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:999px;font-size:12px;white-space:nowrap;cursor:pointer;font-family:inherit;flex-shrink:0}.chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.chip-icon{background:var(--card);border:1px solid var(--line);color:var(--text);padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.chip-icon i,.chip-icon svg{color:var(--muted);font-size:11px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.kpi-card .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.kpi-card .value{font-size:20px;font-weight:700;margin-top:4px}.kpi-card .delta{font-size:11px;margin-top:4px;display:inline-flex;align-items:center;gap:4px}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.kpi-card .sub{font-size:11px;color:var(--muted);margin-top:2px}.sec{margin:16px 4px 8px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sec--first,.scroll>.sec:first-child{margin-top:2px}.sec h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600}.sec .toggle{display:flex;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:2px;font-size:11px}.sec .toggle button{background:transparent;border:none;color:var(--muted);padding:4px 10px;border-radius:6px}.sec .toggle button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.chart-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}.chart-card .title{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.chart-card .title .legend{font-size:10px;color:var(--muted);font-weight:400}.chart-wrap{position:relative;width:100%;height:200px}.chart-wrap.tall{height:240px}.chart-wrap.short{height:120px}.recharts-default-tooltip{background:var(--card-2)!important;border:1px solid var(--line-2)!important;border-radius:8px!important;box-shadow:var(--shadow)!important}.recharts-tooltip-label,.recharts-tooltip-item{color:var(--text)!important}.list-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer;transition:border-color .15s;display:block;width:100%;text-align:left}.list-card:active{border-color:var(--accent)}.list-card .row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.list-card .name{font-size:14px;font-weight:600;color:var(--text)}.list-card .meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}.list-card .meta span{display:inline-flex;align-items:center;gap:5px}.list-card .meta svg{font-size:10px}.pill{display:inline-block;font-size:10px;padding:2px 8px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pill.green{background:#10b98126;color:var(--green)}.pill.amber{background:#f59e0b26;color:var(--amber)}.pill.red{background:#ef444426;color:var(--red)}.pill.violet{background:#a78bfa26;color:var(--violet)}.pill.cyan{background:#22d3ee26;color:var(--accent)}.pill.muted{background:#8a96b326;color:var(--muted)}.badge-line{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:0 -16px 12px;padding:0 16px;background:var(--bg);overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{background:transparent;border:none;color:var(--muted);padding:12px 14px;font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.detail-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.detail-card h4{margin:0 0 8px;font-size:16px}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px;gap:12px}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.kv .v{font-weight:600;text-align:right}.action-bar{padding:12px 16px;border-top:1px solid var(--line);background:var(--bg-2);display:flex;gap:8px;flex-shrink:0}.action-bar>*{flex:1}textarea{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;font-size:14px;font-family:inherit;width:100%;resize:none;outline:none}textarea:focus{border-color:var(--accent)}.push-banner{position:absolute;top:8px;left:8px;right:8px;background:var(--card-2);border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;box-shadow:var(--shadow);z-index:100;animation:slideDown .3s ease-out;cursor:pointer}@keyframes slideDown{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}.push-banner .ico{width:36px;height:36px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.push-banner .body{flex:1;min-width:0}.push-banner .body .title{font-size:13px;font-weight:700}.push-banner .body .msg{font-size:12px;color:var(--text-2);margin-top:2px}.push-banner .body .meta{font-size:10px;color:var(--muted);margin-top:4px}.perm-overlay{position:absolute;inset:0;background:#050810d9;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}:root[data-theme=light] .perm-overlay{background:#0f17298c}.perm-card{background:var(--card-2);border-radius:16px;padding:18px;max-width:320px;text-align:center;border:1px solid var(--line)}.perm-card .perm-ico{font-size:28px;color:var(--accent);margin-bottom:8px}.perm-card h3{margin:0 0 6px;font-size:16px}.perm-card p{color:var(--muted);font-size:13px;margin:0 0 14px;line-height:1.5}.bottom-nav{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg-2);border-top:1px solid var(--line);padding:6px 0 max(6px,env(safe-area-inset-bottom));z-index:10}.bottom-nav button{background:transparent;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:10px;position:relative}.bottom-nav button.active{color:var(--accent)}.bottom-nav .glyph{font-size:18px;position:relative;line-height:1;display:inline-flex}.nav-badge{position:absolute;top:-6px;right:-10px;background:var(--red);color:#fff;font-size:9px;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0}.filter-trigger{background:var(--card);border:1px solid var(--line);color:var(--text);font-family:inherit;font-size:12px;font-weight:600;padding:8px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis}.filter-trigger:hover{border-color:var(--line-2)}.filter-trigger .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.filter-trigger .chev{font-size:10px;color:var(--muted);flex-shrink:0}.filter-trigger.left{margin-right:auto}.sheet-overlay{position:absolute;inset:0;background:#0508108c;display:flex;align-items:flex-end;justify-content:center;z-index:60;animation:fadeIn .15s ease-out}:root[data-theme=light] .sheet-overlay{background:#0f172966}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-height:70%;background:var(--card);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:8px 0 max(8px,env(safe-area-inset-bottom));overflow-y:auto;animation:slideUp .36s cubic-bezier(.16,1,.3,1);will-change:transform}@keyframes slideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-handle{width:36px;height:4px;background:var(--line-2);border-radius:2px;margin:6px auto 10px}.sheet-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:4px 18px 8px;font-weight:600}.sheet-item{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;color:var(--text);padding:14px 18px;font-size:14px;text-align:left;font-family:inherit;cursor:pointer;border-top:1px solid var(--line)}.sheet-item:first-child{border-top:none}.sheet-item.active{color:var(--accent);font-weight:600}.sheet-item.divider{border-top:1px solid var(--line-2);color:var(--accent);font-weight:600}.sheet-item:hover{background:var(--card-2)}.dp-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100% - 16px);overflow:hidden;animation:slideUp .22s ease-out}.dp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.dp-head-title{font-size:15px;font-weight:700}.dp-close{background:transparent;border:none;color:var(--muted);font-size:28px;width:32px;height:32px;line-height:1;border-radius:50%}.dp-close:hover{background:var(--bg-2);color:var(--text)}.dp-pills{display:flex;align-items:center;gap:8px;padding:0 16px 12px}.dp-pill{flex:1;background:var(--bg-2);border:2px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.dp-pill:disabled{opacity:.55;cursor:not-allowed}.dp-pill.active{border-color:var(--accent);background:var(--card-2)}.dp-pill-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}.dp-pill-value{font-size:13px;font-weight:600;color:var(--text)}.dp-arrow{color:var(--muted);font-size:14px}.dp-month-nav{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 8px}.dp-nav-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:12px}.dp-nav-btn:hover:not(:disabled){background:var(--bg-2)}.dp-nav-btn:disabled{opacity:.35;cursor:not-allowed}.dp-month-label{font-size:14px;font-weight:700}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 8px 8px}.dp-weekday{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);text-align:center;padding:6px 0 4px;font-weight:600}.dp-grid .cell{background:transparent;border:none;color:var(--text);font-family:inherit;font-size:13px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:0;z-index:1}.dp-grid .cell.empty{cursor:default;pointer-events:none}.dp-grid .cell.disabled{color:var(--line-2);cursor:not-allowed}.dp-grid .cell:hover:not(.disabled):not(.empty):not(.selected){background:var(--bg-2);border-radius:50%}.dp-grid .cell.today:not(.selected){font-weight:700;color:var(--accent)}.dp-grid .cell.today:not(.selected):after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);bottom:4px}.dp-grid .cell.in-range{background:#22d3ee26}:root[data-theme=light] .dp-grid .cell.in-range{background:#0891b21f}.dp-grid .cell.selected{background:var(--accent);color:var(--accent-ink);font-weight:700}.dp-grid .cell.range-start{border-top-left-radius:50%;border-bottom-left-radius:50%}.dp-grid .cell.range-end{border-top-right-radius:50%;border-bottom-right-radius:50%}.dp-grid .cell.single{border-radius:50%}.dp-actions{display:flex;gap:8px;padding:8px 16px 16px;border-top:1px solid var(--line);background:var(--card-2)}.dp-actions>*{flex:1}.ios-hint{background:#22d3ee14;border:1px solid rgba(34,211,238,.3);border-radius:12px;padding:12px;font-size:12px;color:var(--text-2);margin:12px 0;line-height:1.5}:root[data-theme=light] .ios-hint{background:#0891b20f;border-color:#0891b240}.ios-hint b{color:var(--accent)}.ios-hint svg{color:var(--accent);margin-right:4px;vertical-align:-2px}.rich-editor-input:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rich-editor-input:focus{outline:none}.rich-editor-input :where(h1,h2,h3){font-size:16px;font-weight:700;margin:8px 0}.rich-content{font-size:13px;line-height:1.55;color:var(--text);word-wrap:break-word}.rich-content :where(p,ul,ol,h1,h2,h3,h4,h5,h6,table,blockquote){margin:0 0 8px}.rich-content :where(ul,ol){padding-left:22px}.rich-content :where(strong,b){font-weight:700}.rich-content :where(em,i){font-style:italic}.rich-content :where(a){color:var(--accent)}.rich-content :where(table){border-collapse:collapse;width:100%}.rich-content :where(td,th){border:1px solid var(--line);padding:6px 8px;text-align:left}.rich-content img{max-width:100%;height:auto;border-radius:6px}:root[data-theme=dark] .rich-content [style*="color:#000"],:root[data-theme=dark] .rich-content [style*="color: #000"],:root[data-theme=dark] .rich-content [style*="color:black"],:root[data-theme=dark] .rich-content font[color="#000000"],:root[data-theme=dark] .rich-content font[color=black]{color:var(--text)!important}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:13px}.right-amount{text-align:right;font-weight:700;font-size:14px;white-space:nowrap}.toast-host{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--card-2);border:1px solid var(--line-2);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:var(--shadow);pointer-events:auto;animation:slideDown .25s ease-out}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.spinner{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle{display:flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px;font-size:12px}.theme-toggle button{background:transparent;border:none;color:var(--muted);padding:6px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.theme-toggle button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.todo-row{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;display:flex;align-items:flex-start;gap:10px;color:var(--text);cursor:pointer;transition:border-color .15s}.todo-row:active{border-color:var(--accent)}.todo-row.expanded{flex-direction:column;align-items:stretch;border-color:var(--accent);cursor:default}.todo-row .row-head{display:flex;align-items:flex-start;gap:10px;width:100%}.todo-row .row-head .body{flex:1;min-width:0}.todo-row .checkbox{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:transparent;font-size:11px;padding:0}.todo-row.done .checkbox,.todo-row .checkbox.checked{background:var(--green);border-color:var(--green);color:#fff}.todo-row .body{flex:1;min-width:0}.todo-row .title{font-size:14px;font-weight:600;color:var(--text);line-height:1.35;word-break:break-word}.todo-row.done .title{color:var(--muted);text-decoration:line-through;text-decoration-color:#8a96b399}.todo-row .meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.due-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;padding:2px 8px;border-radius:999px;font-weight:600}.due-tag.today{background:#22d3ee26;color:var(--accent)}.due-tag.overdue{background:#ef444426;color:var(--red)}.due-tag.upcoming{background:#a78bfa26;color:var(--violet)}.due-tag.nodate{background:#8a96b326;color:var(--muted)}.due-tag.done{background:#10b98126;color:var(--green)}.todo-row .expand{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:10px;width:100%}.todo-row .expand .field-row{display:flex;flex-direction:column;gap:6px;font-size:12px}.todo-row .expand .field-row .k{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.todo-row .expand .field-row .v{display:flex;gap:6px;flex-wrap:wrap}.pill-pick{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}.pill-pick.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.todo-row .expand textarea{background:var(--bg-2);min-height:60px;font-size:13px}.todo-row .expand .actions{display:flex;gap:6px}.todo-row .expand .actions button{flex:1;padding:8px 10px;font-size:12.5px;border-radius:8px;border:none;font-weight:600;cursor:pointer;font-family:inherit}.todo-row .expand .actions .save{background:var(--accent);color:var(--accent-ink)}.todo-row .expand .actions .cancel{background:var(--card-2);color:var(--text);border:1px solid var(--line)}.todo-row .expand .actions .delete{background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.4)}.todo-composer{position:absolute;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:10px 12px 12px;background:var(--bg-2);border-top:1px solid var(--line);z-index:9}.todo-composer input{flex:1;background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:11px 14px;font-size:14px;outline:none;font-family:inherit}.todo-composer input:focus{border-color:var(--accent)}.todo-composer .add-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--accent-ink);border:none;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #22d3ee40}.todo-composer .add-btn:disabled{opacity:.4;cursor:not-allowed}.todo-composer .opt{width:34px;height:34px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px}.todo-composer .opt.active{border-color:var(--accent);color:var(--accent)}.checklist-block{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}.checklist-block .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.checklist-block .head .h{font-size:12px;font-weight:700;color:var(--text)}.checklist-block .head .progress{font-size:11px;color:var(--muted);font-weight:600;flex-shrink:0}.checklist-block .progress-bar{height:5px;background:var(--bg-2);border-radius:5px;overflow:hidden;border:1px solid var(--line);margin-bottom:8px}.checklist-block .progress-bar>div{height:100%;background:var(--accent);transition:width .24s ease}.checklist-block .mini-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:8px;font-size:13px}.checklist-block .mini-row .checkbox{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;color:transparent;font-size:9px;padding:0;cursor:pointer}.checklist-block .mini-row.done .checkbox{background:var(--green);border-color:var(--green);color:#fff}.checklist-block .mini-row.done .t{color:var(--muted);text-decoration:line-through;text-decoration-color:#8a96b380}.checklist-block .mini-row .t{flex:1;color:var(--text);min-width:0}.checklist-block .mini-row .due{font-size:10px;color:var(--muted);flex-shrink:0}.checklist-block .mini-row .x{background:transparent;border:none;color:var(--muted);font-size:14px;padding:2px 6px;cursor:pointer;opacity:.4}.checklist-block .mini-row .x:hover{color:var(--red);opacity:1}.checklist-block .mini-add{display:flex;gap:6px;margin-top:6px}.checklist-block .mini-add input{flex:1;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;outline:none;font-family:inherit}.checklist-block .mini-add input:focus{border-color:var(--accent)}.checklist-block .mini-add button{background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;padding:0 14px;font-weight:700;cursor:pointer;font-family:inherit}.checklist-block .mini-add button:disabled{opacity:.4;cursor:not-allowed}.sec-h{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700;margin:14px 4px 6px}.bottom-nav.six{grid-template-columns:repeat(6,1fr)}