:root{--sidebar-w:240px;--topbar-h:60px;--accent:#ff5c00;--accent-2:#ff7a33;--accent-3:#e04d00;--accent-h:#e04d00;--accent-bg:#fff4ee;--accent-t:#c44900;--accent-glow:#ff5c0059;--accent-stat:#ff8c00;--green:#37c871;--green-bg:#edfff4;--green-dk:#2ea861;--red:#dc2626;--red-bg:#fef2f2;--blue:#3b82f6;--bg:#faf9f7;--card:#fff;--sidebar-bg:#1a1a1a;--st:#a0a0a0;--sta:#fff;--tp:#2f2f2f;--ts:#6b6b6b;--tm:#a0a0a0;--br:#ebebeb;--br-soft:#fbfbfb;--row-bg:#fbfbfb;--row-border:#ebebeb;--row-hover:#fff4ee;--check-border:#d4d4d4;--prog-track:#e0e0e0;--hero-shadow:#ff5c0040;--r:10px;--rl:12px;--shadow:0 1px 14px 6px #c8c8c826;--shadow-soft:0 1px 14px #c8c8c826}:root[data-theme=dark]{--accent:#f73;--accent-2:#ff8c00;--accent-3:#ff5c00;--accent-h:#ff5c00;--accent-bg:#ff5c002e;--accent-t:#ffa450;--accent-glow:#ff5c0073;--accent-stat:var(--accent-stat);--green:var(--green);--green-bg:#37c87126;--green-dk:var(--green-dk);--bg:#1a1713;--card:#242018;--sidebar-bg:#111009;--st:#9a9080;--sta:#f5f0ea;--tp:#f5f0ea;--ts:#c8bfb0;--tm:#9a9080;--br:#3a352e;--br-soft:#2e2921;--row-bg:#2e2921;--row-border:#3a352e;--row-hover:#ff5c001f;--check-border:#3a352e;--prog-track:#2e2921;--hero-shadow:var(--accent-glow);--red:#dc2626;--red-bg:#dc262626;--blue:#60a5fa;--shadow:0 24px 48px #00000073;--shadow-soft:0 12px 28px #0000004d}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--tp);margin:0;padding:0;font-family:Nunito,sans-serif}.shell{min-height:100vh;display:flex;overflow:hidden}.sb{width:var(--sidebar-w);background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;transition:transform .25s;display:flex}.sb-logo{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:20px 20px 18px;display:flex}.sb-icon{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sb-name{color:#fff;letter-spacing:-.3px;font-size:15px;font-weight:700}.sb-sub{color:var(--st);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.sb-nav{flex:1;padding:12px 10px;overflow-y:auto}.sb-section{color:var(--st);text-transform:uppercase;letter-spacing:.8px;padding:10px 10px 5px;font-size:10px;font-weight:600}.sb-a{color:var(--st);border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sb-a:hover{color:var(--sta);background:#ffffff0f}.sb-a.on{color:#fff;box-shadow:inset 3px 0 0 0 var(--accent);background:#ff5c0038}.sb-a.on svg{color:var(--accent-stat)}.sb-a svg{opacity:.8;flex-shrink:0;width:16px;height:16px}.sb-a.on svg{opacity:1}.sb-foot{border-top:1px solid #ffffff0f;padding:12px 10px}.sb-user{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.u-name{color:var(--sta);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.u-email{color:var(--st);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.logout-btn{width:28px;height:28px;color:var(--st);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.logout-btn:hover{color:var(--red);background:#ef444426}.logout-btn svg{width:14px;height:14px}.main{background:radial-gradient(circle at top left, #ff5c000d, transparent 28%), radial-gradient(circle at top right, #ff7a330a, transparent 24%), var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-bottom:1px solid #e5e7ebe6;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex}.tb-menu{border:1px solid var(--br);width:34px;height:34px;color:var(--ts);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:none}.tb-menu svg{width:16px;height:16px}.tb-title h1{color:var(--tp);margin:0;font-size:15px;font-weight:700}.tb-title p{color:var(--tm);margin:2px 0 0;font-size:12px}.tb-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.content{flex:1;padding:28px;overflow-y:auto}.theme-toggle{border:1px solid var(--br);height:38px;color:var(--ts);cursor:pointer;font:inherit;background:#ffffffa8;border-radius:999px;align-items:center;gap:8px;padding:0 12px;transition:all .15s;display:inline-flex}.theme-toggle:hover{color:var(--tp);border-color:#6366f173;transform:translateY(-1px)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .theme-label{font-size:12px;font-weight:600}.theme-icon-dark,:root[data-theme=dark] .theme-icon-light{display:none}:root[data-theme=dark] .theme-icon-dark{display:block}:root[data-theme=dark] .topbar{background:#1a1713c7;border-bottom-color:#3a352ee6}:root[data-theme=dark] .theme-toggle{background:#111009d1}.card{background:var(--card);border-radius:var(--rl);border:1px solid var(--br);box-shadow:var(--shadow-soft)}.card-hd{border-bottom:1px solid var(--br-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.card-hd h3{color:var(--tp);margin:0;font-size:14px;font-weight:600}.card-bd{padding:22px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat{background:var(--card);border:1px solid var(--br);box-shadow:var(--shadow-soft);border-radius:12px;padding:18px 20px}.stat-l{color:var(--tm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.stat-v{letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1}.stat-s{color:var(--tm);margin-top:4px;font-size:12px}.stat-unit{color:var(--tm);font-size:14px}.c-indigo{color:var(--accent)}.c-green{color:var(--green)}.c-amber{color:var(--accent-stat)}.c-red{color:#dc2626}.c-purple{color:var(--accent-stat)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn svg{width:15px;height:15px}.btn-p{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;border-radius:99px;font-weight:700}.btn-p:hover{background:linear-gradient(135deg, var(--accent-3), var(--accent));box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.btn-g{color:var(--ts);border:1px solid var(--br);background:0 0;border-radius:99px;font-weight:600}.btn-g:hover{background:var(--bg);color:var(--tp)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lnk{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600}.btn-lnk:hover{color:var(--accent-h)}.pill-group{flex-wrap:wrap;gap:6px;display:flex}.inp,.sel{border:1px solid var(--br);height:38px;color:var(--tp);background:var(--card);border-radius:8px;width:100%;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.inp:focus,.sel:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff5c001f}.inp::placeholder{color:var(--tm)}.sel{appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist;cursor:pointer;background-image:none;padding-right:12px;line-height:normal}.sel option{color:var(--tp);background:var(--card)}:root[data-theme=dark] .sel option{color:var(--br-soft);background:var(--tp)}.form-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;display:grid}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.field-label{color:var(--tm);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:700;display:block}.priority-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.priority-input{opacity:0;width:0;height:0;position:absolute}.priority-chip{border:1px solid var(--br);background:var(--card);height:38px;color:var(--ts);letter-spacing:.01em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.priority-input[value=low]:checked+.priority-chip{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 8px 18px #37c8712e}.priority-input[value=medium]:checked+.priority-chip{background:var(--accent-stat);border-color:var(--accent-stat);color:#fff;box-shadow:0 8px 18px #d977062e}.priority-input[value=high]:checked+.priority-chip{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 8px 18px #dc26262e}.priority-input:focus-visible+.priority-chip{outline-offset:2px;outline:2px solid #ff5c003d}:root[data-theme=dark] .priority-chip{background:var(--bg)}:root[data-theme=dark] .priority-input[value=low]:checked+.priority-chip{background:var(--green-dk);border-color:var(--green-dk)}:root[data-theme=dark] .priority-input[value=medium]:checked+.priority-chip{background:var(--accent-stat);border-color:var(--accent-stat)}:root[data-theme=dark] .priority-input[value=high]:checked+.priority-chip{background:var(--red);border-color:var(--red)}.page-stack{flex-direction:column;gap:22px;display:flex}.page-grid{gap:20px;display:grid}.page-grid-main{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-copy h2,.section-copy h3{color:var(--tp);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.section-copy p{color:var(--ts);margin:6px 0 0;font-size:13px;line-height:1.6}.muted-panel{background:linear-gradient(180deg, var(--card), var(--br-soft));border:1px solid var(--br-soft);border-radius:16px;padding:16px}.surface-accent{background:linear-gradient(135deg, var(--accent-bg), var(--accent-bg));border:1px solid var(--br);border-radius:16px}:root[data-theme=dark] .card{background:#242018f0;border-color:#3a352ee6}:root[data-theme=dark] .stat{background:linear-gradient(#0f172af5,#111827f5);border-color:#334155e6}:root[data-theme=dark] .muted-panel{background:linear-gradient(180deg, var(--bg), var(--tp))}:root[data-theme=dark] .surface-accent{background:linear-gradient(135deg,#312e8159,#0f172aeb);border-color:#6366f159}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.bh{background:var(--red-bg);color:#dc2626}.bm{background:var(--accent-bg);color:var(--accent-stat)}.bl{background:var(--green-bg);color:var(--green)}.bi{background:var(--accent-bg);color:var(--accent-t)}:root[data-theme=dark] .bh{color:var(--red);background:#7f1d1d59}:root[data-theme=dark] .bm{color:var(--accent-stat);background:#78350f59}:root[data-theme=dark] .bl{color:var(--green);background:#37c87126}:root[data-theme=dark] .bi{color:#f73;background:#ff5c002e}.t-row{border-bottom:1px solid var(--br-soft);align-items:center;gap:12px;padding:12px 0;display:flex}.t-row:last-child{border-bottom:none}.tcheck{cursor:pointer;background:0 0;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.tcheck:hover{border-color:var(--accent)}.tcheck.done{background:var(--accent);border-color:var(--accent)}.tcheck svg{color:#fff;width:10px;height:10px;display:none}.tcheck.done svg{display:block}.t-title{color:var(--tp);flex:1;font-size:13.5px}.t-title.done-txt{color:var(--tm);text-decoration:line-through}.t-del{opacity:0;color:var(--tm);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.t-del:hover{color:#ef4444;background:var(--red-bg)}.t-del svg{width:14px;height:14px;display:block}.t-row:hover .t-del{opacity:1}.list-stack{flex-direction:column;gap:2px;display:flex}.inline-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-btn{color:var(--tm);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .15s}.icon-btn:hover{color:#ef4444;background:var(--red-bg)}.stack-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prog{background:var(--prog-track);border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.prog-f{background:var(--accent);border-radius:99px;height:100%}.prog.habita-prog .prog-f{background:linear-gradient(90deg, var(--accent-2), var(--accent))}.done-row .prog.habita-prog .prog-f,.goal-completed .prog.habita-prog .prog-f{background:var(--green)}:root[data-theme=dark] .prog{background:#2e2921}hr{border:none;border-top:1px solid var(--br);margin:16px 0}.empty{text-align:center;color:var(--tm);padding:36px 20px;font-size:13px}.toast{z-index:9999;border-radius:10px;max-width:320px;padding:14px 20px;font-size:13px;font-weight:500;animation:.3s toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000026}.toast-success{background:var(--green);color:#fff}.toast-error{color:#fff;background:#ef4444}.toast-info{background:var(--blue);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}:root[data-theme=dark] .toast{box-shadow:0 8px 24px #0006}.habita-goal-row{background:var(--row-bg);border:1px solid var(--row-border);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex}@media (width<=768px){.sb{z-index:50;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sb.open{transform:translate(0)}.tb-menu{display:flex}.content{padding:16px}.card-hd,.card-bd{padding-left:16px;padding-right:16px}.page-stack{gap:16px}.section-copy h2,.section-copy h3{font-size:16px}}@media (width<=1024px){.page-grid-main{grid-template-columns:1fr}.span-8,.span-6,.span-4,.span-3,.span-2{grid-column:span 12}}.habits-page{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding-bottom:100px;display:flex}.habits-header-card{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);box-shadow:0 8px 24px var(--hero-shadow);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.habits-header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.habits-progress-ring{flex-shrink:0;width:120px;height:120px;position:relative}.habits-ring-svg{width:100%;height:100%}.habits-ring-progress{transition:stroke-dashoffset .5s}.habits-ring-center{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.habits-ring-percent{color:#fff;font-size:28px;font-weight:800}.habits-header-text{flex:1}.habits-header-stat{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.habits-header-sub{color:#ffffffe6;margin:0;font-size:14px}.habits-list{flex-direction:column;gap:0;display:flex}.habita-habit-row{background:var(--row-bg);border:1px solid var(--row-border);border-radius:8px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex}.habita-habit-row:last-child{margin-bottom:0}.habita-habit-row.done-row{background:var(--green-bg);border-color:var(--green-bg)}.habita-habit-row.done-row .habit-name,.habita-habit-row.done-row .habit-list-name{color:var(--green);text-decoration:line-through}.habita-habit-row:hover{background:var(--accent-bg);border-color:var(--accent-bg)}.habita-habit-row .hcheck{border:2px solid var(--check-border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .15s;display:flex}.habita-habit-row .hcheck svg{color:#fff;width:12px;height:12px;display:none}.habita-habit-row .hcheck.done{background:var(--green);border-color:var(--green)}.habita-habit-row .hcheck.done svg{display:block}.habita-habit-row .habit-name,.habita-habit-row .habit-list-name{color:var(--tp);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.habita-habit-row .streak{color:var(--ts);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.habita-habit-row .habit-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.habits-goals-preview{flex-direction:column;gap:10px;display:flex}.habit-goal-item{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.habit-goal-title{color:var(--tp);font-size:13px;font-weight:600}.habit-goal-progress{color:var(--accent);font-size:12px;font-weight:700}.habits-add-section{z-index:10;width:calc(100% - 48px);max-width:552px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.habit-add-form{background:var(--card);border:1px solid var(--br-soft);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 8px 32px #0000001f}.habit-input{border:1px solid var(--br);height:44px;color:var(--tp);background:var(--bg);border-radius:10px;flex:1;padding:0 16px;font-family:inherit;font-size:14px;transition:all .15s}.habit-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff5c001f}.habit-add-btn{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s;display:flex;box-shadow:0 4px 12px #ff5c004d}.habit-add-btn:hover{background:linear-gradient(135deg, var(--accent-3), var(--accent));transform:scale(1.05)}@media (width<=768px){.habits-page{padding:16px 16px 100px}.habits-header-card{padding:20px}.habits-header-content{gap:16px}.habits-progress-ring{width:100px;height:100px}.habits-ring-percent{font-size:24px}.habits-header-stat{font-size:18px}.habits-add-section{z-index:100;width:auto;max-width:none;bottom:0;left:0;right:0;transform:none}.habit-add-form{border-radius:16px 16px 0 0;flex-wrap:wrap;gap:8px;padding:12px 16px}.habit-input{min-width:0;height:40px}.habit-add-btn{width:40px;height:40px}}.dashboard-page{max-width:1200px;margin:0 auto}.dashboard-layout{grid-template-columns:1fr 380px;gap:20px;display:grid}.dashboard-main,.dashboard-sidebar{flex-direction:column;gap:20px;display:flex}.habita-hero{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);color:#fff;box-shadow:0 8px 24px var(--hero-shadow);border:none;border-radius:12px}.habita-hero .card-hd{border-bottom-color:#fff3}.habita-hero .card-hd h3,.habita-hero .dash-focus-time,.habita-hero .dash-focus-sub,.habita-hero .dash-focus-title,.habita-hero .dash-focus-text,.habita-hero .dash-focus-kicker{color:#fff}.habita-hero .dash-focus-kicker{color:#ffffffe6}.habita-hero .dash-ring-svg circle{stroke:#ffffff4d}.habita-hero .dash-ring-progress{stroke:#fff}.habita-hero .btn-p{color:#fff;box-shadow:none;background:#fff3;border:1px solid #ffffff59}.habita-hero .btn-p:hover{background:#ffffff4d;transform:translateY(-1px)}.dash-focus{align-items:center;gap:24px;display:flex;padding:24px!important}.dash-ring-wrap{flex-shrink:0;width:160px;height:160px;position:relative}.dash-ring-svg{width:100%;height:100%}.dash-ring-progress{transition:stroke-dashoffset .5s}.dash-focus-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dash-focus-time{color:var(--tp);letter-spacing:-1px;font-family:Nunito,sans-serif;font-size:32px;font-weight:800}.dash-focus-sub{color:var(--tm);margin-top:4px;font-size:12px}.dash-focus-copy{flex:1}.dash-focus-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:700}.dash-focus-title{color:var(--tp);margin:0 0 8px;font-size:18px;font-weight:800}.dash-focus-text{color:var(--ts);margin:0 0 16px;font-size:13px;line-height:1.6}.dash-focus-actions{gap:12px;display:flex}.dash-side-card{overflow:hidden}.card-bd-pad-sm{padding:16px!important}.dash-task-shell,.dash-task-form{flex-direction:column;gap:12px;display:flex}.dash-form-actions{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.dash-form-actions .priority-picker{flex-wrap:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.dash-form-actions .btn{flex-shrink:0}.dash-add-btn{align-self:flex-start}.dash-task-row{background:var(--bg);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:4px 12px;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex}.dash-task-row:last-child{margin-bottom:0}.dash-task-row.priority-high{border-left:3px solid #dc2626}.dash-task-row.priority-medium{border-left:3px solid #d97706}.dash-task-row.priority-low{border-left:3px solid var(--green)}.dash-task-main{flex:1;min-width:0;padding-top:2px}.dash-task-meta{align-items:center;gap:8px;padding-top:2px;display:flex}.dash-task-actions{align-items:center;gap:4px;display:flex}.dash-task-row .t-del{opacity:1}.dash-task-date{width:100%;color:var(--tm);font-size:11px}.dash-task-date.overdue{color:#dc2626;font-weight:600}.t-edit{color:var(--ts);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.t-edit:hover{color:var(--accent);background:var(--accent-bg)}.t-edit svg,.t-del svg{width:14px;height:14px}.dash-task-empty{text-align:center;padding:32px 20px}.dash-task-empty-title{color:var(--tp);margin:0 0 8px;font-size:14px;font-weight:700}.dash-task-empty-text{color:var(--ts);margin:0;font-size:12px;line-height:1.6}.dash-goals-body{flex-direction:column;gap:0;display:flex}.dash-quote{background:linear-gradient(135deg, var(--accent-bg), #faf9f7);border:1px solid #ff5c0026;border-radius:16px;padding:20px}.dash-quote-kicker{color:var(--tp);text-transform:none;letter-spacing:normal;margin:0 0 8px;font-size:14px;font-weight:600}.dash-quote-text{color:var(--tp);margin:0 0 8px;font-size:13px;font-style:italic;line-height:1.6}.dash-quote-author{color:var(--ts);margin:0;font-size:11px}.dash-edit-modal,.task-edit-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.dash-edit-modal.open,.task-edit-modal.open{display:flex}.dash-edit-card,.task-edit-card{background:var(--card);border-radius:16px;width:90%;max-width:480px;padding:24px;box-shadow:0 24px 48px #0003}.dash-edit-title,.task-edit-title{color:var(--tp);margin:0 0 20px;font-size:18px;font-weight:700}.dash-field,.dash-field-lg,.task-field,.task-field-lg{margin-bottom:16px}.dash-edit-actions,.task-edit-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.dash-input-fill,.task-input-fill{width:100%}@media (width<=1024px){.dashboard-layout{grid-template-columns:1fr}}@media (width<=768px){.dashboard-layout{gap:16px}.dash-focus{text-align:center;flex-direction:column;padding:20px!important}.dash-ring-wrap{width:140px;height:140px}.dash-focus-time{font-size:28px}.dash-focus-title{font-size:16px}.dash-focus-actions{justify-content:center}.dashboard-stats-row{flex-wrap:wrap}}.tasks-page{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;display:flex}.tasks-header-card{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);box-shadow:0 8px 24px var(--hero-shadow);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.tasks-header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.tasks-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.tasks-icon svg{color:#fff;width:32px;height:32px}.tasks-header-text{flex:1}.tasks-header-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.tasks-header-subtitle{color:#ffffffe6;margin:0;font-size:14px}.tasks-stats-row{gap:16px;margin-top:16px;display:flex}.tasks-stat-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;display:flex}.tasks-stat-pill-value{color:#fff;font-size:16px;font-weight:700}.tasks-stat-pill-label{color:#ffffffe6;font-size:12px}.task-list-shell{flex-direction:column;gap:8px;display:flex}.task-row{background:var(--bg);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:16px;transition:all .15s;display:flex}.task-row:last-child{margin-bottom:0}.task-row.completed{opacity:.7}.task-row.priority-high{border-left:3px solid #dc2626}.task-row.priority-medium{border-left:3px solid #d97706}.task-row.priority-low{border-left:3px solid var(--green)}.task-main{flex:1;min-width:0}.task-due-date{color:var(--tm);margin-top:4px;font-size:11px}.task-due-date.overdue{color:#dc2626;font-weight:600}.task-due-date.muted{color:var(--tm)}.task-meta{align-items:center;gap:8px;display:flex}.task-actions{align-items:center;gap:4px;display:flex}.task-form-actions{justify-content:flex-end;display:flex}.task-empty{text-align:center;color:var(--tm);padding:36px 20px;font-size:13px}@media (width<=768px){.tasks-page{padding:16px}.task-row{padding:14px}.tasks-stats-row{flex-wrap:wrap}}.goals-page{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;display:flex}.goals-header-card{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);box-shadow:0 8px 24px var(--hero-shadow);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.goals-header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.goals-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.goals-icon svg{color:#fff;width:32px;height:32px}.goals-header-text{flex:1}.goals-header-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.goals-header-subtitle{color:#ffffffe6;margin:0;font-size:14px}.goals-stats-row{gap:16px;margin-top:16px;display:flex}.goals-stat-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;padding:8px 14px}.goals-stat-pill-value{color:#fff;font-size:16px;font-weight:800}.goals-stat-pill-label{color:#ffffffe6;font-size:12px}.goals-list{flex-direction:column;gap:0;display:flex}.habita-goal-row{background:var(--row-bg);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex}.habita-goal-row:last-child{margin-bottom:0}.habita-goal-row:hover{box-shadow:0 2px 12px #ff5c001a}.habita-goal-row .goal-title{color:var(--tp);margin:0;font-size:15px;font-weight:700}.habita-goal-row .goal-percent{color:var(--accent);font-size:15px;font-weight:800}.habita-goal-row .goal-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.habita-goal-row .goal-due{color:var(--tm);font-size:11px;font-weight:600}.goal-empty{text-align:center;color:var(--tm);padding:36px 20px;font-size:13px}@media (width<=768px){.goals-page{padding:16px}.goals-stats-row{flex-wrap:wrap}}.pomodoro-page{max-width:1200px;margin:0 auto}.pomodoro-header-card{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);box-shadow:0 8px 24px var(--hero-shadow);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.pomodoro-header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.pomodoro-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.pomodoro-icon svg{color:#fff;width:32px;height:32px}.pomodoro-header-text{flex:1}.pomodoro-header-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.pomodoro-header-subtitle{color:#ffffffe6;margin:0;font-size:14px}.pomodoro-layout{grid-template-columns:1fr 340px;gap:20px;display:grid}.pomodoro-main{flex-direction:column;gap:20px;display:flex}.pomodoro-sidebar{flex-direction:column;gap:16px;display:flex}.timer-card{flex-direction:column;align-items:center;display:flex;padding:48px 24px!important}.timer-display{width:200px;height:200px;margin-bottom:24px;position:relative}.timer-display svg{width:100%;height:100%}.timer-circle-bg{fill:none;stroke:#f3f4f6;stroke-width:10px}.timer-circle-progress{fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .5s}.timer-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-display-time{color:var(--tp);letter-spacing:-1px;font-family:monospace;font-size:42px;font-weight:700}.timer-status{color:var(--tm);margin-top:4px;font-size:12px}.duration-presets{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.action-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.focus-stat-card{background:linear-gradient(135deg, var(--accent-bg), #faf9f7);border:1px solid #ff5c0026;border-radius:16px;padding:20px}.focus-stat-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.focus-stat-value{color:var(--tp);letter-spacing:-1px;font-size:36px;font-weight:700;line-height:1}.focus-stat-unit{color:#9ca3af;font-size:16px;font-weight:500}.recent-sessions{max-height:220px;overflow-y:auto}.session-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:9px 0;display:flex}.session-item:last-child{border-bottom:none}.session-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.session-icon.focus{background:#f0fdf4}.session-icon.break{background:#eff6ff}.session-icon svg{width:14px;height:14px}.session-icon.focus svg{stroke:var(--green)}.session-icon.break svg{stroke:var(--blue)}.session-info{flex:1}.session-title{color:var(--tp);margin:0;font-size:13px;font-weight:500}.session-time{color:#9ca3af;margin:0;font-size:11px}.session-duration{color:#6b7280;font-size:12px;font-weight:600}.motivation-card{padding:20px}.motivation-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.motivation-quote{color:var(--ts);margin:0;font-size:13px;font-style:italic;line-height:1.6}.test-alerts-card{padding:20px}.test-alerts-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.test-buttons{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1024px){.pomodoro-layout{grid-template-columns:1fr}}@media (width<=768px){.pomodoro-page{padding:16px}.timer-card{padding:32px 16px!important}.timer-display{width:160px;height:160px}.timer-display-time{font-size:32px}}.notes-page{max-width:1200px;margin:0 auto}.notes-header-card{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);box-shadow:0 8px 24px var(--hero-shadow);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.notes-header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.notes-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.notes-icon svg{color:#fff;width:32px;height:32px}.notes-header-text{flex:1}.notes-header-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.notes-header-subtitle{color:#ffffffe6;margin:0;font-size:14px}.notes-layout{grid-template-columns:1fr 300px;gap:20px;display:grid}.notes-main{flex-direction:column;gap:20px;display:flex}.notes-sidebar{height:fit-content;position:sticky;top:20px}.note-form-card{overflow:hidden}.notes-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.note-count{color:var(--tm);font-size:13px;font-weight:500}.note-item{background:var(--bg);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;transition:all .15s;display:flex}.note-item:last-child{margin-bottom:0}.note-item.pinned{background:var(--accent-bg);border:1px solid var(--hero-shadow)}.note-pin-btn{cursor:pointer;color:var(--ts);background:0 0;border:none;padding:4px;transition:all .15s}.note-pin-btn.pinned,.note-pin-btn:hover{color:var(--accent)}.note-pin-btn svg{width:14px;height:14px}.note-content{flex:1;min-width:0}.note-title{color:var(--tp);margin:0 0 4px;font-size:14px;font-weight:600}.note-excerpt{color:var(--ts);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.note-category-badge{margin-top:6px}.note-delete-btn{color:var(--tm);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.note-delete-btn:hover{color:#ef4444;background:#fef2f2}.note-delete-btn svg{width:14px;height:14px}.notes-tips-panel{background:linear-gradient(180deg, var(--accent-bg), #faf9f7);border:1px solid #ff5c001a;border-radius:16px;padding:16px}.notes-tips-title{color:var(--tp);margin:0 0 12px;font-size:13px;font-weight:700}.notes-tips-list{color:var(--ts);margin:0;padding-left:16px;font-size:12px;line-height:2}.note-empty{text-align:center;color:var(--tm);padding:36px 20px;font-size:13px}@media (width<=1024px){.notes-layout{grid-template-columns:1fr}.notes-sidebar{position:static}}@media (width<=768px){.notes-page{padding:16px}.note-item{padding:14px}}.expenses-page{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;display:flex}.expenses-header-card{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);box-shadow:0 8px 24px var(--hero-shadow);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.expenses-header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.expenses-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.expenses-icon svg{color:#fff;width:32px;height:32px}.expenses-header-text{flex:1}.expenses-header-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.expenses-header-subtitle{color:#ffffffe6;margin:0;font-size:14px}.expenses-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.expense-stat{background:var(--card);border:1px solid var(--br);box-shadow:var(--shadow-soft);border-radius:12px;padding:18px 20px}.expense-stat-label{color:var(--tm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.expense-stat-value{letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1}.expense-stat-sub{color:var(--tm);margin-top:4px;font-size:12px}.expense-form-card{margin-bottom:20px;overflow:hidden}.expense-list-card{overflow:hidden}.expense-item{background:var(--bg);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:16px;transition:all .15s;display:flex}.expense-item:last-child{margin-bottom:0}.expense-item.paid{opacity:.7}.expense-checkbox{cursor:pointer;background:0 0;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.expense-checkbox:hover{border-color:var(--accent)}.expense-checkbox.done{background:var(--accent);border-color:var(--accent)}.expense-checkbox svg{color:#fff;width:10px;height:10px;display:none}.expense-checkbox.done svg{display:block}.expense-info{flex:1;min-width:0}.expense-title{color:var(--tp);margin:0;font-size:13.5px}.expense-title.done-txt{color:var(--tm);text-decoration:line-through}.expense-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.expense-amount{color:var(--tp);font-size:12px;font-weight:600}.expense-category{font-size:11px}.expense-date{color:var(--tm);font-size:11px}.expense-recurring{color:var(--accent);font-size:10px;font-weight:600}.expense-delete-btn{color:var(--tm);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.expense-delete-btn:hover{color:#ef4444;background:#fef2f2}.expense-delete-btn svg{width:14px;height:14px}.expense-empty{text-align:center;color:var(--tm);padding:36px 20px;font-size:13px}@media (width<=768px){.expenses-page{padding:16px}.expenses-stats{grid-template-columns:1fr}.expense-item{padding:14px}}.purchases-page{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;display:flex}.purchases-header-card{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 60%, var(--accent-3) 100%);box-shadow:0 8px 24px var(--hero-shadow);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden}.purchases-header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.purchases-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.purchases-icon svg{color:#fff;width:32px;height:32px}.purchases-header-text{flex:1}.purchases-header-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.purchases-header-subtitle{color:#ffffffe6;margin:0;font-size:14px}.purchases-form-card{margin-bottom:20px;overflow:hidden}.purchases-list-card{overflow:hidden}.purchases-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.purchase-count{color:var(--tm);font-size:13px;font-weight:500}.purchase-item{background:var(--bg);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:16px;transition:all .15s;display:flex}.purchase-item:last-child{margin-bottom:0}.purchase-item.purchased{opacity:.65}.purchase-checkbox{cursor:pointer;background:0 0;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.purchase-checkbox:hover{border-color:var(--accent)}.purchase-checkbox.done{background:var(--accent);border-color:var(--accent)}.purchase-checkbox svg{color:#fff;width:10px;height:10px;display:none}.purchase-checkbox.done svg{display:block}.purchase-info{flex:1;min-width:0}.purchase-title{color:var(--tp);margin:0;font-size:13.5px}.purchase-title.done-txt{color:var(--tm);text-decoration:line-through}.purchase-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.purchase-price{color:var(--ts);font-size:12px}.purchase-priority{font-size:11px}.purchase-link{color:var(--accent);font-size:11px;text-decoration:none}.purchase-link:hover{text-decoration:underline}.purchase-delete-btn{color:var(--tm);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.purchase-delete-btn:hover{color:#ef4444;background:#fef2f2}.purchase-delete-btn svg{width:14px;height:14px}.purchase-empty{text-align:center;color:var(--tm);padding:36px 20px;font-size:13px}@media (width<=768px){.purchases-page{padding:16px}.purchase-item{padding:14px}}