@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-color:#0f172a;--surface:#1e293bb3;--surface-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a80 0,#0000 50%),radial-gradient(at 100% 0,#72274180 0,#0000 50%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}.app-container{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:24px;width:100%;max-width:600px;margin:2rem;padding:2.5rem;animation:.6s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1,h2{text-align:center;background:linear-gradient(90deg,#a855f7,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-weight:700}.form-group{margin-bottom:1.25rem}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}input[type=text],input[type=password]{border:1px solid var(--surface-border);width:100%;color:var(--text-main);background:#0f172a99;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}input[type=text]:focus,input[type=password]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f133}button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s}button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}button:active{transform:translateY(0)}.text-center{text-align:center}.mt-4{margin-top:1rem}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-weight:500;text-decoration:underline;display:inline}.link:hover{box-shadow:none;color:#818cf8;background:0 0;transform:none}.header-actions{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.logout-btn{border:1px solid var(--surface-border);background:0 0;width:auto;padding:.5rem 1rem;font-size:.875rem}.logout-btn:hover{box-shadow:none;background:#ffffff1a}.add-todo-form{gap:1rem;margin-bottom:2rem;display:flex}.add-todo-form input{flex:1}.add-todo-form button{width:auto;padding:0 1.5rem}.todo-list{list-style:none}.todo-item{border:1px solid var(--surface-border);background:#0f172a66;border-radius:12px;align-items:center;margin-bottom:.75rem;padding:1rem;transition:all .3s;animation:.4s ease-out forwards fadeIn;display:flex}.todo-item:hover{background:#1e293bcc;transform:translate(4px)}.todo-item.completed .todo-text{color:var(--text-muted);text-decoration:line-through}.todo-checkbox{appearance:none;border:2px solid var(--primary);cursor:pointer;border-radius:6px;width:24px;height:24px;margin-right:1rem;transition:all .2s;position:relative}.todo-checkbox:checked{background-color:var(--primary)}.todo-checkbox:checked:after{content:"✓";color:#fff;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.todo-text{flex:1;font-size:1.1rem;transition:color .3s}.delete-btn{width:auto;color:var(--danger);background:0 0;padding:.5rem}.delete-btn:hover{color:var(--danger-hover);box-shadow:none;background:#ef44441a}.error-message{color:var(--danger);text-align:center;background:#ef44441a;border-radius:8px;margin-bottom:1rem;padding:.5rem;font-size:.875rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (width<=600px){.app-container{border-radius:16px;width:calc(100% - 1rem);margin:.5rem;padding:1.25rem}.add-todo-form{gap:.5rem}.add-todo-form button{padding:0 .75rem}h1,h2{font-size:1.5rem}.todo-item{padding:.75rem}.filters{flex-wrap:wrap;font-size:.85rem}}