:root{--bg-dark: #06080d;--bg-card: rgba(13, 17, 26, .85);--bg-card-hover: rgba(20, 27, 40, .95);--bg-sidebar: rgba(8, 11, 18, .95);--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(59, 130, 246, .4);--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-glow: rgba(59, 130, 246, .25);--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-vip: #ec4899;--color-vip-glow: rgba(236, 72, 153, .2);--color-standard: #38bdf8;--color-admin: #a855f7;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px -5px var(--color-primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--color-text-main);min-height:100vh;overflow-x:hidden;line-height:1.5;background-image:radial-gradient(circle at 15% 15%,rgba(59,130,246,.07) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(99,102,241,.06) 0%,transparent 45%);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.admin-app{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;height:100vh;z-index:20}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-content{padding:2rem;flex:1}.sidebar-brand{padding:1.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-subtle)}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 15px #3b82f680}.brand-title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);margin-left:auto}.sidebar-nav{padding:1.25rem .75rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:.92rem;transition:all .2s ease;border:1px solid transparent;cursor:pointer;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--color-text-main);background:#ffffff0a}.nav-item.active{color:#fff;background:#3b82f61f;border-color:#3b82f64d;box-shadow:inset 0 0 12px #3b82f61a}.nav-item.active svg{color:var(--color-primary-light)}.sidebar-footer{padding:1.25rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:.75rem}.user-info{flex:1;min-width:0}.user-name{font-size:.88rem;font-weight:600;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.72rem;color:var(--color-text-dim)}.btn-logout{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-logout:hover{color:var(--color-danger);background:var(--color-danger-bg)}.admin-header{padding:1.25rem 2rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#06080dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.header-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.header-subtitle{font-size:.82rem;color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:1rem;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff26}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-value{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:#fff}.stat-label{font-size:.82rem;color:var(--color-text-muted);font-weight:500}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.panel-title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 10px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 4px 15px #2563eb66}.btn-secondary{background:#ffffff0d;color:var(--color-text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444433}.btn-danger:hover{background:#ef444440;border-color:#ef444466}.btn-success{background:var(--color-success-bg);color:var(--color-success);border-color:#10b98133}.btn-success:hover{background:#10b98140}.btn-icon{padding:.45rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--color-text-muted)}.btn-icon:hover{color:#fff;background:#ffffff1a}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .9rem;background:#00000059;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--color-text-main);font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.search-box{position:relative;max-width:320px;width:100%}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-dim);pointer-events:none}.search-box input{padding-left:2.25rem}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.admin-table th{padding:.85rem 1rem;background:#ffffff05;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.admin-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--color-text-main)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.badge-admin{background:#a855f72e;color:#d8b4fe;border:1px solid rgba(168,85,247,.35)}.badge-user{background:#94a3b81f;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.badge-vip{background:var(--color-vip-glow);color:#f472b6;border:1px solid rgba(236,72,153,.35)}.badge-standard{background:#38bdf826;color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}.badge-active{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.25)}.badge-inactive{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.25)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem;animation:modalFadeIn .2s ease-out}.modal-card{background:#0d121c;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);max-width:520px;width:100%;box-shadow:0 20px 40px #0009;overflow:hidden;animation:modalSlideUp .2s ease-out}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.15rem;font-weight:700}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:#0003}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.picks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.pick-card{background:#121826b3;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.pick-card:hover{transform:translateY(-2px);border-color:#ffffff26}.pick-banner{height:140px;position:relative;background-size:cover;background-position:center;background-color:#1a202c}.pick-banner-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#121826 0%,transparent 80%)}.pick-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.pick-title{font-size:1.05rem;font-weight:700;color:#fff}.pick-note{font-size:.85rem;color:var(--color-text-muted);font-style:italic;background:#00000040;padding:.6rem .8rem;border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.pick-meta{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--color-text-dim);margin-top:auto}.pick-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.live-badge-pulse{display:inline-flex;align-items:center;gap:.4rem;background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.live-badge-paused{display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.live-badge-buffering{display:inline-flex;align-items:center;gap:.4rem;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.badge-quota-warning{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4);animation:pulse 1.5s infinite}.stream-progress-container{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.stream-progress-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.stream-progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:3px;transition:width .3s ease}.pulse-dot{width:7px;height:7px;border-radius:50%;background-color:currentColor;box-shadow:0 0 8px currentColor;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}