:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-card-hover: #263550;--border: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #00f2fe;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-amber: #f59e0b;--radius: 12px;--radius-sm: 8px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.app-layout{display:flex;height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem .75rem;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem;font-weight:700;font-size:1.1rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .15s ease}.nav-link:hover{background:#ffffff0d;color:var(--text-primary)}.nav-link.active{background:#00f2fe1a;color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding-top:1rem;display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;gap:.5rem}.user-avatar{width:32px;height:32px;border-radius:8px;background:#00f2fe33;color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.user-details{display:flex;flex-direction:column}.user-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.main-content{flex:1;overflow-y:auto;padding:2rem}.auth-page{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:1rem}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-icon{width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,#00f2fe33,#3b82f633);border:1px solid rgba(0,242,254,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.auth-icon svg{width:28px;height:28px}.auth-icon-setup{background:linear-gradient(135deg,#f59e0b33,#ea580c33);border-color:#f59e0b4d;color:var(--accent-amber)}.auth-header h1{font-size:1.35rem;font-weight:700;margin-bottom:.25rem}.auth-header p{color:var(--text-secondary);font-size:.88rem}.auth-footer{margin-top:1.5rem;text-align:center;padding-top:1rem;border-top:1px solid var(--border)}.auth-footer p{font-size:.82rem;color:var(--text-muted);margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0f172a;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:#33f5ff}.btn-full{width:100%}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:.4rem}.btn-ghost:hover{color:var(--text-primary)}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;padding:0}.btn-link:hover{text-decoration:underline}.btn-sm{padding:.35rem .6rem;font-size:.8rem}.btn-loading{display:flex;align-items:center;gap:.5rem}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1rem}.alert-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.info-box{background:#00f2fe0f;border:1px solid rgba(0,242,254,.15);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1.25rem;font-size:.82rem;color:var(--text-secondary)}.info-box strong{display:block;color:var(--accent);margin-bottom:.25rem}.info-box p{margin:0;line-height:1.4}.page{max-width:1200px}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-header p{color:var(--text-secondary);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-cyan{background:#00f2fe1f;color:var(--accent)}.stat-icon-blue{background:#3b82f61f;color:var(--accent-blue)}.stat-icon-green{background:#10b9811f;color:var(--accent-green)}.stat-content{min-width:0}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:.25rem}.stat-total{font-size:.9rem;color:var(--text-muted);font-weight:400}.stat-value-status{font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.stat-label{font-size:.82rem;color:var(--text-muted);margin-top:.25rem}.dashboard-section{margin-bottom:1.5rem}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.dashboard-section-title{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.dashboard-section-title h2{font-size:1.1rem;font-weight:600}.filter-tabs-sm{gap:.25rem}.empty-state-compact{padding:2rem;text-align:center;color:var(--text-muted)}.empty-state-compact p{font-size:.9rem;margin-bottom:.75rem}.pulse-dot-sm{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:pulse-sm 2s infinite}@keyframes pulse-sm{0%,to{opacity:1}50%{opacity:.4}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card h2{font-size:1.1rem;margin-bottom:.75rem}.card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.card ul{padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem}.card li{margin-bottom:.35rem}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.status-dot-green{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;padding:.75rem;overflow-x:auto}.sidebar-brand{display:none}.sidebar-nav{flex-direction:row;gap:.5rem}.sidebar-footer,.nav-link span{display:none}.main-content{padding:1rem}}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.org-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#00000026}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}.data-table .row-inactive td{opacity:.55}.org-name-cell{display:flex;flex-direction:column;gap:.15rem}.org-name{font-weight:600;color:var(--text-primary)}.org-description{font-size:.78rem;color:var(--text-muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slug-badge{font-family:var(--font-mono);font-size:.78rem;background:#00f2fe14;color:var(--accent);padding:.15rem .5rem;border-radius:4px}.limit-badge{display:inline-block;font-size:.75rem;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border);padding:.1rem .45rem;border-radius:4px;margin-right:.35rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:999px}.status-active{background:#10b9811f;color:var(--accent-green)}.status-inactive{background:#ef44441a;color:var(--accent-red)}.text-muted{color:var(--text-muted);font-size:.82rem}.action-btns{display:flex;gap:.25rem}.btn-danger-hover:hover{color:var(--accent-red)!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{width:100%;max-width:500px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-height:90vh;overflow-y:auto}.modal-sm{max-width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h2{font-size:1.15rem;font-weight:700}.modal-body-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.btn-danger:hover:not(:disabled){background:#dc2626}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.empty-state-icon{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.1rem;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:.88rem;margin-bottom:1.5rem}.loading-inline{display:flex;align-items:center;gap:.75rem;padding:2rem;color:var(--text-muted);font-size:.9rem}.toast-container{position:fixed;top:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:2000;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;pointer-events:auto;cursor:pointer;animation:toast-in .25s ease;box-shadow:0 4px 20px #0006}.toast-success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:var(--accent-green)}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:var(--accent-red)}.toast-icon{display:flex;align-items:center}@keyframes toast-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.skeleton-table{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow:hidden}.skeleton-table-header{display:flex;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:#00000026}.skeleton-table-row{display:flex;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);animation:skeleton-fade-in .3s ease both}.skeleton-table-row:last-child{border-bottom:none}.skeleton-cell{height:14px;border-radius:4px;background:linear-gradient(90deg,#ffffff0a,#00f2fe14,#ffffff0a);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.skeleton-cell-lg{flex:2.5}.skeleton-cell-md{flex:1.5}.skeleton-cell-sm{flex:1}.skeleton-cell-xs{flex:.7}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.topbar-loader{position:fixed;top:0;left:0;right:0;height:3px;z-index:3000;overflow:hidden;background:#00f2fe1a}.topbar-loader-bar{height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:topbar-slide 1.2s ease-in-out infinite;border-radius:2px}@keyframes topbar-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}fieldset:disabled{opacity:.55;pointer-events:none}.app-loader-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.25rem;background:var(--bg-primary)}.app-loader-icon{color:var(--accent);animation:app-loader-pulse 2s ease-in-out infinite}.app-loader-shield{opacity:.8;stroke-dasharray:200;stroke-dashoffset:200;animation:app-loader-draw 2s ease-in-out infinite}.app-loader-signal{opacity:0;animation:app-loader-signal-in 2s ease-in-out infinite;animation-delay:.6s}.app-loader-signal-outer{animation-delay:.9s}.app-loader-dot{opacity:0;animation:app-loader-dot-pulse 2s ease-in-out infinite;animation-delay:.4s}.app-loader-text{color:var(--text-muted);font-size:.88rem;letter-spacing:.02em}@keyframes app-loader-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes app-loader-draw{0%{stroke-dashoffset:200;opacity:.4}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-200;opacity:.4}}@keyframes app-loader-signal-in{0%,20%{opacity:0;transform:translateY(2px)}40%,70%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-2px)}}@keyframes app-loader-dot-pulse{0%,20%{opacity:0;transform:scale(.5)}40%,70%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(.5)}}.filter-tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem;width:fit-content}.filter-tab{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-tab:hover{color:var(--text-primary);background:#ffffff0a}.filter-tab-active{background:#00f2fe1a;color:var(--accent)}.filter-tab-count{font-size:.72rem;background:#ffffff0f;padding:.1rem .4rem;border-radius:99px;min-width:1.2rem;text-align:center}.filter-tab-active .filter-tab-count{background:#00f2fe26}.status-suspended{background:#f59e0b1f;color:var(--accent-amber)}.status-revoked{background:#ef44441a;color:var(--accent-red)}.org-selector-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem}.org-selector-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.org-selector-dropdown{flex:1;max-width:320px;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;font-family:var(--font-sans)}.org-selector-dropdown:focus{outline:none;border-color:var(--accent)}.org-selector-fixed{display:flex;align-items:center}.org-selector-fixed-value{padding:.5rem .75rem;background:#00f2fe0f;border:1px solid rgba(0,242,254,.2);border-radius:var(--radius-sm);color:var(--accent);font-size:.88rem;font-weight:500}.invite-user-info{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.invite-detail{display:flex;align-items:center;justify-content:space-between}.invite-detail-label{font-size:.78rem;color:var(--text-muted);font-weight:500}.invite-detail-value{font-size:.85rem;color:var(--text-primary);font-weight:500}.modal-lg{max-width:680px}.deploy-modal-body{padding:0 1.5rem 1.5rem}.deploy-progress{display:flex;flex-direction:column;gap:1rem}.deploy-steps{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;background:#0f172a80;border-radius:var(--radius-sm);border:1px solid var(--border)}.deploy-step{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted);padding:.3rem 0}.deploy-step.done{color:var(--accent-green)}.deploy-step.running{color:var(--accent-amber)}.deploy-step.error{color:var(--accent-red)}.deploy-step-icon{width:18px;text-align:center;flex-shrink:0}.deploy-log{max-height:200px;overflow-y:auto;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;padding:.75rem;background:#0000004d;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary)}.deploy-log-line{white-space:pre-wrap;word-break:break-word}.deploy-success-msg{display:flex;align-items:center;gap:.5rem;color:var(--accent-green);font-size:.88rem;font-weight:500;flex:1}.spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid var(--accent-amber);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}