@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand-primary:#6366f1;--brand-secondary:#8b5cf6;--brand-accent:#06b6d4;--bg-base:#0a0a14;--bg-surface:#112;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--glass-bg:#ffffff0f;--glass-border:#ffffff1a;--glass-blur:16px;--text-primary:#f0f0ff;--text-secondary:#9494b8;--text-muted:#5c5c7a;--color-overdue:#ef4444;--color-pending:#f59e0b;--color-upcoming:#6366f1;--color-done:#22c55e;--color-abandoned:#4b5563;--color-urgent:#ef4444;--color-high:#f97316;--color-normal:#6366f1;--color-low:#6b7280;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 24px #6366f140}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:99px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);transition:background var(--transition-fast), box-shadow var(--transition-fast)}.glass-card:hover{background:var(--bg-card-hover)}.btn{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-secondary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--glass-border);background:0 0}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}.btn-danger{color:var(--color-overdue);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-success{color:var(--color-done);background:#22c55e26;border:1px solid #22c55e4d}.btn-success:hover{background:#22c55e40}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;padding:8px}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--text-muted)}.pill{letter-spacing:.02em;text-transform:uppercase;border-radius:99px;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.pill-pending{color:var(--color-pending);background:#f59e0b26}.pill-done{color:var(--color-done);background:#22c55e26}.pill-overdue{color:var(--color-overdue);background:#ef444426}.pill-upcoming{color:var(--color-upcoming);background:#6366f126}.pill-high{color:var(--color-high);background:#f9731626}.pill-urgent{color:var(--color-urgent);background:#ef444426}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.topnav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);background:#0a0a14d9;height:60px;display:flex;position:sticky;top:0}.topnav-brand{background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.topnav-links{gap:var(--space-sm);flex:1;display:flex}.topnav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);padding:6px 14px;font-size:.875rem;font-weight:500;text-decoration:none}.topnav-link:hover{color:var(--text-primary);background:var(--glass-bg)}.topnav-link.active{color:var(--text-primary);background:var(--brand-primary)}.page{width:100%;max-width:800px;padding:var(--space-lg) var(--space-md);flex:1;margin:0 auto}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.filter-tabs{gap:var(--space-xs);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:4px;display:flex}.filter-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:7px 16px;font-family:inherit;font-size:.8rem;font-weight:500}.filter-tab.active{background:var(--brand-primary);color:#fff}.task-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-sm);cursor:pointer;display:flex;position:relative;overflow:hidden}.task-card:before{content:"";background:var(--card-accent,var(--brand-primary));border-radius:0 3px 3px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.task-card.overdue{--card-accent:var(--color-overdue)}.task-card.pending{--card-accent:var(--color-pending)}.task-card.done{--card-accent:var(--color-done);opacity:.6}.task-card-main{flex:1;min-width:0}.task-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.9rem;font-weight:500;line-height:1.4;overflow:hidden}.task-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.task-meta-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:.75rem;display:flex}.task-meta-item.overdue{color:var(--color-overdue);font-weight:600}.task-workload{color:var(--text-secondary);white-space:nowrap;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:600}.task-checkbox{border:2px solid var(--glass-border);appearance:none;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;margin-top:2px}.task-checkbox:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.workload-bar-wrap{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.workload-bar-fill{border-radius:99px;height:100%;transition:width .4s}.workload-bar-fill.overdue{background:var(--color-overdue)}.workload-bar-fill.pending{background:var(--color-pending)}.workload-bar-fill.ok{background:var(--color-done)}.member-card{padding:var(--space-md);margin-bottom:var(--space-sm);cursor:pointer}.member-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.member-name{font-size:.95rem;font-weight:600}.member-stats{color:var(--text-muted);font-size:.75rem}.action-sheet-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.action-sheet{z-index:201;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-lg);max-height:85dvh;animation:.28s cubic-bezier(.34,1.56,.64,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.action-sheet-handle{background:var(--glass-border);width:36px;height:4px;margin:0 auto var(--space-md);border-radius:99px}.action-sheet-title{margin-bottom:var(--space-xs);font-size:1rem;font-weight:600}.action-sheet-subtitle{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.8rem}.action-sheet-actions{gap:var(--space-sm);flex-direction:column;display:flex}.bulk-bar{bottom:var(--space-lg);z-index:150;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:12px var(--space-lg);align-items:center;gap:var(--space-md);animation:.25s slideUp;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #00000080}.bulk-bar-count{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.auth-page{min-height:100dvh;padding:var(--space-lg);background:radial-gradient(ellipse at 30% 20%, #6366f126 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, #8b5cf61a 0%, transparent 60%), var(--bg-base);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:420px;padding:var(--space-xl)}.auth-logo{text-align:center;background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.82rem}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-error{color:var(--color-overdue);text-align:center;border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444433;padding:8px 12px;font-size:.8rem}.auth-link{color:var(--brand-accent);transition:color var(--transition-fast);font-size:.82rem;text-decoration:none}.auth-link:hover{color:var(--brand-primary)}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.login-page{min-height:100dvh;padding:var(--space-lg);background:var(--bg-base);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:380px;padding:var(--space-xl)}.login-error{color:var(--color-overdue);text-align:center;font-size:.8rem}.spinner{border:2px solid var(--glass-border);border-top-color:var(--brand-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.loading-center{padding:var(--space-xl);justify-content:center;display:flex}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-md);font-size:2.5rem}.empty-state-text{font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=640px){.topnav{padding:0 var(--space-md)}.topnav-brand span{display:none}.page{padding:var(--space-md) var(--space-sm)}}