:root{--bg-primary: #0b0f17;--bg-surface: #111827;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-subtle: #0f172a;--border-subtle: #1f2937;--border-card: #334155;--border-focus: #10b981;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-emerald: #10b981;--accent-emerald-dark: #059669;--accent-emerald-light: #34d399;--accent-indigo: #6366f1;--accent-blue: #3b82f6;--accent-amber: #f59e0b;--accent-rose: #ef4444;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-height: 64px;--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.env-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px #00000040;transition:border-color .2s ease,transform .2s ease}.env-card-hover:hover{border-color:var(--accent-emerald)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border-radius:8px;border:none;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-primary{background-color:var(--accent-emerald);color:#040914;font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--accent-emerald-dark)}.btn-secondary{background-color:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-card-hover);border-color:var(--text-secondary)}.btn-danger{background-color:var(--accent-rose);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.input-field{width:100%;padding:.625rem .875rem;font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-card);border-radius:8px;outline:none;transition:border-color .2s ease}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #10b98126}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.badge-active{background-color:#10b98126;color:var(--accent-emerald-light);border:1px solid rgba(16,185,129,.3)}.badge-suspended{background-color:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.badge-blocked{background-color:#ef444426;color:var(--accent-rose);border:1px solid rgba(239,68,68,.3)}.badge-draft{background-color:#94a3b826;color:var(--text-secondary);border:1px solid rgba(148,163,184,.3)}.table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-card);border-radius:10px;background-color:var(--bg-surface)}table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}th{padding:.875rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);background-color:var(--bg-card);border-bottom:1px solid var(--border-card)}td{padding:.875rem 1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}tr:last-child td{border-bottom:none}tr:hover td{background-color:#ffffff05}.app-container{display:flex;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;max-width:100vw;overflow-x:hidden}.main-content{flex:1;padding:1.5rem;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 768px){.main-content{padding:1rem}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}@media (max-width: 480px){.grid-cards{grid-template-columns:1fr}}.nav-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;background:transparent;border:none;width:100%;text-align:left}.nav-tab:hover{background-color:var(--bg-card);color:var(--text-primary)}.nav-tab.active{background-color:#10b98126;color:var(--accent-emerald-light);border-left:3px solid var(--accent-emerald)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}