:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#111827;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#f9fafb;background:#374151;border:0;border-radius:8px;padding:10px 18px}button:hover:not(:disabled){background:#4b5563}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{color:#f9fafb;background:#1f2937;border:1px solid #4b5563;border-radius:8px;outline:none;width:100%;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:#9ca3af}textarea{resize:vertical}label{color:#d1d5db;flex-direction:column;gap:7px;font-size:14px;font-weight:500;display:flex}#root{min-height:100vh}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#1f2937;border:1px solid #374151;border-radius:16px;width:100%;max-width:420px;padding:32px}.auth-card h1,.auth-card h2{text-align:center}.auth-card h1{margin-top:0;margin-bottom:8px;font-size:42px}.auth-card h2{margin-top:0;margin-bottom:28px}.auth-card form{flex-direction:column;gap:18px;display:flex}.auth-card button{width:100%}.auth-card p{text-align:center;color:#9ca3af}.auth-card a{color:#c4b5fd}.form-error{color:#fca5a5;background:#451a1a;border-radius:8px;margin:12px 0;padding:10px 12px}.tasks-page{width:min(1100px,100% - 32px);margin:0 auto;padding:40px 0 60px}.tasks-page>header{margin-bottom:28px}.tasks-page>header h1{margin:0 0 8px;font-size:42px}.tasks-page>header p{color:#9ca3af;margin:0}.task-form-section,.task-filters{background:#1f2937;border:1px solid #374151;border-radius:16px;margin-bottom:28px;padding:24px}.task-form-section h2,.task-filters h2,.tasks-list h2{margin-top:0}.task-form-section form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.task-form-section form label:first-child,.task-form-section form label:nth-child(2){grid-column:1/-1}.task-form-section form label:nth-child(2) textarea{min-height:110px}.task-form-section form>div{grid-column:1/-1;gap:10px;display:flex}.task-filters form{grid-template-columns:2fr 1fr 1fr 1fr;align-items:end;gap:18px;display:grid}.task-filters form>div{grid-column:1/-1;gap:10px;display:flex}.tasks-list{padding:0}.tasks-list>div{gap:16px;display:grid}.tasks-list article{background:#1f2937;border:1px solid #374151;border-radius:14px;padding:20px}.tasks-list article h3{margin-top:0;margin-bottom:12px;font-size:20px}.tasks-list article p{color:#9ca3af}.tasks-list article button{margin-right:8px}@media (width<=800px){.task-form-section form,.task-filters form{grid-template-columns:1fr}.task-form-section form label:first-child,.task-form-section form label:nth-child(2),.task-filters form>div{grid-column:auto}}@media (width<=520px){.tasks-page{width:min(100% - 20px,1100px);padding-top:24px}.tasks-page>header h1{font-size:34px}.task-form-section,.task-filters{padding:18px}.task-form-section form>div,.task-filters form>div{flex-direction:column}}.dashboard-page{width:100%}.main-nav{background:#1f2937;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;padding:16px 20px;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:#cbd5e1;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.dashboard-content{padding:8px 0}@media (width<=640px){.main-nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap;gap:16px}}.section-heading{align-items:center;gap:12px;display:flex}.section-heading span{color:#e2e8f0;background:#334155;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.tag-checkboxes{flex-direction:column;gap:10px;display:flex}.tag-checkbox{align-items:center;gap:8px;width:fit-content;margin:0;display:flex}.tag-checkbox input{width:auto;min-width:auto;margin:0}.task-form-section form .tag-checkbox{flex-direction:row;align-items:center;gap:8px;width:fit-content;margin:0;display:flex}.task-form-section form .tag-checkbox input{flex:none;width:auto;min-width:0;margin:0;display:inline-block}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.dashboard-card{background:#1f2937;border:1px solid #334155;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;padding:22px;display:flex}.dashboard-card span{color:#94a3b8;font-size:15px}.dashboard-card strong{color:#f8fafc;margin-top:16px;font-size:36px;line-height:1}.dashboard-section{background:#1f2937;border:1px solid #334155;border-radius:12px;margin-top:32px;padding:24px}.dashboard-section h2{margin-top:0}.priority-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.priority-stats div{background:#273449;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.priority-stats span{color:#cbd5e1}.priority-stats strong{color:#f8fafc;font-size:24px}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-stats,.priority-stats{grid-template-columns:1fr}}.dashboard-page{min-height:100vh}.dashboard-page .main-nav{box-sizing:border-box;background:#1f2937;border:1px solid #334155;border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;display:flex}.dashboard-page .nav-links{align-items:center;gap:24px;display:flex}.dashboard-page .nav-links a{color:#cbd5e1;font-weight:500;text-decoration:none}.dashboard-page .nav-links a:hover{color:#f8fafc}.dashboard-page .main-nav button{width:auto;min-width:0;margin:0}.dashboard-content{box-sizing:border-box;width:min(1200px,100% - 64px);margin:0 auto;padding:48px 0}.dashboard-content header{margin-bottom:32px}.dashboard-content header h1{margin:0 0 10px}.dashboard-content header p{color:#94a3b8;margin:0}.dashboard-content>p{color:#cbd5e1}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.dashboard-card{min-width:0}.dashboard-section{margin-top:24px}@media (width<=900px){.dashboard-content{width:min(100% - 40px,700px);padding:32px 0}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-page .main-nav{align-items:flex-start;gap:16px;padding:12px 16px}.dashboard-page .nav-links{flex-wrap:wrap;gap:12px 18px}.dashboard-content{width:calc(100% - 24px);padding:24px 0}.dashboard-stats,.priority-stats{grid-template-columns:1fr}}.notifications-page{min-height:100vh}.notifications-page .main-nav{box-sizing:border-box;background:#1f2937;border:1px solid #334155;border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;display:flex}.notifications-page .nav-links{align-items:center;gap:24px;display:flex}.notifications-page .nav-links a{color:#cbd5e1;font-weight:500;text-decoration:none}.notifications-page .nav-links a:hover{color:#f8fafc}.notifications-page .main-nav button{width:auto;min-width:0;margin:0}.notification-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;font-size:12px;font-weight:700;display:inline-flex}.notifications-content{box-sizing:border-box;width:min(1200px,100% - 64px);margin:0 auto;padding:48px 0}.notifications-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.notifications-header h1{margin:0 0 10px}.notifications-header p{color:#94a3b8;margin:0}.unread-count{color:#cbd5e1;white-space:nowrap;background:#273449;border:1px solid #334155;border-radius:8px;padding:10px 16px}.notification-filters{gap:10px;margin-bottom:24px;display:flex}.notification-filters button{width:auto;min-width:80px;margin:0}.notification-filters button.active{background:#475569}.notifications-list{flex-direction:column;gap:16px;display:flex}.notification-card{background:#1f2937;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.notification-card.unread{border-left:4px solid #64748b}.notification-main{min-width:0}.notification-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.notification-type{color:#f8fafc;font-weight:700}.notification-status{color:#cbd5e1;background:#334155;border-radius:10px;padding:3px 8px;font-size:12px}.notification-card p{color:#cbd5e1;margin:0 0 10px}.notification-card time{color:#64748b;font-size:13px}.notification-card button{flex-shrink:0;width:auto;min-width:120px;margin:0}@media (width<=700px){.notifications-page .main-nav{align-items:flex-start;gap:16px;padding:12px 16px}.notifications-page .nav-links{flex-wrap:wrap;gap:12px 18px}.notifications-content{width:calc(100% - 24px);padding:32px 0}.notifications-header,.notification-card{flex-direction:column;align-items:flex-start}.notification-card button{width:auto}}.main-nav .active{font-weight:700}.notification-badge{border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:.75rem;line-height:1;display:inline-flex}