:root{--background: #111827;--surface: #1f2937;--primary: #4f46e5;--text-primary: #f9fafb;--text-secondary: #9ca3af}body{margin:0;font-family:Inter,sans-serif;color:var(--text-primary);background-color:var(--background);background-image:radial-gradient(at 27% 37%,hsla(215,98%,61%,.1) 0px,transparent 50%),radial-gradient(at 97% 21%,hsla(125,98%,72%,.1) 0px,transparent 50%),radial-gradient(at 52% 99%,hsla(355,98%,71%,.1) 0px,transparent 50%),radial-gradient(at 10% 29%,hsla(256,96%,68%,.1) 0px,transparent 50%),radial-gradient(at 97% 96%,hsla(38,60%,74%,.1) 0px,transparent 50%),radial-gradient(at 33% 50%,hsla(222,67%,73%,.1) 0px,transparent 50%),radial-gradient(at 79% 53%,hsla(343,68%,79%,.1) 0px,transparent 50%);min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096}.home-container{max-width:960px;margin:0 auto;padding:2rem;text-align:center}.hero-section{padding:4rem 0}.hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#a78bfa,#f9fafb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.cta-primary,.cta-secondary{padding:.8rem 2rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.cta-primary{background-color:var(--primary);color:#fff}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4f46e580}.cta-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--surface)}.cta-secondary:hover{background-color:var(--surface)}.features-section{padding:4rem 0}.features-section h2{font-size:2.5rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{padding:2rem;border-radius:12px;background:#1f293780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.feature-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.auth-container{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:80vh}.auth-form{width:100%;max-width:400px;padding:2.5rem;border-radius:16px;background:#1f293780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e}.auth-form h2{text-align:center;margin-bottom:2rem;font-weight:700;font-size:1.8rem}.input-group{position:relative;margin-bottom:1.5rem}.input-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:var(--text-secondary)}.form-input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid transparent;border-radius:8px;background-color:#111827b3;color:var(--text-primary);box-sizing:border-box;transition:border-color .3s}.form-input:focus{outline:none;border-color:var(--primary)}.submit-button{width:100%;padding:1rem;border:none;border-radius:8px;background-color:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4f46e580}.dashboard-container{padding:2rem 1rem;max-width:800px;margin:0 auto}.task-form{background:#1f293780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;border-radius:12px;margin-bottom:2.5rem}.task-form h3{margin-top:0;margin-bottom:1.5rem}.task-form input,.task-form textarea{width:100%;padding:.85rem;margin-bottom:1rem;box-sizing:border-box;background-color:#111827b3;border:1px solid transparent;color:var(--text-primary);border-radius:8px;transition:border-color .3s}.task-form textarea{min-height:80px;resize:vertical}.task-form input:focus,.task-form textarea:focus{outline:none;border-color:var(--primary)}.task-form button{padding:.85rem 1.5rem;border:none;border-radius:8px;background-color:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.task-form button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4f46e580}.filter-controls{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.filter-controls input,.filter-controls select{padding:.75rem;background-color:#111827b3;border:1px solid transparent;color:#fff;border-radius:8px;flex-grow:1}.filter-controls select{flex-grow:0}.filter-controls input:focus,.filter-controls select:focus{outline:none;border-color:var(--primary)}.task-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;position:relative;transition:all .3s ease;background:#1f293780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.task-item:hover{transform:translateY(-5px);box-shadow:0 8px 32px #0000005e;border-color:#4f46e580}.task-content{flex-grow:1}.task-content h3{margin:0 0 .25rem;font-weight:500;color:var(--text-primary)}.task-content p{margin:0;color:var(--text-secondary);font-size:.9rem}.task-content small{display:block;margin-top:.75rem;color:var(--text-secondary);font-style:italic}.task-actions{display:flex;gap:.5rem;flex-shrink:0}.task-actions button{padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.edit-btn{background-color:#d97706;color:#fff}.edit-btn:hover{background-color:#b45309}.delete-btn{background-color:#dc2626;color:#fff}.delete-btn:hover{background-color:#b91c1c}.edit-form{width:100%}.edit-form input,.edit-form select{width:100%;padding:.75rem;margin-bottom:.75rem;box-sizing:border-box;background-color:#4b5563;border:1px solid #6b7280;color:#fff;border-radius:6px}.edit-form input:focus,.edit-form select:focus{outline:none;border-color:var(--primary)}.edit-form button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s;margin-right:.5rem}.edit-form button:first-of-type{background-color:var(--primary);color:#fff}.edit-form button:first-of-type:hover{background-color:#4338ca}.edit-form button:last-of-type{background-color:var(--surface);color:var(--text-secondary);border:1px solid #4b5563}.edit-form button:last-of-type:hover{background-color:#374151}.navbar{background-color:#1f2937;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #374151}.navbar-brand{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:1rem;align-items:center}.navbar-links a{color:#d1d5db;text-decoration:none;padding:.5rem;transition:color .2s}.navbar-links a:hover{color:#fff}.logout-button{background-color:transparent;border:1px solid #ef4444;color:#ef4444;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s,color .2s}.logout-button:hover{background-color:#ef4444;color:#fff}