@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-black:#000;--bg-card:#080808;--bg-card-hover:#0d0d0d;--bg-surface:#111;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-hover:#ffffff40;--border-lime:#c6ff0059;--text-primary:#ededed;--text-secondary:#888;--text-muted:#555;--accent-cyan:#00e5ff;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-lime:#c6ff00;--accent-orange:#ff9100;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#a855f7;--sidebar-bg:#080808d9;--topbar-bg:#080808cc;--table-header-bg:#0c0c0c99;--input-bg:#000;--input-text:#fff;--stat-card-bg:linear-gradient(180deg, #111c 0%, #080808f2 100%);--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-secondary-bg:#ffffff0d;--btn-secondary-text:#ededed;--shadow-card:0 8px 24px #00000080;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg-black:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-surface:#fff;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-hover:#94a3b8;--border-lime:#65a30d59;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-cyan:#0284c7;--accent-blue:#2563eb;--accent-green:#059669;--accent-lime:#65a30d;--accent-orange:#ea580c;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-purple:#9333ea;--sidebar-bg:#fffffff2;--topbar-bg:#ffffffeb;--table-header-bg:#f8fafc;--input-bg:#fff;--input-text:#0f172a;--stat-card-bg:#fff;--btn-primary-bg:#0f172a;--btn-primary-text:#fff;--btn-secondary-bg:#fff;--btn-secondary-text:#0f172a;--shadow-card:0 4px 15px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-black);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 50% 0,#7877c60f,#0000 45%),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 100%,48px 48px,48px 48px;height:100vh;position:fixed;top:0;left:0;right:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}.app-container{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);flex-direction:column;width:260px;height:100vh;max-height:100vh;padding:24px 16px;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.brand-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:20px;padding:8px 12px 24px;display:flex}.brand-logo-icon{color:#000;background:linear-gradient(135deg,#fff 0%,#777 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;box-shadow:0 0 20px #fff3}.brand-title{letter-spacing:-.3px;color:var(--text-primary);font-size:15px;font-weight:700}.brand-subdomain{font-size:11px;font-family:var(--font-mono);color:var(--accent-cyan);background:#00e5ff14;border:1px solid #00e5ff33;border-radius:4px;margin-top:2px;padding:2px 6px;display:inline-block}.nav-group{flex-direction:column;flex:1;gap:6px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:12px 12px 4px;font-size:11px;font-weight:600}.nav-item{color:var(--text-secondary);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-subtle)}.nav-item.active{background:var(--border-subtle);color:var(--text-primary);border-color:var(--border-medium);font-weight:600}.nav-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff0f;border-radius:999px;margin-left:auto;padding:2px 7px}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;padding-top:16px;display:flex}.connection-status{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex}.status-dot{background:var(--accent-green);width:7px;height:7px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.top-bar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 32px;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0}.top-bar-left{align-items:center;gap:16px;display:flex}.page-title{letter-spacing:-.3px;color:var(--text-primary);font-size:16px;font-weight:700}.top-bar-right{align-items:center;gap:12px;display:flex}.content-body{flex:1;padding:32px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);box-shadow:0 2px 10px #00000026}.btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-danger{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e40}.btn-danger:hover{background:#f43f5e33;border-color:#f43f5e66}.btn-sm{padding:6px 12px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;transition:all .2s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-medium)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--stat-card-bg);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:all .2s}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-icon{border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:800;font-family:var(--font-sans)}.stat-desc{color:var(--text-muted);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.table-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.search-input-wrapper{flex:1;min-width:260px;max-width:400px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--input-bg);border:1px solid var(--border-medium);width:100%;color:var(--input-text);border-radius:8px;outline:none;padding:8px 12px 8px 36px;font-size:13px;transition:all .15s}.search-input:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px #64748b33}.filter-group{align-items:center;gap:8px;display:flex}.filter-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.filter-pill:hover{color:var(--text-primary);background:#ffffff14}.filter-pill.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);font-weight:600}table{border-collapse:collapse;text-align:left;width:100%}thead th{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--table-header-bg);padding:12px 20px;font-size:11px;font-weight:600}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-card-hover)}td{vertical-align:middle;padding:16px 20px;font-size:13px}.badge{font-size:11.5px;font-weight:600;font-family:var(--font-sans);border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.badge-baru{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f64d}.badge-second{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d}.badge-battery{color:#fcd34d;font-family:var(--font-mono);background:#f59e0b1f;border:1px solid #f59e0b4d}.badge-stock{font-family:var(--font-mono);background:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--border-subtle)}.price-text{font-family:var(--font-mono);color:var(--text-primary);font-size:13.5px;font-weight:600}.original-price-text{font-family:var(--font-mono);color:var(--text-muted);margin-top:2px;font-size:11px;text-decoration:line-through}.imei-badge{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.form-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--border-medium);color:var(--input-text);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px #64748b33}.form-textarea{resize:vertical;min-height:100px}.code-preview-box{border:1px solid var(--border-subtle);font-family:var(--font-mono);color:#a3e635;background:#050505;border-radius:10px;padding:16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.alert-banner{background:linear-gradient(90deg,#f59e0b1a 0%,#f59e0b08 100%);border:1px solid #f59e0b4d;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 20px;display:flex}.alert-content{color:#fef3c7;align-items:center;gap:12px;font-size:13px;display:flex}@media (max-width:900px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.col-6,.col-8,.col-4,.col-3{grid-column:span 12}}.login-shell{z-index:1;background-color:#0a0a0a;background-image:radial-gradient(circle at 50% 20%,#00ff8814,#0000 50%),radial-gradient(circle at 80% 80%,#00e5ff0a,#0000 40%),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c0c0ce6;border:1px solid #ffffff17;border-radius:18px;width:100%;max-width:440px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 24px 60px #000c,0 0 40px #00ff880a}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#0f8,#00e5ff,#0000);height:2px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;margin-bottom:28px}.login-logo-badge{color:#0f8;background:linear-gradient(135deg,#111 0%,#000 100%);border:1px solid #00ff884d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:22px;display:flex;box-shadow:0 0 25px #00ff8840}.login-title{color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:800}.login-subtitle{color:#888;font-size:13px;line-height:1.5}.login-neon-btn{color:#000;cursor:pointer;background:#0f8;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 0 24px #00ff8859}.login-neon-btn:hover:not(:disabled){background:#05ff90;transform:translateY(-1px);box-shadow:0 0 35px #00ff888c}.login-neon-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#666;pointer-events:none;transition:color .15s;position:absolute;left:14px}.login-input-field{color:#fff;background:#050505;border:1px solid #ffffff1a;border-radius:9px;outline:none;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:13.5px;transition:all .15s}.login-input-field:focus{border-color:#0f8;box-shadow:0 0 0 3px #00ff8826}.login-input-field:focus+.login-input-icon,.login-input-wrapper:focus-within .login-input-icon{color:#0f8}.login-eye-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.login-eye-btn:hover{color:#fff}.login-error-box{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.login-warning-box{color:#fde68a;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:12px;line-height:1.5}.badge-antutu{color:#ff9100;font-size:11px;font-weight:800;font-family:var(--font-mono);background:#ff6d001f;border:1px solid #ff6d0059;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.badge-tier-1jt{color:#00e5ff;background:#00e5ff1f;border:1px solid #00e5ff4d}.badge-tier-2jt{color:#c6ff00;background:#c6ff001f;border:1px solid #c6ff0059}.badge-tier-4jt{color:#ff9100;background:#ff91001f;border:1px solid #ff910059}.badge-tier-flagship{color:#e040fb;background:#e040fb1f;border:1px solid #e040fb59}.tier-pills-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tier-pill-btn{border:1px solid var(--border-subtle);color:#aaa;cursor:pointer;background:#141414;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tier-pill-btn:hover{color:#fff;border-color:var(--border-medium);background:#1c1c1c}.tier-pill-btn.active{border-color:var(--accent-lime);color:var(--accent-lime);background:#c6ff001f;box-shadow:0 0 15px #c6ff0026}.fps-grid-mini{font-size:10px;font-family:var(--font-mono);grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.fps-item{color:var(--text-secondary);background:#ffffff08;border-radius:4px;justify-content:space-between;padding:2px 6px;display:flex}.fps-item span:last-child{color:var(--accent-lime);font-weight:700}[data-theme=light] body:before{background-image:radial-gradient(circle at 50% 0,#6366f10d,#0000 45%),linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px)}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] .page-title{color:#0f172a!important}[data-theme=light] .table-toolbar{background:#fff}[data-theme=light] .brand-logo-icon{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 1px 4px #0000001a!important}[data-theme=light] .stat-icon{border-color:var(--border-subtle);color:var(--text-secondary);background:#f1f5f9}[data-theme=light] .fps-item{color:#475569;background:#f1f5f9}[data-theme=light] .code-preview-box{color:#a3e635;background:#0f172a}[data-theme=light] .tier-pill-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}[data-theme=light] .tier-pill-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}[data-theme=light] .tier-pill-btn.active{border-color:var(--accent-lime);color:#4d7c0f;background:#65a30d1f;box-shadow:0 0 12px #65a30d26}[data-theme=light] div[style*="background: #121216"],[data-theme=light] div[style*="background:#121216"]{box-shadow:0 1px 4px #0000000a;background:#fff!important;border-color:#e2e8f0!important}[data-theme=light] div[style*="background: rgba(255, 255, 255, 0.02)"],[data-theme=light] div[style*="background:rgba(255, 255, 255, 0.02)"],[data-theme=light] div[style*="background: rgba(0, 0, 0, 0.4)"],[data-theme=light] div[style*="background:rgba(0, 0, 0, 0.4)"]{background:#fff!important;border-color:#e2e8f0!important}[data-theme=light] div[style*="background: rgba(0, 0, 0, 0.25)"],[data-theme=light] div[style*="background:rgba(0, 0, 0, 0.25)"]{background:#f8fafc!important}[data-theme=light] div[style*="background: rgba(255, 255, 255, 0.03)"],[data-theme=light] div[style*="background:rgba(255, 255, 255, 0.03)"],[data-theme=light] div[style*="background: rgba(255, 255, 255, 0.04)"],[data-theme=light] div[style*="background:rgba(255, 255, 255, 0.04)"]{background:#f1f5f9!important}[data-theme=light] span[style*="color: #fff"],[data-theme=light] span[style*="color:#fff"],[data-theme=light] div[style*="color: #fff"],[data-theme=light] div[style*="color:#fff"]{color:#0f172a!important}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary span,[data-theme=light] .btn-primary div{color:#fff!important}[data-theme=light] .badge-antutu,[data-theme=light] .badge-tier-1jt,[data-theme=light] .badge-tier-2jt,[data-theme=light] .badge-tier-4jt,[data-theme=light] .badge-tier-flagship,[data-theme=light] .badge-baru,[data-theme=light] .badge-second,[data-theme=light] .badge-battery{color:inherit!important}