@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&family=Nunito:wght@300;400;500;600;700;800;900&family=Raleway:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Sora:wght@300;400;500;600;700;800&family=Figtree:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}img{display:block}:root{--brand: #F97316;--brand-l: #FFF7ED;--brand-d: #EA6C0A;--brand-grad: linear-gradient(135deg, #F97316 0%, #FB923C 100%);--bg: #F7F8FA;--bg2: #F0F1F5;--surface: #FFFFFF;--surface2: #F9FAFB;--border: #E5E7EB;--border2: #D1D5DB;--text1: #111827;--text2: #4B5563;--text3: #9CA3AF;--sidebar-bg: #0F172A;--sidebar-bg2: #1E293B;--sidebar-border: rgba(255,255,255,.06);--sidebar-text: rgba(255,255,255,.5);--sidebar-active-bg: rgba(249,115,22,.15);--green: #16A34A;--green-l: #DCFCE7;--amber: #D97706;--amber-l: #FEF3C7;--blue: #2563EB;--blue-l: #DBEAFE;--purple: #7C3AED;--purple-l: #EDE9FE;--red: #DC2626;--red-l: #FEE2E2;--grad-card: linear-gradient(145deg, #FFFFFF 0%, #F9FAFB 100%);--grad-header: linear-gradient(135deg, #F97316 0%, #FB923C 100%);--grad-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--grad-green: linear-gradient(135deg, #16A34A 0%, #22C55E 100%);--grad-blue: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);--grad-purple: linear-gradient(135deg, #7C3AED 0%, #8B5CF6 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 8px 16px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-lg: 0 16px 32px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.06);--shadow-brand: 0 4px 14px rgba(249,115,22,.3);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--sidebar-w: 240px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=dark]{--bg: #0B0F1A;--bg2: #111827;--surface: #1A2235;--surface2: #1E2A3F;--border: #2D3748;--border2: #374151;--text1: #F9FAFB;--text2: #D1D5DB;--text3: #6B7280;--grad-card: linear-gradient(145deg, #1A2235 0%, #1E2A3F 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 4px 6px rgba(0,0,0,.3);--shadow-md: 0 8px 16px rgba(0,0,0,.4);--green-l: rgba(22,163,74,.15);--amber-l: rgba(217,119,6,.15);--blue-l: rgba(37,99,235,.15);--purple-l: rgba(124,58,237,.15);--red-l: rgba(220,38,38,.15);--brand-l: rgba(249,115,22,.12)}body{font-family:var(--font);background:var(--bg);color:var(--text1);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .2s,color .2s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--text1);letter-spacing:-.3px}.card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow)}.card-dark{background:var(--grad-dark);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);color:#fff}.card-brand{background:var(--brand-grad);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-brand);color:#fff}.stat-card-brand{background:var(--brand-grad);border:none;color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px #f9731640}.stat-card-green{background:var(--grad-green);border:none;color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px #16a34a33}.stat-card-blue{background:var(--grad-blue);border:none;color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px #2563eb33}.stat-card-purple{background:var(--grad-purple);border:none;color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px #7c3aed33}.stat-card-dark{background:var(--grad-dark);border:none;color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0003}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);white-space:nowrap}.badge-free{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.badge-pro{background:var(--amber-l);color:var(--amber)}.badge-business{background:var(--blue-l);color:var(--blue)}.badge-agency{background:var(--purple-l);color:var(--purple)}.badge-active{background:var(--green-l);color:var(--green)}.badge-inactive{background:var(--bg2);color:var(--text3)}.badge-pending{background:var(--amber-l);color:var(--amber)}.badge-approved{background:var(--green-l);color:var(--green)}.badge-rejected{background:var(--red-l);color:var(--red)}.badge-superadmin{background:var(--brand-l);color:var(--brand)}.badge-admin{background:var(--blue-l);color:var(--blue)}.badge-support{background:var(--purple-l);color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;border:none;font-family:var(--font);transition:all .18s;white-space:nowrap;cursor:pointer}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{box-shadow:0 6px 20px #f9731666}.btn-secondary{background:var(--surface);color:var(--text1);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--surface2);border-color:var(--border2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid transparent}.btn-ghost:hover{background:var(--bg2);color:var(--text1)}.btn-danger{background:var(--red-l);color:var(--red);border:1px solid rgba(220,38,38,.2)}.btn-success{background:var(--green-l);color:var(--green);border:1px solid rgba(22,163,74,.2)}.btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--radius)}.btn-lg{padding:11px 22px;font-size:14px;border-radius:var(--radius-lg)}.btn-icon{padding:7px;border-radius:var(--radius-md)}.input,.select,.textarea{width:100%;padding:9px 13px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font);color:var(--text1);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #f973161f}.input::placeholder{color:var(--text3)}.label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px;letter-spacing:.02em}.form-group{margin-bottom:16px}.textarea{resize:vertical;min-height:80px;line-height:1.6}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg2) 0%,var(--border) 40%,var(--bg2) 80%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .25s cubic-bezier(.4,0,.2,1) both}.fade-in{animation:fadeIn .2s ease both}.scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1) both}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;animation:fadeIn .18s ease}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}.progress-bar{height:6px;border-radius:var(--radius-full);background:var(--bg2);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--brand-grad);transition:width .5s cubic-bezier(.4,0,.2,1)}.tab-nav{display:flex;gap:2px;background:var(--bg2);border-radius:var(--radius-md);padding:3px}.tab-btn{padding:6px 14px;border-radius:var(--radius);font-size:12px;font-weight:500;color:var(--text2);background:transparent;border:none;cursor:pointer;transition:all .15s;font-family:var(--font)}.tab-btn.active{background:var(--surface);color:var(--text1);font-weight:600;box-shadow:var(--shadow-xs)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table th{padding:9px 16px;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;background:var(--bg2);text-align:left;border-bottom:1px solid var(--border)}.data-table td{padding:11px 16px;font-size:12px;border-bottom:1px solid var(--border);color:var(--text1)}.data-table tr:hover td{background:var(--brand-l)}.data-table tr:last-child td{border-bottom:none}.page-pad{padding:28px}.stats-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.col-2{display:grid;grid-template-columns:1fr 320px;gap:14px}@media (max-width:900px){.col-2{grid-template-columns:1fr}}@media (max-width:768px){.page-pad{padding:16px}.stats-4,.stats-3{grid-template-columns:repeat(2,1fr);gap:10px}.hide-mobile{display:none!important}}@media (max-width:480px){.stats-4,.stats-3{grid-template-columns:1fr}}