:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}.page-shell{max-width:48rem;min-height:100vh;margin:0 auto;padding:2.5rem 1rem;display:flex}.todo-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;margin:auto 0;padding:2rem;box-shadow:0 25px 50px -12px #0000004d}.hero{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.eyebrow{color:#67e8f9;letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,8vw,3rem);line-height:1}.description{color:#cbd5e1;margin:0}.todo-form{gap:.75rem;display:flex}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form h2{margin:0;font-size:1.5rem}.auth-form label{color:#cbd5e1;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.auth-form input,.todo-form input{color:#fff;background:#0f172acc;border:1px solid #ffffff1a;border-radius:1rem;outline:none;flex:1;min-width:0;min-height:3rem;padding:0 1rem;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder,.todo-form input::placeholder{color:#64748b}.auth-form input:focus,.todo-form input:focus{border-color:#67e8f9;box-shadow:0 0 0 4px #67e8f91a}.auth-submit,.todo-form button{color:#020617;background:#22d3ee;border:0;border-radius:1rem;min-height:3rem;padding:0 1.5rem;font-weight:800;transition:background .2s,transform .2s}.auth-submit:hover,.todo-form button:hover{background:#67e8f9}.auth-submit:active,.todo-form button:active{transform:scale(.95)}.auth-switch{color:#cbd5e1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;display:flex}.auth-switch button{color:#67e8f9;background:0 0;border:0;padding:0;font-weight:800}.auth-switch button:hover{text-decoration:underline}.auth-error{margin-top:0}.user-bar{color:#cbd5e1;background:#0f172a8c;border:1px solid #ffffff1a;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.user-bar strong{color:#fff}.user-actions{flex-wrap:wrap;gap:.5rem;display:flex}.user-bar button{color:#020617;background:#fff;border:0;border-radius:999px;padding:.5rem .875rem;font-weight:800}.user-bar button:hover{background:#e2e8f0}.user-bar button.secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.user-bar button.secondary:hover,.user-bar button.secondary.active{color:#020617;background:#67e8f9}.account-panel{flex-direction:column;gap:1.25rem;display:flex}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-heading h2{margin:.25rem 0 0;font-size:1.75rem}.eyebrow.small{letter-spacing:.22em;font-size:.75rem}.ghost-button{color:#67e8f9;background:0 0;border:1px solid #67e8f959;border-radius:999px;padding:.5rem .875rem;font-weight:800}.ghost-button:hover{background:#67e8f91a}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.account-stats div{background:#0f172a8c;border:1px solid #ffffff1a;border-radius:1rem;padding:1rem}.account-stats dt{color:#94a3b8;margin-bottom:.5rem;font-size:.875rem;font-weight:700}.account-stats dd{overflow-wrap:anywhere;color:#fff;margin:0;font-size:1.25rem;font-weight:800}.account-action{align-self:flex-start}.success-message{color:#bbf7d0;background:#14532d40;border:1px solid #4ade8040;border-radius:1rem;margin:0;padding:.75rem 1rem}.role-badge{color:#020617;text-transform:uppercase;background:#facc15;border-radius:999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:900;display:inline-flex}.admin-panel{flex-direction:column;gap:1.5rem;display:flex}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.summary-grid div{background:#0f172a8c;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.summary-grid span{color:#94a3b8;font-size:.8rem;font-weight:800}.summary-grid strong{color:#fff;font-size:1.75rem;line-height:1}.admin-section{flex-direction:column;gap:1rem;display:flex}.admin-section h3{margin:0;font-size:1.25rem}.admin-table-wrap{border:1px solid #ffffff1a;border-radius:1rem;overflow-x:auto}.admin-table{border-collapse:collapse;background:#0f172a73;width:100%;min-width:42rem}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:.75rem}.admin-table th{color:#67e8f9;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.admin-table td{color:#e2e8f0}.admin-actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-filters{grid-template-columns:1fr 1.5fr 1.5fr auto;gap:.75rem;display:grid}.admin-filters select,.admin-filters input{color:#fff;background:#0f172acc;border:1px solid #ffffff1a;border-radius:1rem;outline:none;min-width:0;min-height:3rem;padding:0 1rem}.admin-filters select:focus,.admin-filters input:focus{border-color:#67e8f9;box-shadow:0 0 0 4px #67e8f91a}.danger-button{color:#fecdd3;background:0 0;border:1px solid #fda4af4d;border-radius:999px;padding:.5rem .875rem;font-weight:800}.danger-button:hover{background:#fb71851f}.pagination{color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pagination div{gap:.5rem;display:flex}.error-message{color:#fecdd3;background:#7f1d1d40;border:1px solid #fda4af40;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 0 0;padding:.75rem 1rem;display:flex}.error-message button{color:#fff;background:#ffffff26;border:0;border-radius:999px;flex:none;padding:.375rem .75rem;font-weight:700}.toolbar{color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.875rem;display:flex}.filters{gap:.5rem;display:flex}.filters button{color:#fff;background:#ffffff1a;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:600;transition:background .2s;display:inline-flex}.filter-count{text-align:center;background:#ffffff26;border-radius:999px;min-width:1.25rem;padding:.125rem .375rem;font-size:.75rem;line-height:1}.filters button.active .filter-count{color:#fff;background:#020617}.filters button:hover{background:#fff3}.filters button.active{color:#020617;background:#fff}.todo-list{flex-direction:column;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.todo-item{background:#0f172ab3;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem;display:flex;box-shadow:0 10px 15px -3px #0000001a}.toggle{background:0 0;border:2px solid #64748b;border-radius:999px;flex:none;width:1.5rem;height:1.5rem;padding:0}.toggle.done{background:#67e8f9;border-color:#67e8f9}.todo-text{overflow-wrap:anywhere;flex:1;min-width:0}.todo-text.done{color:#64748b;text-decoration:line-through}.delete{color:#94a3b8;background:0 0;border:0;border-radius:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;transition:background .2s,color .2s}.delete:hover{color:#fecdd3;background:#ffffff1a}.empty-state{color:#94a3b8;text-align:center;border:1px dashed #ffffff26;border-radius:1rem;margin-top:2rem;padding:2rem}.clear-done{color:#fecdd3;background:0 0;border:1px solid #fda4af4d;border-radius:1rem;width:100%;margin-top:1.5rem;padding:.875rem 1rem;font-weight:700;transition:background .2s}.clear-done:hover{background:#fb71851a}@media (width<=640px){.page-shell{padding-inline:1rem}.todo-card{padding:1.5rem}.todo-form{flex-direction:column}.account-stats,.summary-grid,.admin-filters{grid-template-columns:1fr}.admin-table{min-width:36rem}}