@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#080810;--surface:#0f0f1a;--surface2:#141428;--surface3:#1a1a35;--border:#ffffff0f;--border-hover:#ffffff1f;--green:#00ff87;--green-dim:#00ff871a;--green-glow:0 0 20px #00ff874d;--purple:#7c3aed;--purple-dim:#7c3aed26;--orange:#ff6b35;--orange-dim:#ff6b3526;--text:#f0f0ff;--text-secondary:#88a;--muted:#4a4a6a;--danger:#ff4757;--danger-dim:#ff475726;--font:"Inter", system-ui, sans-serif;--sidebar-w:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);z-index:40;background:#0a0a18;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:22px 20px 20px;display:flex}.sidebar-logo-icon{width:40px;height:40px;color:var(--green);background:linear-gradient(135deg,#00ff8733,#7c3aed33);border:1px solid #00ff8740;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #00ff8726}.sidebar-logo-text{color:var(--text);letter-spacing:-.4px;font-size:15px;font-weight:800;line-height:1.1}.sidebar-logo-sub{color:var(--green);text-transform:uppercase;letter-spacing:1.2px;opacity:.8;margin-top:2px;font-size:9px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.sidebar-link{color:var(--text-secondary);border-left:2px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:10px 13px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:flex;position:relative}.sidebar-link:hover{color:var(--text);background:#ffffff0a;border-left-color:#ffffff1a}.sidebar-link.active{color:var(--green);border-left-color:var(--green);background:linear-gradient(135deg,#00ff871f,#7c3aed14);font-weight:600;box-shadow:inset 0 0 20px #00ff870a}.sidebar-link-icon{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:14px 12px 18px;display:flex}.sidebar-user{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--purple), var(--green));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sidebar-user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.sidebar-signout{color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;width:100%;padding:9px 13px;transition:background .15s,color .15s;display:flex}.sidebar-signout:hover{background:var(--danger-dim);color:var(--danger)}.page-header{margin-bottom:28px}.page-title{letter-spacing:-.6px;background:linear-gradient(135deg, var(--text) 40%, var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-secondary);margin-top:5px;font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 22px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--green), var(--purple));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-card-icon.green{background:var(--green-dim);color:var(--green)}.stat-card-icon.purple{background:var(--purple-dim);color:var(--purple)}.stat-card-icon.orange{background:var(--orange-dim);color:var(--orange)}.stat-card-icon.red{background:var(--danger-dim);color:var(--danger)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:600}.stat-value{color:var(--text);letter-spacing:-.8px;font-size:30px;font-weight:800;line-height:1}.stat-value.green{color:var(--green)}.stat-value.orange{color:var(--orange)}.stat-value.purple{color:var(--purple)}.stat-trend{align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.stat-trend.up{color:var(--green)}.stat-trend.down{color:var(--danger)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}table{border-collapse:collapse;width:100%}thead tr{background:var(--surface2);border-bottom:1px solid var(--border)}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;padding:12px 18px;font-size:10.5px;font-weight:700}td{color:var(--text);border-bottom:1px solid #ffffff08;padding:14px 18px;font-size:13.5px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff06}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.avatar-green{background:var(--green-dim);color:var(--green);border:1px solid #00ff8733}.avatar-purple{background:var(--purple-dim);color:var(--purple);border:1px solid #7c3aed33}.avatar-orange{background:var(--orange-dim);color:var(--orange);border:1px solid #ff6b3533}.cell-with-avatar{align-items:center;gap:11px;display:flex}.cell-name{color:var(--text);font-weight:600}.cell-sub{color:var(--text-secondary);margin-top:1px;font-size:11.5px}.badge{letter-spacing:.2px;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #00ff8733;box-shadow:0 0 8px #00ff871a}.badge-orange{background:var(--orange-dim);color:var(--orange);border:1px solid #ff6b3533}.badge-red{background:var(--danger-dim);color:var(--danger);border:1px solid #ff475733}.badge-gray{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0f}.badge-purple{background:var(--purple-dim);color:#a78bfa;border:1px solid #7c3aed40}.badge-amber{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2433}.btn{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;text-decoration:none;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--green), #00cc6a);color:#000;box-shadow:0 0 16px #00ff8740}.btn-primary:hover:not(:disabled){box-shadow:var(--green-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:#ffffff0d}.btn-ghost:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff17}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #ff475740}.btn-danger:hover:not(:disabled){background:#ff475740}.btn-sm{border-radius:8px;padding:5px 12px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.card-body{padding:22px}.card-title{color:var(--text);letter-spacing:-.2px;margin-bottom:14px;font-size:14px;font-weight:700}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:11.5px;font-weight:600;display:block}.form-input{background:var(--surface2);border:1.5px solid var(--border);width:100%;color:var(--text);font-size:14px;font-family:var(--font);border-radius:10px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00ff8714}.form-input::placeholder{color:var(--muted)}.alert-error{background:var(--danger-dim);color:var(--danger);border:1px solid #ff475740;border-radius:10px;margin-bottom:16px;padding:11px 15px;font-size:13px}.alert-success{background:var(--green-dim);color:var(--green);border:1px solid #00ff8740;border-radius:10px;margin-bottom:16px;padding:11px 15px;font-size:13px}.login-page{background:var(--bg);background-image:radial-gradient(at 20%,#00ff870a 0%,#0000 60%),radial-gradient(at 80% 20%,#7c3aed0f 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;width:100%;max-width:420px;padding:44px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}.login-card:before{content:"";background:linear-gradient(90deg, var(--green), var(--purple), var(--orange));height:2px;position:absolute;top:0;left:0;right:0}.login-logo{align-items:center;gap:13px;margin-bottom:32px;display:flex}.login-logo-icon{width:48px;height:48px;color:var(--green);background:linear-gradient(135deg,#00ff8733,#7c3aed33);border:1px solid #00ff8740;border-radius:14px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #00ff8726}.login-title{color:var(--text);letter-spacing:-.4px;font-size:21px;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-top:3px;font-size:12px}.price-input{background:var(--surface2);border:1.5px solid var(--green);width:76px;color:var(--text);font-size:12px;font-family:var(--font);border-radius:7px;outline:none;padding:5px 8px;box-shadow:0 0 8px #00ff8726}.styled-select{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);font-size:12px;font-family:var(--font);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;transition:border-color .15s}.styled-select:focus{border-color:var(--green)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--text);letter-spacing:-.2px;font-size:14px;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:48px 24px;font-size:13px}.loading-row td{text-align:center;color:var(--muted);padding:40px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}