body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-gradient:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);--bg-card:#ffffff05;--bg-card-hover:#ffffff0d;--bg-glass:#ffffff08;--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-glow:#6366f166;--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--secondary:#8b5cf6;--accent:#a78bfa;--success:#10b981;--success-glow:#10b98133;--warning:#f59e0b;--warning-glow:#f59e0b33;--danger:#ef4444;--danger-glow:#ef444433;--info:#6366f1;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#475569;--border:#ffffff0d;--border-light:#ffffff14;--border-glow:#6366f14d;--font-family:"JetBrains Mono","Fira Code","SF Mono",monospace;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-glow:0 4px 20px #6366f14d;--shadow-card:0 4px 30px #0000004d;--shadow-lg:0 8px 40px #0006;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);background:var(--bg-gradient);color:#e2e8f0;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-base);line-height:1.6;min-height:100vh}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.App{margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;padding:var(--space-5)}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-4);height:100vh;justify-content:center}.loading-icon{animation:pulse 2s ease-in-out infinite;font-size:56px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 30px #0000004d;box-shadow:var(--shadow-card);margin:60px auto;max-width:420px;padding:32px;padding:var(--space-8)}.auth-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;font-size:var(--font-size-xl);font-weight:700;margin-bottom:8px;margin-bottom:var(--space-2);text-align:center}.auth-subtitle{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm);letter-spacing:2px;margin-bottom:32px;margin-bottom:var(--space-8);text-align:center;text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.auth-input{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);font-size:14px;font-size:var(--font-size-base);padding:16px;padding:var(--space-4);transition:.15s ease;transition:var(--transition-fast);width:100%}.auth-input:focus{background:#ffffff14;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f166;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.auth-input::placeholder{color:#64748b;color:var(--text-tertiary)}.auth-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);color:#fff;font-size:14px;font-size:var(--font-size-base);font-weight:600;padding:16px;padding:var(--space-4);transition:.15s ease;transition:var(--transition-fast);width:100%}.auth-button:hover{box-shadow:0 6px 25px #6366f180;transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-error{background:#ef444433;background:var(--danger-glow);border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm);color:#fca5a5;padding:12px;padding:var(--space-3)}.auth-error,.auth-switch{font-size:12px;font-size:var(--font-size-sm);text-align:center}.auth-switch{color:#94a3b8;color:var(--text-secondary);margin-top:24px;margin-top:var(--space-6)}.switch-btn{color:#818cf8;color:var(--primary-light);font-weight:600;transition:.15s ease;transition:var(--transition-fast)}.switch-btn:hover{color:#a78bfa;color:var(--accent);text-decoration:underline}.social-divider{align-items:center;color:#64748b;color:var(--text-tertiary);display:flex;font-size:10px;font-size:var(--font-size-xs);gap:16px;gap:var(--space-4);letter-spacing:1px;margin:24px 0;margin:var(--space-6) 0;text-transform:uppercase}.social-divider:after,.social-divider:before{background:#ffffff0d;background:var(--border);content:"";flex:1 1;height:1px}.social-buttons{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.facebook-btn,.google-btn{border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);font-size:12px;font-size:var(--font-size-sm);font-weight:500;padding:12px;padding:var(--space-3);transition:.15s ease;transition:var(--transition-fast);width:100%}.google-btn{background:#ffffff0d;color:#e2e8f0;color:var(--text-primary)}.google-btn:hover{background:#ffffff1a;border-color:#ffffff14;border-color:var(--border-light)}.facebook-btn{background:#1877f233;border-color:#1877f24d;color:#60a5fa}.facebook-btn:hover{background:#1877f24d}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);margin-bottom:20px;margin-bottom:var(--space-5);padding:20px 24px;padding:var(--space-5) var(--space-6)}.header-top{justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.header-top,.user-info{align-items:center;display:flex}.user-info{gap:8px;gap:var(--space-2)}.user-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn,.notification-btn,.user-email{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm)}.logout-btn,.notification-btn{background:#ffffff0d;border-radius:8px;border-radius:var(--radius-sm);padding:8px 12px;padding:var(--space-2) var(--space-3);position:relative;transition:.15s ease;transition:var(--transition-fast)}.logout-btn:hover,.notification-btn:hover{background:#ffffff1a;color:#e2e8f0;color:var(--text-primary)}.badge{align-items:center;background:#ef4444;background:var(--danger);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #ef444433;box-shadow:0 2px 8px var(--danger-glow);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.mobile-menu-btn{background:#ffffff0d;border-radius:8px;border-radius:var(--radius-sm);color:#e2e8f0;color:var(--text-primary);display:none;font-size:18px;font-size:var(--font-size-lg);padding:8px 12px;padding:var(--space-2) var(--space-3)}.header h1{font-size:24px;font-size:var(--font-size-xl);font-weight:700;gap:12px;gap:var(--space-3);margin-bottom:4px;margin-bottom:var(--space-1)}.header h1,.header h1:before{align-items:center;display:flex}.header h1:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);content:"";height:40px;justify-content:center;width:40px}.subtitle{color:#64748b;color:var(--text-tertiary);font-size:10px;font-size:var(--font-size-xs);letter-spacing:2px;text-transform:uppercase}.nav-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:8px;gap:var(--space-2);margin-bottom:20px;margin-bottom:var(--space-5);overflow-x:auto;padding:12px;padding:var(--space-3)}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;padding:12px 20px;padding:var(--space-3) var(--space-5);text-transform:capitalize;transition:.15s ease;transition:var(--transition-fast);white-space:nowrap}.nav-tab:hover{background:#ffffff0d;color:#e2e8f0;color:var(--text-primary)}.nav-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);color:#fff}.nav-tab.group-tab{background:#6366f11a;border:1px solid #6366f133;color:#818cf8;color:var(--primary-light)}.nav-tab.group-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-color:#0000;color:#fff}.nav-tab.create-tab{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success)}.nav-tab.create-tab:hover{background:#10b98133}.stats-bar{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);gap:20px;gap:var(--space-5);margin-bottom:20px;margin-bottom:var(--space-5);overflow-x:auto;padding:16px 20px;padding:var(--space-4) var(--space-5)}.stat-item,.stats-bar{align-items:center;display:flex}.stat-item{font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-2);white-space:nowrap}.stat-item,.stats-toggle{color:#94a3b8;color:var(--text-secondary)}.stats-toggle{background:#ffffff0d;border-radius:8px;border-radius:var(--radius-sm);font-size:10px;font-size:var(--font-size-xs);font-weight:500;margin-left:auto;padding:8px 16px;padding:var(--space-2) var(--space-4);transition:.15s ease;transition:var(--transition-fast)}.stats-toggle:hover{background:#ffffff1a;color:#e2e8f0;color:var(--text-primary)}.stats-dashboard{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;margin-bottom:var(--space-5)}.stats-card{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:20px;padding:var(--space-5);position:relative}.stats-card h3{color:#64748b;color:var(--text-tertiary);font-size:10px;font-size:var(--font-size-xs);font-weight:500;letter-spacing:1px;margin-bottom:12px;margin-bottom:var(--space-3);text-transform:uppercase}.progress-container{background:#ffffff0d;height:8px;overflow:hidden}.progress-bar,.progress-container{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar{box-shadow:0 0 10px #6366f166;box-shadow:0 0 10px var(--primary-glow);height:100%;transition:width .5s ease}.progress-bar,.progress-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient)}.progress-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;font-size:32px;font-size:var(--font-size-2xl);font-weight:700;margin-top:8px;margin-top:var(--space-2)}.overdue-card{background:#f59e0b0d;border-color:#f59e0b4d}.overdue-card h3{color:#f59e0b;color:var(--warning)}.groups-view{padding:20px 0;padding:var(--space-5) 0}.groups-view h2{font-size:18px;font-size:var(--font-size-lg);font-weight:600;margin-bottom:20px;margin-bottom:var(--space-5)}.groups-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.group-card{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;padding:24px;padding:var(--space-6);transition:.2s ease;transition:var(--transition-base)}.group-card:hover{background:#ffffff0d;background:var(--bg-card-hover);border-color:#6366f14d;border-color:var(--border-glow);box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.group-card h3{align-items:center;display:flex;font-size:16px;font-size:var(--font-size-md);font-weight:600;gap:8px;gap:var(--space-2);margin-bottom:8px;margin-bottom:var(--space-2)}.group-card p{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm)}.create-group-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);color:#fff;font-size:14px;font-size:var(--font-size-base);font-weight:600;padding:16px 24px;padding:var(--space-4) var(--space-6);transition:.15s ease;transition:var(--transition-fast)}.create-group-btn:hover{box-shadow:0 6px 25px #6366f180;transform:translateY(-2px)}.group-header{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:20px;margin-bottom:var(--space-5);padding:24px;padding:var(--space-6)}.group-info h2{font-size:18px;font-size:var(--font-size-lg);font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.group-info p{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--space-4)}.group-actions{display:flex;gap:12px;gap:var(--space-3);margin-bottom:20px;margin-bottom:var(--space-5)}.add-member-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);color:#fff;font-size:12px;font-size:var(--font-size-sm);font-weight:500;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:.15s ease;transition:var(--transition-fast)}.add-member-btn:hover{box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.leave-group-btn{background:#ef444433;background:var(--danger-glow);border:1px solid #ef44444d;border-radius:12px;border-radius:var(--radius-md);color:#fca5a5;font-size:12px;font-size:var(--font-size-sm);font-weight:500;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:.15s ease;transition:var(--transition-fast)}.leave-group-btn:hover{background:#ef44444d}.members-list{align-items:center;border-top:1px solid #ffffff0d;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);padding-top:16px;padding-top:var(--space-4)}.members-label{color:#64748b;color:var(--text-tertiary);margin-right:8px;margin-right:var(--space-2)}.member-chip,.members-label{font-size:12px;font-size:var(--font-size-sm)}.member-chip{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;border-radius:var(--radius-full);color:#818cf8;color:var(--primary-light);display:inline-flex;padding:4px 12px;padding:var(--space-1) var(--space-3);transition:.15s ease;transition:var(--transition-fast)}.member-chip:hover{background:#6366f133}.activity-section{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:20px;margin-bottom:var(--space-5);padding:20px;padding:var(--space-5)}.activity-section h3{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4)}.activity-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.activity-item{align-items:center;background:#ffffff05;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);display:flex;font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3)}.activity-user{color:#e2e8f0;color:var(--text-primary);font-weight:600}.activity-task{color:#64748b;color:var(--text-tertiary);font-style:italic}.input-container{background:#ffffff08;background:var(--bg-glass);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4);padding:16px;padding:var(--space-4)}.input-container,.task-input{border:1px solid #ffffff0d;border:1px solid var(--border)}.task-input{background:#ffffff0d;border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);flex:1 1;font-size:14px;font-size:var(--font-size-base);min-width:200px;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:.15s ease;transition:var(--transition-fast)}.task-input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f166;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.task-input::placeholder{color:#64748b;color:var(--text-tertiary)}.date-input,.priority-select,.status-select{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);padding:12px;padding:var(--space-3);transition:.15s ease;transition:var(--transition-fast)}.date-input:focus,.priority-select:focus,.status-select:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.priority-select option,.status-select option{background:#1a1a2e;color:#e2e8f0;color:var(--text-primary)}.add-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);color:#fff;font-size:12px;font-size:var(--font-size-sm);font-weight:600;padding:12px 20px;padding:var(--space-3) var(--space-5);transition:.15s ease;transition:var(--transition-fast)}.add-button:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.assign-container{align-items:center;background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.assign-checkbox,.assign-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm)}.assign-checkbox{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;gap:var(--space-2);padding:4px 8px;padding:var(--space-1) var(--space-2);transition:.15s ease;transition:var(--transition-fast)}.assign-checkbox:hover{background:#ffffff0d;color:#e2e8f0;color:var(--text-primary)}.assign-checkbox input{accent-color:#6366f1;accent-color:var(--primary);cursor:pointer}.search-filter-container{background:#ffffff08;background:var(--bg-glass);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4);padding:12px;padding:var(--space-3)}.search-input{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e2e8f0;color:var(--text-primary);flex:1 1;font-size:12px;font-size:var(--font-size-sm);min-width:150px;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:.15s ease;transition:var(--transition-fast)}.search-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.filter-select{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e2e8f0;color:var(--text-primary);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-2) var(--space-3)}.filter-select option{background:#1a1a2e}.task-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.empty-state{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);padding:var(--space-16) var(--space-6);text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.empty-state p{color:#94a3b8;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-base)}.task-item{align-items:flex-start;background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0d;border-left:3px solid #ffffff0d;border:1px solid var(--border);border-left-width:3px;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--space-4);padding:16px 20px;padding:var(--space-4) var(--space-5);transition:.2s ease;transition:var(--transition-base)}.task-item:hover{background:#ffffff0d;background:var(--bg-card-hover);border-color:#ffffff14;border-color:var(--border-light)}.task-item.priority-high{border-left-color:#ef4444;border-left-color:var(--danger)}.task-item.priority-medium{border-left-color:#f59e0b;border-left-color:var(--warning)}.task-item.priority-low{border-left-color:#10b981;border-left-color:var(--success)}.task-item.completed{opacity:.5}.task-item.completed .task-text{color:#64748b;color:var(--text-tertiary);text-decoration:line-through}.task-content{align-items:flex-start;display:flex;flex:1 1;gap:12px;gap:var(--space-3);min-width:0}.task-checkbox{accent-color:#6366f1;accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.task-info{flex:1 1;min-width:0}.task-text{color:#e2e8f0;color:var(--text-primary);font-size:14px;font-size:var(--font-size-base);font-weight:500;line-height:1.4;word-break:break-word}.task-meta{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);margin-top:8px;margin-top:var(--space-2)}.task-due-date,.task-priority,.task-status{background:#ffffff0d;border-radius:8px;border-radius:var(--radius-sm);font-size:10px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-1) var(--space-2)}.task-status.status-pending{background:#f59e0b33;background:var(--warning-glow);color:#f59e0b;color:var(--warning)}.task-status.status-in-progress{background:#6366f133;color:#818cf8;color:var(--primary-light)}.task-status.status-completed{background:#10b98133;background:var(--success-glow);color:#10b981;color:var(--success)}.task-due-date.overdue{background:#ef444433;background:var(--danger-glow);color:#fca5a5}.task-actions{display:flex;flex-shrink:0;gap:4px;gap:var(--space-1)}.quick-status-select{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e2e8f0;color:var(--text-primary);cursor:pointer;font-size:10px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-1) var(--space-2)}.quick-status-select option{background:#1a1a2e}.cancel-btn,.comment-btn,.delete-btn,.edit-btn,.save-btn{border-radius:8px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);opacity:.5;padding:8px;padding:var(--space-2);transition:.15s ease;transition:var(--transition-fast)}.task-item:hover .comment-btn,.task-item:hover .delete-btn,.task-item:hover .edit-btn{opacity:1}.comment-btn:hover{background:#6366f133}.edit-btn:hover{background:#ffffff1a}.delete-btn:hover{background:#ef444433;background:var(--danger-glow)}.save-btn{background:#10b98133;background:var(--success-glow);opacity:1}.cancel-btn{background:#ffffff0d;opacity:1}.edit-form{width:100%}.edit-input{background:#ffffff0d;border:2px solid #6366f1;border:2px solid var(--primary);border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);font-size:14px;font-size:var(--font-size-base);margin-bottom:8px;margin-bottom:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3);width:100%}.edit-input:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.edit-options{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.edit-date,.edit-select{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e2e8f0;color:var(--text-primary);font-size:12px;font-size:var(--font-size-sm);padding:8px;padding:var(--space-2)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4);position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 40px #0006;box-shadow:var(--shadow-lg);max-height:85vh;max-width:440px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px;padding:var(--space-5) var(--space-6)}.modal-header h3{font-size:18px;font-size:var(--font-size-lg);font-weight:600}.close-btn{align-items:center;background:#ffffff0d;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-secondary);display:flex;font-size:16px;font-size:var(--font-size-md);height:32px;justify-content:center;transition:.15s ease;transition:var(--transition-fast);width:32px}.close-btn:hover{background:#ffffff1a;color:#e2e8f0;color:var(--text-primary)}.modal-input,.modal-textarea{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);font-size:14px;font-size:var(--font-size-base);margin:16px 24px;margin:var(--space-4) var(--space-6);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:.15s ease;transition:var(--transition-fast);width:calc(100% - 48px)}.modal-input:focus,.modal-textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f166;box-shadow:0 0 0 3px var(--primary-glow);outline:none}.modal-textarea{min-height:100px;resize:vertical}.modal-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6366f14d;box-shadow:var(--shadow-glow);color:#fff;font-size:14px;font-size:var(--font-size-base);font-weight:600;margin:16px 24px 24px;margin:var(--space-4) var(--space-6) var(--space-6);padding:16px;padding:var(--space-4);transition:.15s ease;transition:var(--transition-fast);width:calc(100% - 48px)}.modal-button:hover{box-shadow:0 6px 25px #6366f180;transform:translateY(-2px)}.comments-modal{max-width:500px}.comment-task-title{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm);padding:0 24px 16px;padding:0 var(--space-6) var(--space-4)}.comments-list{max-height:300px;overflow-y:auto;padding:16px 24px;padding:var(--space-4) var(--space-6)}.no-comments{color:#64748b;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-sm);padding:32px;padding:var(--space-8);text-align:center}.comment-item{background:#ffffff08;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);margin-bottom:12px;margin-bottom:var(--space-3);padding:12px;padding:var(--space-3)}.comment-header{display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--space-1)}.comment-author{color:#818cf8;color:var(--primary-light);font-size:12px;font-size:var(--font-size-sm);font-weight:600}.comment-date{color:#64748b;color:var(--text-tertiary);font-size:10px;font-size:var(--font-size-xs)}.comment-content{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-size:var(--font-size-sm)}.comment-input-container{border-top:1px solid #ffffff0d;border-top:1px solid var(--border);display:flex;gap:8px;gap:var(--space-2);padding:16px 24px;padding:var(--space-4) var(--space-6)}.comment-input{background:#ffffff0d;border:1px solid #ffffff0d;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);flex:1 1;font-size:12px;font-size:var(--font-size-sm);padding:12px;padding:var(--space-3)}.comment-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.comment-send-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:12px;border-radius:var(--radius-md);color:#fff;font-size:12px;font-size:var(--font-size-sm);font-weight:500;padding:12px 16px;padding:var(--space-3) var(--space-4)}.notifications-modal{max-width:400px}.mark-all-read{background:#ffffff0d;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);font-size:10px;font-size:var(--font-size-xs);font-weight:500;margin:16px 24px;margin:var(--space-4) var(--space-6);padding:8px 12px;padding:var(--space-2) var(--space-3)}.mark-all-read:hover{background:#ffffff1a}.notifications-list{max-height:400px;overflow-y:auto;padding:0 24px 24px;padding:0 var(--space-6) var(--space-6)}.no-notifications{color:#64748b;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-sm);padding:32px;padding:var(--space-8);text-align:center}.notification-item{border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;margin-bottom:8px;margin-bottom:var(--space-2);padding:12px;padding:var(--space-3);transition:.15s ease;transition:var(--transition-fast)}.notification-item.unread{background:#6366f11a;border-color:#6366f133}.notification-item.read{background:#ffffff05}.notification-item:hover{background:#ffffff0d}.notification-message{font-size:12px;font-size:var(--font-size-sm);margin-bottom:4px;margin-bottom:var(--space-1)}.notification-date{color:#64748b;color:var(--text-tertiary);font-size:10px;font-size:var(--font-size-xs)}@media (max-width:768px){.App{padding:12px;padding:var(--space-3)}.mobile-menu-btn{display:block}.nav-tabs{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);display:none;flex-direction:column;left:0;margin:0;position:absolute;right:0;top:100%;z-index:100}.nav-tabs.show{display:flex}.header{border-radius:16px;border-radius:var(--radius-lg);position:relative}.user-email{display:none}.stats-bar{flex-wrap:wrap;justify-content:center}.input-container{flex-direction:column}.add-button,.date-input,.priority-select,.status-select,.task-input{width:100%}.search-filter-container,.task-item{flex-direction:column}.task-item{gap:12px;gap:var(--space-3)}.task-actions{border-top:1px solid #ffffff0d;border-top:1px solid var(--border);justify-content:flex-end;padding-top:12px;padding-top:var(--space-3);width:100%}.task-actions button,.task-actions select{opacity:1}.modal{margin:8px;margin:var(--space-2);max-height:90vh}.auth-container{margin:24px auto;margin:var(--space-6) auto;padding:24px;padding:var(--space-6)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#6366f14d;color:#e2e8f0;color:var(--text-primary)}
/*# sourceMappingURL=main.78675031.css.map*/