:root{--bg-base:#060d1f;--bg-surface:#0d1629;--bg-raised:#142035;--bg-overlay:#1a2840;--text-primary:#e2e8f0;--text-secondary:#7d91b0;--text-tertiary:#3d5470;--border:#1e3050;--accent:#3b82f6;--accent-hover:#2563eb;--accent-muted:rgba(59,130,246,.12);--success:#22c55e;--error:#ef4444;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--transition-fast:150ms ease;--transition-base:200ms ease;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.dashboard{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-4) 0}.sidebar-brand{padding:0 var(--space-6);font-size:.9375rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-6)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--text-secondary);border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background:var(--bg-raised);color:var(--text-primary)}.nav-item.active{background:var(--accent-muted);color:var(--accent)}.main{flex:1 1;overflow-y:auto;padding:var(--space-8)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.page-subtitle{color:var(--text-tertiary);font-size:.875rem;margin-top:var(--space-1)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.metric-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.metric-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.metric-change{font-size:.75rem;margin-top:var(--space-1)}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--error)}.section-title{font-size:.875rem;font-weight:600;margin-bottom:var(--space-4)}.activity-feed{margin-bottom:var(--space-8)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:.8125rem}.activity-item:last-child{border-bottom:none}.activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.activity-dot.signup{background:var(--success)}.activity-dot.message{background:var(--accent)}.activity-dot.action{background:#6366f1}.activity-text{flex:1 1;color:var(--text-secondary)}.activity-time{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono)}.table-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.table-search{flex:1 1;max-width:280px;padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;outline:none}.table-search:focus{border-color:var(--accent)}.table-search::placeholder{color:var(--text-tertiary)}.invite-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;transition:background var(--transition-fast);margin-left:auto}.invite-btn:hover{background:var(--accent-hover)}.table-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:var(--space-3) var(--space-4);font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}td,th:hover{color:var(--text-secondary)}td{padding:var(--space-3) var(--space-4);font-size:.8125rem;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.user-cell{gap:var(--space-3)}.user-avatar,.user-cell{display:flex;align-items:center}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-raised);justify-content:center;font-size:.6875rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}.user-name{color:var(--text-primary);font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.status-badge.active{background:rgba(52,211,153,.12);color:var(--success)}.status-badge.inactive{background:var(--bg-raised);color:var(--text-tertiary)}.status-badge.invited{background:var(--accent-muted);color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:.75rem;color:var(--text-tertiary)}.pagination-btns{display:flex;gap:var(--space-2)}.page-btn{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;transition:all var(--transition-fast)}.page-btn:hover{background:var(--bg-raised)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.settings-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-4)}.form-group{gap:var(--space-4)}.form-field,.form-group{display:flex;flex-direction:column}.form-field{gap:var(--space-1)}.form-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.form-input{padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;outline:none}.form-input:focus{border-color:var(--accent)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.save-btn{padding:var(--space-2) var(--space-5);background:var(--accent);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;transition:background var(--transition-fast)}.save-btn:hover{background:var(--accent-hover)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.danger-zone{border-color:hsla(0,91%,71%,.3)}.danger-btn,.danger-zone .settings-title{color:var(--error)}.danger-btn{padding:var(--space-2) var(--space-5);background:transparent;border:1px solid var(--error);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;transition:all var(--transition-fast)}.danger-btn:hover{background:hsla(0,91%,71%,.12)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:400px}.modal h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-4)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.cancel-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.8125rem;transition:all var(--transition-fast)}.cancel-btn:hover{background:var(--bg-raised)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);padding:var(--space-2) var(--space-4);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.8125rem;color:var(--success);z-index:200;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.sidebar{display:none}.main{padding:var(--space-4)}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.invite-btn{margin-left:0}}