@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;600;700&display=swap";:root{--bg:#020d1a;--bg2:#041424;--bg3:#061c30;--card:#071e33;--card2:#0a2540;--card3:#0d2e4d;--b300:#60c8ff;--b400:#29aaff;--b500:#0090f0;--b600:#0070c0;--b700:#004e8c;--gold:#29aaff;--gold2:#90d4ff;--gold3:#004e8c;--green:#00e676;--red:#ff1744;--cyan:#00e5ff;--purple:#d500f9;--text:#e8f4ff;--text2:#a8c8e8;--muted:#4a7090;--border:rgba(41,170,255,.07);--border2:rgba(41,170,255,.15);--border3:rgba(41,170,255,.3);--glow:0 0 15px rgba(41,170,255,.25);--bg-glass:rgba(2,13,26,.94);--bg-glass2:rgba(2,10,20,.98);--bg-overlay:rgba(0,0,0,.88);--accent:#FFD700;--accent2:#FFA500;--radius:10px;--radius-sm:6px;--header-h:56px;--nav-h:62px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ticker{0%{transform:translate(100vw)}to{transform:translate(-200%)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes jackpot{0%,to{text-shadow:0 0 10px rgba(255,215,0,.6)}50%{text-shadow:0 0 25px rgba(255,215,0,1),0 0 50px rgba(255,215,0,.4)}}@keyframes borderGlow{0%,to{border-color:#29aaff4d}50%{border-color:#29aaffcc}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:6px;font-family:Inter,sans-serif;font-weight:700;font-size:13px;letter-spacing:.2px;transition:all .2s;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--b500),var(--b700));color:#fff;box-shadow:0 2px 12px #0090f059}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0090f080}.btn-gold{background:linear-gradient(135deg,gold,orange);color:#000;font-weight:900}.btn-gold:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-green{background:linear-gradient(135deg,#00c853,#007a2f);color:#fff;font-weight:900}.btn-outline{background:transparent;border:1.5px solid var(--b500);color:var(--b400)}.btn-outline:hover{background:#29aaff14}.btn-ghost{background:#29aaff12;color:var(--b400);border:1px solid var(--border2)}.btn-ghost:hover{background:#29aaff24}.btn-danger{background:#ff17441f;color:#ff1744;border:1px solid rgba(255,23,68,.25)}.btn-sm{padding:7px 14px;font-size:12px}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);padding:14px}.form-group{margin-bottom:14px}.form-label{font-size:11px;font-weight:700;color:var(--muted);display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.6px}.form-input{width:100%;background:#ffffff0d;border:1px solid rgba(41,170,255,.15);border-radius:7px;padding:11px 14px;color:var(--text);font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--b500);outline:none;box-shadow:0 0 0 2px #29aaff26}.form-input::placeholder{color:#fff3}.form-select{width:100%;background:#ffffff0d;border:1px solid rgba(41,170,255,.15);border-radius:7px;padding:11px 14px;color:var(--text);font-size:14px;cursor:pointer;-webkit-appearance:none}.form-select option{background:#0a2540}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.badge-pending{background:#ffc4001f;color:#ffc400;border:1px solid rgba(255,196,0,.25)}.badge-approved{background:#00e6761f;color:#00e676;border:1px solid rgba(0,230,118,.25)}.badge-rejected{background:#ff17441f;color:#ff1744;border:1px solid rgba(255,23,68,.25)}.badge-processing{background:#29aaff1a;color:var(--b300);border:1px solid var(--border2)}.toast-container{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:7px;pointer-events:none;width:90%;max-width:340px}.toast{padding:11px 16px;border-radius:8px;font-size:13px;font-weight:700;text-align:center;animation:slideDown .25s ease}.toast-success{background:#00c853;color:#fff}.toast-error{background:#ff1744;color:#fff}.toast-info{background:var(--b500);color:#fff}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:36px;height:36px;border:3px solid rgba(41,170,255,.12);border-top-color:var(--b500);border-radius:50%;animation:spin .7s linear infinite}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(41,170,255,.12);display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:200}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--b500),var(--b300),var(--b500),transparent)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--bg-glass2);border-top:1px solid rgba(41,170,255,.2);display:flex;z-index:200}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:9px;font-weight:700;transition:all .18s;cursor:pointer;text-decoration:none;padding:6px 2px;text-transform:uppercase;letter-spacing:.3px;position:relative}.nav-item.active{color:gold}.nav-item.active:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,gold,orange);border-radius:0 0 4px 4px}.nav-item .nav-icon{font-size:20px;line-height:1}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}.nav-item.nav-center{background:linear-gradient(135deg,#0090f0,#004e8c);border-radius:50%;width:52px;height:52px;position:relative;top:-10px;flex:none;margin:0 8px;box-shadow:0 4px 20px #0090f080;border:2px solid rgba(41,170,255,.4)}.nav-item.nav-center.active{color:#fff}.nav-item.nav-center:before{display:none}.page{padding-top:var(--header-h);padding-bottom:calc(var(--nav-h)+40px);min-height:100vh}.section{padding:10px 12px}.section-title{font-family:Oswald,sans-serif;font-size:14px;font-weight:700;color:var(--b300);display:flex;align-items:center;gap:7px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.8px}.section-title:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,var(--b400),var(--b700));border-radius:2px;flex-shrink:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#29aaff0f;padding:9px 10px;text-align:left;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--border2)}td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}tr:hover td{background:#29aaff08}.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:500;padding:16px!important;animation:fadeIn .2s ease}.modal{background:var(--card2);border-radius:14px;padding:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border3);box-shadow:0 8px 40px #000000e6;animation:slideUp .25s ease;position:relative!important;margin:auto!important}.modal-bottom{background:var(--card2);border-radius:14px 14px 0 0;padding:18px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;border-top:2px solid var(--border3);box-shadow:0 -8px 40px #000000e6}.modal-bottom:before{content:"";display:block;width:36px;height:3px;background:var(--border2);border-radius:3px;margin:0 auto 14px}.admin-wrap{display:flex;min-height:100vh;background:var(--bg)}.admin-main{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}.admin-content{flex:1;padding:14px;overflow-x:hidden}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:480px){.form-grid-2{grid-template-columns:1fr}}.filter-bar{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap}@media (max-width:640px){.admin-topbar{padding:0 10px!important}.admin-content{padding:10px!important}.stat-card{padding:12px!important}table{font-size:11px!important}th,td{padding:7px 8px!important}.modal{padding:16px!important;max-height:92vh!important}.form-grid-2{grid-template-columns:1fr!important}.btn-sm{padding:5px 10px!important;font-size:11px!important}}.jackpot-box{background:linear-gradient(135deg,#020d1a,#041424);border:1px solid rgba(41,170,255,.25);border-radius:10px;padding:12px 16px;animation:borderGlow 2s infinite}.jackpot-num{font-family:Oswald,sans-serif;font-weight:700;font-size:24px;color:gold;animation:jackpot 2s infinite;letter-spacing:1px}.auth-strip{display:grid;grid-template-columns:1fr 1fr;height:46px}.auth-strip-login{background:gold;color:#000;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;letter-spacing:.5px;cursor:pointer}.auth-strip-daftar{background:#e53935;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;letter-spacing:.5px;cursor:pointer;text-decoration:none}.cat-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;background:var(--bg2);border-bottom:1px solid var(--border)}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer;position:relative;border-bottom:2px solid transparent;transition:all .18s;min-width:64px}.cat-tab.active{color:gold;border-bottom-color:gold}.cat-tab .cat-icon{font-size:22px;line-height:1}.cat-tab .hot-badge{position:absolute;top:6px;right:8px;background:#e53935;color:#fff;font-size:7px;font-weight:900;padding:1px 4px;border-radius:3px;letter-spacing:.3px}