*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-shell{background:radial-gradient(circle at top,#172554 0%,#0b1024 52%,#050914 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.top-nav{width:100%;margin-bottom:18px}.top-nav-inner{background:#0f172abf;border:1px solid #94a3b847;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:min(100%,980px);margin:0 auto;padding:12px 16px;display:flex}.top-nav-title{color:#dbeafe;margin:0;font-size:1.1rem}.top-nav-links{align-items:center;gap:10px;display:flex}.top-nav-link{color:#cbd5e1;border-radius:9px;padding:7px 10px;font-weight:600;text-decoration:none}.top-nav-link-active{color:#fff;background:#3b82f659}.top-nav-logout{color:#fecaca;cursor:pointer;background:#7f1d1d40;border:1px solid #f871718c;border-radius:9px;padding:7px 10px;font-weight:600}.auth-card{color:#e2e8f0;background:linear-gradient(145deg,#111827eb,#0f172ad9);border:1px solid #94a3b840;border-radius:18px;width:min(100%,460px);padding:28px;box-shadow:0 25px 70px #02061799}.auth-title{letter-spacing:.02em;margin:0;font-size:2rem}.auth-subtitle{color:#cbd5e1;margin:10px 0 20px}.auth-form{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:#dbeafe;font-size:.92rem}.field input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:11px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa33}.field input.field-error{border-color:#f87171}.error-text{color:#fca5a5;margin:0;font-size:.82rem}.submit-btn,.secondary-btn{cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-size:.95rem;font-weight:600}.submit-btn{color:#eff6ff;background:linear-gradient(90deg,#2563eb,#3b82f6);margin-top:4px}.submit-btn:disabled{opacity:.65;cursor:wait}.auth-footer{color:#cbd5e1;margin-top:18px;font-size:.9rem}.auth-link{color:#93c5fd;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.secondary-btn{color:#dbeafe;background:#1e293b;border:1px solid #334155}.tasks-page{width:min(100%,980px)}.tasks-card{color:#e2e8f0;background:#0f172acc;border:1px solid #94a3b847;border-radius:16px;padding:20px}.tasks-title{color:#dbeafe;margin:0 0 12px;font-size:1.5rem}.tasks-form{gap:10px;margin-bottom:14px;display:flex}.tasks-input{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:10px;flex:1;min-width:0;padding:10px 12px}.tasks-add-btn{color:#eff6ff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#3b82f6);border:0;border-radius:10px;padding:10px 14px;font-weight:600}.tasks-filters{gap:8px;margin-bottom:12px;display:flex}.tasks-filter-btn{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:8px 12px;font-weight:600}.tasks-filter-btn.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.tasks-filter-completed.active{background:#15803d;border-color:#15803d}.tasks-table{border-collapse:collapse;background:#0f172a99;border-radius:10px;width:100%;overflow:hidden}.tasks-table th,.tasks-table td{text-align:left;color:#e2e8f0;border-bottom:1px solid #94a3b833;padding:10px}.tasks-table th{color:#bfdbfe;background:#1e293bd9}.tasks-empty-row{text-align:center;color:#94a3b8;font-style:italic}.tasks-link{color:#93c5fd;font-weight:600;text-decoration:none}.tasks-link:hover{text-decoration:underline}.tasks-status-btn,.tasks-delete-btn{cursor:pointer;border:0;border-radius:8px;padding:6px 10px;font-weight:600}.tasks-status-progress{color:#422006;background:#facc15}.tasks-status-completed{color:#14532d;background:#4ade80}.tasks-delete-btn{color:#fca5a5;background:0 0;border:1px solid #f87171}.tasks-row-completed{background:#16653440}@media (width<=540px){.auth-shell{padding:14px}.auth-card{border-radius:14px;padding:22px}.auth-title{font-size:1.6rem}.tasks-form{flex-direction:column}.tasks-table{display:block;overflow-x:auto}}