:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0a0b14;--bg-surface:#111220;--bg-elevated:#181928;--bg-overlay:#1e2033;--bg-hover:#252740;--brand-from:#6c63ff;--brand-to:#a78bfa;--brand-mid:#818cf8;--brand-glow:#6c63ff59;--brand-subtle:#6c63ff1f;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-sky:#38bdf8;--text-primary:#f1f2f8;--text-secondary:#9ba3be;--text-muted:#5a6282;--text-on-brand:#fff;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-brand:#6c63ff80;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 20px 60px #0009;--shadow-brand:0 8px 32px #6c63ff59;--mesh-a:#6c63ff26;--mesh-b:#a78bfa1a}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f5f6fc;--bg-surface:#fff;--bg-elevated:#fff;--bg-overlay:#f0f1f9;--bg-hover:#edeef8;--brand-from:#5b52f0;--brand-to:#8b5cf6;--brand-mid:#6c63ff;--brand-glow:#5b52f040;--brand-subtle:#5b52f017;--accent-emerald:#059669;--accent-rose:#e11d48;--accent-amber:#d97706;--accent-sky:#0284c7;--text-primary:#0f1120;--text-secondary:#4b5272;--text-muted:#9299b8;--text-on-brand:#fff;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#0000002e;--border-brand:#5b52f073;--shadow-sm:0 1px 4px #00000014, 0 2px 8px #0000000d;--shadow-md:0 4px 16px #0000001a, 0 1px 4px #0000000f;--shadow-lg:0 16px 48px #00000024, 0 4px 16px #00000014;--shadow-brand:0 6px 24px #5b52f047;--mesh-a:#6c63ff12;--mesh-b:#a78bfa0d}:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s var(--ease-smooth);--transition-med:all .25s var(--ease-smooth);--transition-spring:all .3s var(--ease-spring)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);background-image:radial-gradient(ellipse 80% 50% at 20% -10%, var(--mesh-a) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 110%, var(--mesh-b) 0%, transparent 55%);min-height:100vh;transition:background-color .3s var(--ease-smooth), color .2s var(--ease-smooth);background-attachment:fixed;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3{letter-spacing:-.03em;font-family:Plus Jakarta Sans,Inter,sans-serif;line-height:1.1}.app-shell{min-height:100vh}.app-header{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);background:#0a0b14bf;justify-content:space-between;align-items:center;max-width:100%;height:68px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff0a}.app-brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));width:40px;height:40px;box-shadow:var(--shadow-brand);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;font-size:20px;font-weight:900;display:grid;position:relative;overflow:hidden}.brand-mark:after{content:"";background:linear-gradient(135deg,#fff3 0%,#0000 60%);position:absolute;inset:0}.brand-mark.small{letter-spacing:.02em;border-radius:9px;width:32px;height:32px;font-size:11px}.app-title{color:var(--text-primary);letter-spacing:-.04em;background:linear-gradient(135deg, #fff 30%, var(--brand-mid));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800}.header-actions{align-items:center;gap:12px;display:flex}.page-layout{align-items:flex-start;gap:28px;max-width:1200px;margin:0 auto;padding:36px 24px 80px;display:flex}.container{flex:1;min-width:0}@media (max-width:900px){.page-layout{flex-direction:column;gap:20px;padding:24px 16px 60px}.stats-panel{width:100%!important;position:static!important}}.todo-form-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-med);margin-bottom:20px;padding:24px;position:relative;overflow:hidden}.todo-form-card:before{content:"";background:linear-gradient(90deg,#0000,#6c63ff66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.composer-heading{margin-bottom:18px}.eyebrow{letter-spacing:.16em;color:var(--brand-mid);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800}.composer-heading h2{color:var(--text-primary);font-size:20px;font-weight:700}.todo-form{grid-template-columns:minmax(0,2.5fr) minmax(0,2fr) auto auto auto;gap:10px;display:grid}.todo-form input,.todo-form select,.todo-toolbar input,.todo-toolbar select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:11px 14px;font-family:inherit;font-size:14px}.todo-form input::placeholder,.todo-toolbar input::placeholder{color:var(--text-muted)}.todo-form input:focus,.todo-form select:focus,.todo-toolbar input:focus,.todo-toolbar select:focus,select:focus{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--brand-subtle)}.todo-form select,.todo-toolbar select{cursor:pointer;color:var(--text-secondary);appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:720px){.todo-form{grid-template-columns:1fr 1fr}.todo-form input:first-child,.todo-form button{grid-column:span 2}}.todo-toolbar{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:14px 16px;display:flex}.search-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:200px;color:var(--text-muted);transition:var(--transition-fast);flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.search-wrap:focus-within{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--brand-subtle);color:var(--brand-mid)}.search-wrap .search-input{color:var(--text-primary);width:100%;padding-left:4px;font-size:14px;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.search-wrap .search-input::placeholder{color:var(--text-muted)}.primary-button,.todo-form button[type=submit]{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-spring);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #6c63ff66}.primary-button:before,.todo-form button[type=submit]:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.primary-button:hover:not(:disabled),.todo-form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6c63ff8c}.primary-button:hover:before,.todo-form button[type=submit]:hover:before{opacity:1}.primary-button:active,.todo-form button[type=submit]:active{transform:translateY(0)}.primary-button:disabled,.todo-form button[type=submit]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.secondary-button,.edit-btn{background:var(--bg-hover);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.secondary-button:hover,.edit-btn:hover{background:var(--bg-overlay);border-color:var(--border-strong);color:var(--text-primary)}.primary-action{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:48px;transition:var(--transition-spring);border:none;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 6px 20px #6c63ff66}.primary-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #6c63ff8c}.primary-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.link-button{color:var(--brand-mid);cursor:pointer;background:0 0;border:none;padding:12px 0 0;font-family:inherit;font-size:13.5px;font-weight:500;transition:color .15s}.link-button:hover{color:var(--brand-to)}.todo-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.todo-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition-med);animation:itemSlideIn .25s var(--ease-spring) both;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.todo-item:before{content:"";background:linear-gradient(var(--brand-from), var(--brand-to));opacity:0;border-radius:0 2px 2px 0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.todo-item:hover{border-color:var(--border-default);background:var(--bg-overlay);box-shadow:var(--shadow-md);transform:translateY(-2px)}.todo-item:hover:before{opacity:1}.todo-item.completed{opacity:.55}.todo-item.completed:before{background:var(--accent-emerald);opacity:1}.todo-item input[type=checkbox]{border:2px solid var(--border-strong);background:var(--bg-surface);cursor:pointer;appearance:none;width:20px;height:20px;transition:var(--transition-fast);border-radius:6px;flex-shrink:0;position:relative}.todo-item input[type=checkbox]:checked{background:linear-gradient(135deg, var(--accent-emerald), #059669);border-color:var(--accent-emerald);box-shadow:0 0 0 3px #10b98133}.todo-item input[type=checkbox]:checked:after{content:"";background:#fff;border-radius:2px;position:absolute;inset:5px}.todo-item input[type=checkbox]:hover:not(:checked){border-color:var(--brand-mid);box-shadow:0 0 0 3px var(--brand-subtle)}.todo-content{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.todo-content .title{color:var(--text-primary);word-break:break-word;flex:1;min-width:0;font-size:14.5px;font-weight:500}.todo-item.completed .title{color:var(--text-muted);text-decoration:line-through}.todo-content small{color:var(--text-muted);width:100%;font-size:12px;line-height:1.4}.priority{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.priority-high{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e40}.priority-medium{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.priority-low{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.todo-item button{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);border:none;flex-shrink:0;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600}.edit-btn{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-default)!important}.edit-btn:hover{background:var(--brand-subtle);color:var(--brand-mid);border-color:var(--border-brand)!important}.delete-btn{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e33}.delete-btn:hover{color:#f43f5e;background:#f43f5e33;border-color:#f43f5e66}.todo-edit{flex:1;grid-template-columns:2fr 2fr auto auto auto auto;gap:7px;display:grid}.todo-edit input,.todo-edit select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);transition:var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.todo-edit input:focus,.todo-edit select:focus{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--brand-subtle)}.todo-edit button{padding:8px 12px;font-size:12px;font-weight:700}.todo-edit button:first-of-type{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;border:none}.todo-edit button:last-of-type{background:var(--bg-hover);border:1px solid var(--border-default);color:var(--text-secondary)}@media (max-width:720px){.todo-edit{grid-template-columns:1fr 1fr}}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-elevated);border:1px dashed var(--border-default);border-radius:var(--radius-xl);padding:64px 24px;font-size:14px}.empty-state:before{content:none}.loading-state{text-align:center;color:var(--text-muted);padding:48px 0;font-size:14px}.stats-panel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:240px;box-shadow:var(--shadow-md);flex-shrink:0;padding:22px;position:sticky;top:84px;overflow:hidden}.stats-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-mid), transparent);height:1px;position:absolute;top:0;left:0;right:0}.stats-panel-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:18px;display:flex}.stats-panel-title{color:var(--text-primary);letter-spacing:-.02em;font-size:15px;font-weight:700}.stats-panel-caption{color:var(--text-muted);font-size:11px;font-weight:500}.stats-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.stats-row:last-of-type{border-bottom:none}.stats-label{color:var(--text-muted);font-size:13px;font-weight:500}.stats-value{color:var(--text-primary);letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800}.stats-rate-bar{background:var(--bg-hover);border-radius:var(--radius-full);height:6px;margin-top:16px;overflow:hidden}.stats-rate-fill{background:linear-gradient(90deg, var(--brand-from), var(--brand-to));border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-smooth);box-shadow:0 0 8px var(--brand-glow)}.stats-rate-label{color:var(--text-muted);margin:8px 0 0;font-size:12px;font-weight:500}.stats-oldest{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:16px}.stats-oldest-title{color:var(--text-secondary);word-break:break-word;margin:4px 0 0;font-size:13px;line-height:1.4}.pagination-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:16px 2px 6px;display:flex}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-info strong{color:var(--text-primary);font-weight:650}.pagination-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.page-size-selector{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.page-size-selector select{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.page-size-selector select:focus{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--brand-subtle)}.page-buttons{align-items:center;gap:8px;display:flex}.page-buttons button{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600}.page-buttons button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.page-buttons button:disabled{opacity:.35;cursor:not-allowed}.page-indicator{color:var(--text-secondary);padding:0 4px;font-size:13px;font-weight:600}.error-banner{color:#fb7185;border-radius:var(--radius-md);background:#f43f5e1a;border:1px solid #f43f5e40;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.auth-shell{background:radial-gradient(ellipse 70% 60% at 15% 20%, #6c63ff2e 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 85% 80%, #a78bfa1f 0%, transparent 55%), var(--bg-base);grid-template-columns:minmax(280px,.9fr) minmax(360px,440px);justify-content:center;align-items:center;gap:clamp(40px,8vw,100px);min-height:100vh;padding:48px 24px;display:grid}.auth-intro{max-width:380px}.auth-intro h1{color:var(--text-primary);letter-spacing:-.045em;margin:16px 0 14px;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1}.auth-intro h1 span{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-intro>p:last-child{color:var(--text-secondary);font-size:16px;line-height:1.65}.auth-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:40px;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#6c63ff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.auth-card h2{color:var(--text-primary);letter-spacing:-.03em;margin:8px 0 6px;font-size:24px;font-weight:800}.auth-subtitle,.page-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:14px}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--text-secondary);gap:8px;font-size:13px;font-weight:600;display:grid}.auth-form input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:13px 16px;font-family:inherit;font-size:15px}.auth-form input::placeholder{color:var(--text-muted)}.auth-form input:focus{border-color:var(--border-brand);box-shadow:0 0 0 4px var(--brand-subtle);background:var(--bg-overlay)}.remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:10px;font-weight:500!important;display:flex!important}.remember-me input[type=checkbox]{appearance:none;border:2px solid var(--border-strong);background:var(--bg-surface);cursor:pointer;width:18px;height:18px;box-shadow:none;border-radius:5px;flex-shrink:0;padding:0;position:relative}.remember-me input[type=checkbox]:checked{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));border-color:var(--brand-mid)}.remember-me input[type=checkbox]:checked:after{content:"";background:#fff;border-radius:2px;position:absolute;inset:4px}.remember-me input[type=checkbox]:focus{box-shadow:0 0 0 4px var(--brand-subtle);background:var(--bg-surface)}.password-field{gap:8px;display:flex}.password-field label{flex:1;position:relative}.password-field input{flex:1;min-width:0}.password-field label input{padding-right:48px}.password-toggle{cursor:pointer;width:34px;height:34px;transition:var(--transition-fast);place-items:center;display:grid;position:absolute;bottom:7px;right:10px;color:var(--text-muted)!important;background:0 0!important;border:0!important;border-radius:7px!important;padding:0!important}.password-toggle:hover{background:var(--brand-subtle)!important;color:var(--brand-mid)!important}.password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.oauth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:22px 0 14px;font-size:12px;font-weight:500;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.oauth-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.oauth-button{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);text-align:center;transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:flex}.oauth-button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:760px){.auth-shell{grid-template-columns:1fr;gap:32px;padding:32px 20px}.auth-intro{text-align:center;max-width:100%}.auth-intro h1{font-size:36px}.auth-card{padding:28px 24px}}.profile-menu-container{display:inline-block;position:relative}.profile-button{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-med);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:5px 14px 5px 5px;display:flex}.profile-button:hover,.profile-button.active{background:var(--bg-overlay);border-color:var(--border-strong);box-shadow:0 0 0 3px var(--brand-subtle), var(--shadow-sm)}.profile-avatar-circle{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid;box-shadow:0 2px 8px #6c63ff66}.profile-button-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13.5px;font-weight:600;overflow:hidden}.profile-chevron{color:var(--text-muted);transition:transform .25s var(--ease-spring)}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown-menu{background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-default);min-width:260px;box-shadow:var(--shadow-lg), 0 0 0 1px #6c63ff1a;z-index:200;animation:dropdownFade .2s var(--ease-spring);padding:8px;position:absolute;top:calc(100% + 10px);right:0}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-dropdown-header{align-items:center;gap:12px;padding:12px 10px 14px;display:flex}.profile-avatar-large{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid;box-shadow:0 4px 12px #6c63ff66}.profile-dropdown-user-info{flex-direction:column;min-width:0;display:flex}.profile-dropdown-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.profile-dropdown-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.profile-dropdown-divider{background:var(--border-subtle);height:1px;margin:4px 0 6px}.profile-dropdown-item{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.profile-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-dropdown-item.danger{color:#fb7185}.profile-dropdown-item.danger:hover{color:#f43f5e;background:#f43f5e1a}.profile-dropdown-item-icon{text-align:center;width:20px;font-size:15px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;animation:backdropIn .2s var(--ease-smooth);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-elevated);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-default);animation:modalIn .25s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--bg-overlay) 0%, var(--bg-elevated) 100%);justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.modal-title{color:var(--text-primary);letter-spacing:-.03em;font-size:19px;font-weight:800}.modal-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px;font-weight:400;display:block}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;place-items:center;padding:4px 8px;font-size:20px;line-height:1;display:grid}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.settings-tabs{background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle);gap:4px;padding:12px 24px 0;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px 12px;font-family:inherit;font-size:13px;font-weight:600}.settings-tab:hover{color:var(--text-secondary)}.settings-tab.active{color:var(--brand-mid);border-bottom-color:var(--brand-mid);background:#6c63ff0f}.modal-body{padding:24px}.settings-form{flex-direction:column;gap:18px;display:flex}.settings-field{flex-direction:column;gap:7px;display:flex}.settings-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.settings-field input{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.settings-field input::placeholder{color:var(--text-muted)}.settings-field input:focus{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--brand-subtle);background:var(--bg-overlay)}.field-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.settings-alert{border-radius:var(--radius-md);padding:12px 16px;font-size:13px;font-weight:500}.settings-alert.success{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.settings-alert.error{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e40}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;display:flex}:focus-visible{outline:2px solid var(--brand-mid);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.logout-button{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);padding:9px 14px;font-family:inherit}.logout-button:hover{background:var(--bg-hover);color:var(--text-primary)}.keyboard-hint{color:var(--text-muted);font-size:12px}.page-heading{margin-bottom:28px}::selection{color:#fff;background:#6c63ff4d}.todo-meta{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.todo-desc{color:var(--text-muted);width:100%;font-size:12.5px;line-height:1.45}.due-date-badge{color:var(--text-muted);border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-subtle);padding:2px 8px;font-size:11px;font-weight:600}.due-date-badge.overdue{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e40}.due-date-badge.due-today{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b40}.auth-intro .eyebrow{background:var(--brand-subtle);border:1px solid var(--border-brand);border-radius:var(--radius-full);color:var(--brand-mid);letter-spacing:.16em;text-transform:uppercase;padding:4px 14px;font-size:10px;font-weight:800;display:inline-block}.auth-card .eyebrow{color:var(--brand-mid)}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary)}