@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main: #070a12;--bg-elevated: #0d1322;--bg-surface: #131c31;--bg-surface-hover: #18233d;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--text-main: #f3f4f6;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #f97316;--accent-hover: #ea580c;--accent-soft: rgba(249, 115, 22, .14);--accent-glow: rgba(249, 115, 22, .25);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .12);--green: #10b981;--green-soft: rgba(16, 185, 129, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg-main: #f4f6f9;--bg-elevated: #ffffff;--bg-surface: #edf2f7;--bg-surface-hover: #e2e8f0;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .16);--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-soft: rgba(249, 115, 22, .12);--blue-soft: rgba(59, 130, 246, .1);--green-soft: rgba(16, 185, 129, .1);--amber-soft: rgba(245, 158, 11, .1);--danger-soft: rgba(239, 68, 68, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);background-image:radial-gradient(circle at 10% 20%,rgba(249,115,22,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(59,130,246,.03) 0%,transparent 40%);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.admin-app{display:flex;min-height:100vh}.sidebar{width:270px;background-color:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0;position:sticky;top:0;height:100vh}.brand-header{display:flex;align-items:center;gap:12px;padding:0 10px 22px;border-bottom:1px solid var(--border);margin-bottom:22px}.brand-logo{width:38px;height:38px;background:linear-gradient(135deg,#f97316,#ea580c 60%,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 4px 16px #f9731659}.brand-title{font-weight:800;font-size:16px;letter-spacing:-.3px;color:var(--text-main)}.brand-badge{font-size:10px;font-weight:800;background:var(--accent-soft);color:var(--accent);padding:2px 7px;border-radius:6px;letter-spacing:.5px;border:1px solid rgba(249,115,22,.2)}.nav-list{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:13.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:transparent;width:100%;text-align:left}.nav-item:hover{background-color:var(--bg-surface);color:var(--text-main);transform:translate(3px)}.nav-item.active{background:linear-gradient(135deg,#f9731629,#ea580c14);color:#ff8a3d;border-color:#f9731659;box-shadow:0 4px 16px #f973161f}.nav-item .badge-count{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:#ffffff0f;color:var(--text-muted)}.nav-item.active .badge-count{background:var(--accent);color:#fff}.sidebar-footer-card{margin-top:auto;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;gap:12px}.sidebar-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f97316,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #f973164d}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.page-body{padding:32px;max-width:1360px;width:100%;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .25s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 10px 25px #0003}.stat-icon-wrap{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:600;margin-bottom:4px}.stat-value{font-size:30px;font-weight:800;letter-spacing:-.8px;line-height:1.1}.stat-subtext{font-size:12px;color:var(--text-muted);margin-top:4px}.table-container{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #00000026}.table-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:14px 24px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface)}.admin-table td{padding:16px 24px;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text-main);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr{transition:background-color .15s ease}.admin-table tr:hover td{background-color:var(--bg-surface-hover)}.user-info-cell{display:flex;align-items:center;gap:12px}.user-avatar-sm{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid var(--border);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.user-avatar-sm.vip{background:linear-gradient(135deg,#f59e0b33,#d977060d);border-color:#f59e0b66;color:#fbbf24}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700;letter-spacing:.2px}.badge-premium{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-free{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border)}.badge-admin{background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.badge-user{background:#ffffff0a;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 14px #f973164d}.btn-primary:hover{background:linear-gradient(135deg,#fb923c 0%,var(--accent) 100%);box-shadow:0 6px 20px #f9731666;transform:translateY(-1px)}.btn-ghost{background:var(--bg-surface);color:var(--text-main);border-color:var(--border)}.btn-ghost:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.btn-vip{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:6px 12px;font-size:12px}.btn-vip:hover{background:#f59e0b33;border-color:#f59e0b80;box-shadow:0 2px 10px #f59e0b33}.icon-btn{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--bg-surface-hover);color:var(--text-main);border-color:var(--border-hover);transform:translateY(-1px)}.filter-tabs{display:flex;align-items:center;gap:6px;background:var(--bg-surface);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border)}.filter-tab-btn{padding:6px 12px;border-radius:8px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.filter-tab-btn:hover{color:var(--text-main)}.filter-tab-btn.active{background:var(--bg-elevated);color:var(--text-main);box-shadow:0 2px 6px #00000026}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.form-input{width:100%;padding:11px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);font-size:13.5px;transition:all .2s ease}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f973161f;background:var(--bg-surface-hover)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.package-item-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.package-item-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 10px 30px #00000040}.toast{position:fixed;bottom:28px;right:28px;background:var(--bg-elevated);border:1px solid rgba(249,115,22,.3);color:var(--text-main);padding:14px 22px;border-radius:var(--radius-lg);font-weight:600;font-size:14px;box-shadow:0 16px 36px #00000059;display:flex;align-items:center;gap:10px;z-index:99999}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);border-radius:4px 0 0 4px}