@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--primary:var(--google-blue);--primary-hover:#1a73e8;--bg-dark:#f8f9fa;--card-bg:#fff;--border:#dadce0;--text-main:#202124;--text-muted:#5f6368;--success:var(--google-green);--warning:var(--google-yellow);--danger:var(--google-red);background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);min-width:320px;min-height:100vh;color:var(--text-main);place-items:center;margin:0;display:flex}#root{width:100%}h1{letter-spacing:-.025em;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.dashboard{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn{cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--google-blue);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 1px 3px 1px #3c404326,0 1px 2px #3c40434d}.btn-outline{border-color:var(--border);color:var(--google-blue);background:#fff}.btn-outline:hover{background:#4285f40a;border-color:#d2e3fc}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:1rem;padding:1.5rem;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px #3c404326}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.stat-value{margin-top:.5rem;font-size:1.875rem;font-weight:700}.table-container{border:1px solid var(--border);border-radius:1rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);background:#f8f9fa;padding:1rem 1.5rem;font-size:.75rem;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text-main);padding:1rem 1.5rem;font-size:.875rem}tr:hover td{background:#fdfdfd}.badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.badge-active{color:#137333;background:#e6f4ea}.badge-inactive{color:#5f6368;background:#f1f3f4}.badge-suspended{color:#c5221f;background:#fce8e6}.badge-vip{color:#b05e00;background:#fdf4d8;border:1px solid #f9ab00}.badge-premium{color:#1a73e8;background:#e8f0fe}.badge-basic{color:#5f6368;background:#f1f3f4}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input{color:var(--text-main);background:#f1f3f4;border:1px solid #0000;border-radius:.5rem;outline:none;width:100%;max-width:300px;padding:.625rem 1rem;transition:all .2s}.search-input:focus{border-color:var(--google-blue);background:#fff;box-shadow:0 1px 1px #4145494d,0 1px 3px 1px #41454926}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:1.5rem;width:95%;max-width:550px;max-height:90vh;margin:20px;padding:2rem;overflow-y:auto;box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);width:100%;color:var(--text-main);background:#fff;border-radius:.25rem;outline:none;padding:.75rem;transition:border-color .2s}.form-input:focus{border-color:var(--google-blue);border-width:2px;padding:calc(.75rem - 1px)}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}