@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);html{font-size:16px}body{font-family:Arial,sans-serif}@media (max-width:480px){html{font-size:14px}}@media (max-width:360px){html{font-size:13px}}:root{--primary-variant:#7c3aed;--background:#0f172a;--surface:#171038;--error:#b00020;--on-background:#fff;--on-surface:#fff;--text:var(--on-background);--dark:#a78bfa;--card-bg:var(--surface)}body{background-color:#0f172a;box-sizing:border-box;color:#fff;font-family:Roboto,Arial,sans-serif}.app-bar{align-items:center;background:#8b5cf6;background:var(--primary);box-shadow:0 2px 4px #0003;color:#fff;color:var(--on-primary);display:flex;height:56px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:100}.app-bar .title{font-size:1.25rem;font-weight:500}.card{background:#171038;background:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0003;color:#fff;color:var(--text);margin-bottom:1rem;padding:1rem}.bottom-nav{background:#171038;background:var(--surface);box-shadow:0 -1px 4px #0003;right:0;z-index:100}.bottom-nav .nav-item{color:var(--on-surface);flex:1 1;font-size:.875rem;padding:.75rem 0;text-align:center}.bottom-nav .nav-item.active{color:var(--primary)}button{border-radius:4px;color:var(--on-primary);font-weight:500;transition:background .2s,box-shadow .2s}button:hover{background:#7c3aed;background:var(--primary-variant)}button:disabled{background:#a78bfa;background:var(--dark);cursor:not-allowed}body:before{background:#0003;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:.5px;margin-top:0;text-shadow:none}.header,h1,h2,h3,h4,h5,h6{color:#8b5cf6;color:var(--primary);font-family:Roboto,sans-serif}.header{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(1.25rem,4vw,1.5rem);gap:.5rem;justify-content:center;margin-bottom:1rem;text-align:center}.header-logo{border-radius:50%;height:clamp(24px,8vw,32px);margin-right:.5rem;object-fit:cover}.drawer-header{border-bottom:1px solid #a78bfa;border-bottom:1px solid var(--dark);margin-bottom:1rem;padding:1rem;text-align:center}.drawer-header img{display:block;height:40px;margin:0 auto .5rem}.drawer-header h2{color:#8b5cf6;color:var(--primary);font-size:1.2rem;margin:0}.App{background:none;color:var(--text);font-family:Roboto,Arial,sans-serif;margin:2rem auto;max-width:500px;padding:4rem 2.5rem 2.5rem}.App button,.App input,.App label,.App p,input{color:#fff}input{background:#1f184b99;border:2px solid #8b5cf64d;border-radius:8px;box-shadow:inset 0 1px 2px #0000004d;font-weight:600;margin-bottom:1rem;padding:.8rem;transition:border-color .2s,box-shadow .2s;width:100%}input:focus{background:#1f184bcc;border-color:#8b5cf6;box-shadow:inset 0 1px 3px #0009,0 0 6px #8b5cf6;color:#fff;outline:none}button{background:#8b5cf6;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:transform .15s,box-shadow .15s}button:hover{background:#ffe066;box-shadow:0 8px 18px #0009;transform:scale(1.1) rotate(-1deg)}.login-button{background:#c62828;color:#fff}.login-button:hover{background:#b71c1c}.balance-red,.logout-item{color:#c62828;font-weight:600}.App button{background:#fc0;color:#000}.App button:hover{background:#e5b700}.toggle-link{color:#fc0}label{display:block;margin-bottom:.25rem}.message,label{font-weight:600}.message{color:#8b5cf6;color:var(--accent);margin:1rem 0;text-align:center}.amount-label{color:#ddd}table{background:#140f2dcc;border-collapse:collapse;border-radius:6px;margin-top:1rem}.history-view{overflow-x:auto}.user-info{background:linear-gradient(135deg,#1f184be6,#171038e6);border:1px solid #8b5cf633;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.user-info p{font-weight:600;margin:.25rem 0}.account-logo,.user-logo{border-radius:50%;display:block;margin:.5rem auto 0;max-width:120px;object-fit:cover}.history-table{white-space:nowrap}table td,table th{padding:.75rem 1rem;text-align:left;word-break:normal}table thead{background:#1a1a2e}table tbody tr:nth-child(2n){background:#121229}table tbody tr:hover{background:#27293d}.home-container{background:#140f2dcc;border:1px solid #8b5cf626;border-radius:12px;box-shadow:0 8px 20px #00000080;max-width:400px;padding:1rem}.toggle-link{color:#1976d2;cursor:pointer;text-decoration:underline}.amount-label{font-style:italic}.account-card,.account-container{background:linear-gradient(135deg,#1f184bcc,#171038cc);border:1px solid #8b5cf626;margin:1rem auto;max-width:480px;padding:1.5rem}.account-menu{list-style:none;margin-top:1rem;padding:0}.account-menu li{border-bottom:1px solid #a78bfa;border-bottom:1px solid var(--dark);cursor:pointer;padding:.75rem 1rem}.account-container.account-card{background:#140f2db3;border:1px solid #8b5cf626;border-radius:8px;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative}.account-menu li:hover{background:#8b5cf614}.drawer-toggle{background:#fc0;border:none;border-radius:4px;margin-bottom:1rem;padding:.5rem 1rem}.drawer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(145deg,#0a0a0a,#000);border-left:2px solid #8b5cf640;box-shadow:-8px 0 16px #000000e6;color:#8b5cf6;display:flex;flex-direction:column;height:100%;padding:1rem 1.5rem;position:fixed;right:0;top:0;width:320px}.drawer h3{border-bottom:1px solid #fff3;letter-spacing:.1em;padding-bottom:.5rem;text-transform:uppercase}.drawer-close{font-size:2rem;transition:color .2s}.drawer-close:hover{color:#fc0}.drawer-menu li{color:#8b5cf6;font-weight:600;padding:10px 0;transition:color .2s}.drawer-menu li:hover{color:#a78bfa}.drawer textarea{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #8b5cf6;border-radius:6px;color:#fff;font-weight:600;padding:.75rem}.butter-button{border-radius:6px;box-shadow:0 4px 10px #00000080;font-weight:700;padding:.6rem 1.8rem;transition:transform .15s,box-shadow .15s}.butter-button:hover{box-shadow:0 6px 14px #0009;transform:scale(1.05)}.drawer-close{align-self:flex-end;background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.drawer textarea{background:#fff;border:none;border-radius:4px;color:#000;flex:1 1;margin-bottom:1rem;padding:.5rem}.drawer-menu{list-style:none;margin:0 0 16px;padding:0}.drawer-menu li{color:#fc0;cursor:pointer;padding:8px 0}.drawer-menu li:hover{text-decoration:underline}.profile-form div{margin-bottom:.75rem}.profile-form input{background:#1f184b99;border:2px solid #8b5cf64d;border-radius:4px;color:#fff;font-weight:600;padding:.5rem;width:100%}.profile-form label{color:#8b5cf6;font-weight:600}.butter-button{background:#fc0;border:none;border-radius:4px;color:#000;cursor:pointer;padding:.5rem 1.5rem}.butter-button:hover{background:#e5b700}p{margin:.5rem 0}.home-container{background:none;margin:1rem auto;max-width:420px;padding:1.5rem}.home-container p{color:#fff;color:var(--text);margin:.25rem 0}.search-wrapper{box-sizing:border-box;margin-bottom:1rem;width:100%}.search-wrapper input{background:#1f184b99;border:1px solid #8b5cf640;border-radius:12px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.search-wrapper input:focus{background:#1f184bcc;border-color:#8b5cf699;outline:none}.game-card:hover,.package-card:hover{transform:translateY(-2px) scale(1.01)}.modal-overlay{background:#000c;bottom:0;right:0}.modal-content{background:none;max-width:90%}.game-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1rem}.game-card{background:linear-gradient(135deg,#1f184bd9,#171038d9);border:1px solid #8b5cf633;border-radius:8px;padding:1rem;text-align:center;transition:transform .2s}.game-card:hover{transform:translateY(-2px)}.game-card .game-logo{margin-bottom:.5rem;max-height:80px;max-width:100%;object-fit:contain}.package-gallery{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.package-card{background:linear-gradient(135deg,#1f184bd9,#171038d9);border:1px solid #8b5cf633;border-radius:8px;padding:1rem;text-align:center;transition:transform .2s;width:130px}.package-card:hover{transform:translateY(-2px)}.package-diamond{margin-bottom:.5rem;max-height:60px;max-width:60px;object-fit:contain}.package-amount,.package-price{font-weight:600;margin-top:.25rem}.game-logo{display:block;margin:0 auto .5rem;max-height:80px;max-width:80px}.game-card .diamond-logo{margin:0 auto .5rem;max-height:60px;max-width:60px;object-fit:contain}.game-card .game-name{color:#fc0;font-weight:600}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:linear-gradient(135deg,#1f184bf2,#171038f2);border:1px solid #8b5cf640;border-radius:8px;box-sizing:border-box;max-width:400px;padding:1.5rem;width:90%}.modal-content input{box-sizing:border-box;margin-bottom:.75rem;width:100%}.order-container{background:linear-gradient(135deg,#1f184bcc,#171038cc);border:1px solid #8b5cf626;border-radius:12px;overflow-x:auto;padding:1.5rem}.tab-nav{border-bottom:1px solid #8b5cf633;display:flex;margin-bottom:1rem}.tab-nav .nav-item{color:#fff;color:var(--text);cursor:pointer;flex:1 1;font-weight:600;padding:.5rem 1rem;text-align:center}.tab-nav .nav-item.active{border-bottom:2px solid #8b5cf6;border-bottom:2px solid var(--primary);color:#8b5cf6;color:var(--primary)}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border:1px solid #a78bfa;border:1px solid var(--dark);word-break:break-word}.history-table thead{background:#ec4899;background:var(--secondary);color:#000}.history-table tbody tr:nth-child(2n){background:#0000000d}.history-table tbody tr:hover{background:#0000001a}.history-view p{color:#fff;color:var(--text)}@media (max-width:600px){.App{margin:1rem;padding:1.5rem}.admin-container{margin:1.5rem;padding:1.5rem}.drawer{width:80%}.bottom-nav{font-size:1rem}.bottom-nav,.drawer-menu li{padding:.6rem 0}table td,table th{padding:.5rem .75rem}input,textarea{font-size:1rem}.game-gallery,.package-gallery{display:grid;grid-template-columns:1fr!important}.game-card,.package-card{width:100%!important}.modal-content{border-radius:14px!important;box-sizing:border-box!important;max-width:100%!important;padding:1.2rem!important;width:95%!important}.modal-content h4{font-size:1.15rem!important;margin-bottom:1rem!important}.modal-content p{font-size:.95rem!important;margin:.4rem 0!important}.modal-content label{display:block!important;font-size:.9rem!important;margin-bottom:.4rem!important}.modal-content input{box-sizing:border-box!important;font-size:1rem!important;height:44px!important;margin-bottom:.75rem!important;padding:.75rem!important}.modal-content button{font-size:.95rem!important;margin-bottom:.5rem!important;padding:.75rem 1rem!important;width:100%!important}}.history-view{background:#140f2dcc;border:1px solid #8b5cf626;border-radius:8px;box-shadow:0 6px 18px #00000080;padding:1rem}.history-table{background:#0f0a2399}.history-table td,.history-table th{border:1px solid #8b5cf626;padding:.75rem 1rem}.history-table thead{background:#581c8780;border-bottom:1px solid #8b5cf640}.admin-container{background:linear-gradient(135deg,#0a0a0a,#000);border:2px solid #8b5cf659;border-radius:10px;box-shadow:0 0 30px #8b5cf64d;color:#8b5cf6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:700px;overflow:hidden;padding:2.5rem;position:relative}.admin-container:before{animation:pulse 6s linear infinite;background:radial-gradient(circle at center,#ffffff12,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.admin-container table{background:#140f2d99;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.admin-container td,.admin-container th{border:1px solid #444;padding:.75rem}.admin-container th{background:#fc0;color:#000;letter-spacing:.05em;text-transform:uppercase}.admin-container a{color:#fc0;transition:color .2s}.admin-container a:hover{color:#fff}.admin-container button.drawer-toggle{background:#fc0;box-shadow:0 4px 8px #00000080;color:#000;font-weight:700;transition:transform .15s}.admin-container button.drawer-toggle:hover{transform:scale(1.05)}.bottom-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#1f184bf2,#171038f2);border-top:1px solid #8b5cf64d;bottom:0;box-shadow:0 -2px 12px #0009;color:#fff;color:var(--text);display:flex;justify-content:space-around;left:0;padding:.6rem 0;position:fixed;width:100%}.nav-item{cursor:pointer;flex:1 1;font-weight:700;text-align:center;transition:color .2s,text-shadow .2s,transform .15s}.nav-item span{display:block;font-size:1.2rem;line-height:1.2}.nav-item.active{text-shadow:0 0 8px #8b5cf6,0 0 12px #8b5cf6;text-shadow:0 0 8px var(--primary),0 0 12px var(--primary);transform:scale(1.05)}.nav-item.active,.nav-item:hover{color:#8b5cf6;color:var(--primary)}.nav-item:hover{text-shadow:0 0 6px #fff}.App{color:#fff}.account-container,.api-docs-container,.card,.message-container,.order-container,.profile-container,.topup-container,.user-info{background:linear-gradient(135deg,#1f184bf2,#171038f2)!important;border:1px solid #8b5cf640!important;color:#fff!important}.App h1,.App h2,.App h3,.App h4,.App h5,.App h6,.App label,.App p,.App span{color:#fff!important}.App input,.App select,.App textarea{background:#ffffff1f!important;border:1px solid #8b5cf673!important;color:#fff!important}.App input::placeholder,.App textarea::placeholder{color:#ffffffbf!important}.App button,.butter-button,.buy-button,.cancel-button,.confirm-button,.home-container button{background:#8b5cf6!important;color:#fff!important}.App button:hover,.butter-button:hover,.buy-button:hover,.cancel-button:hover,.confirm-button:hover,.home-container button:hover{background:#7c3aed!important}.bottom-nav{background:#5b21b6}.bottom-nav .nav-item{color:#fff}.bottom-nav .nav-item.active{color:#8b5cf6}.App{background:#0000;max-width:560px;padding:5.5rem 1.3rem 5.6rem}.account-container,.api-docs-container,.history-view,.message-container,.order-container,.profile-container,.topup-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #8b5cf659!important;border-radius:20px!important;box-shadow:0 14px 34px #581c8773,inset 0 1px 0 #ffffff1f}.home-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;padding:1.35rem}.App input:not(.search-wrapper input),.App select,.App textarea{border-radius:12px!important;box-shadow:inset 0 1px 3px #0003;padding:.85rem .95rem!important;transition:border-color .22s ease,box-shadow .22s ease,transform .2s ease}.App input:not(.search-wrapper input):focus,.App select:focus,.App textarea:focus{border-color:#8b5cf6e6!important;box-shadow:0 0 0 3px #8b5cf63d,inset 0 1px 3px #00000040;outline:none;transform:translateY(-1px)}.game-gallery,.package-gallery{gap:.9rem}.game-card,.package-card{background:linear-gradient(145deg,#7c3aedf5,#6d28d9f2);border:1px solid #8b5cf661;border-radius:16px;box-shadow:0 10px 22px #581c8759;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.game-card:hover,.package-card:hover{border-color:#8b5cf6bf;box-shadow:0 14px 30px #581c878c;transform:translateY(-4px) scale(1.01)}.game-card .game-name,.package-amount,.package-price{color:#fff!important;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f0a23cc}.modal-content{background:linear-gradient(150deg,#1f184bf2,#171038f2);border:1px solid #8b5cf659;border-radius:18px;box-shadow:0 18px 46px #00000080}.App button,.butter-button,.buy-button,.cancel-button,.confirm-button{border-radius:999px!important;box-shadow:0 8px 20px #8b5cf642;font-weight:700;letter-spacing:.2px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.App button:hover,.butter-button:hover,.buy-button:hover,.cancel-button:hover,.confirm-button:hover{box-shadow:0 12px 24px #8b5cf657;transform:translateY(-2px)}.bottom-nav{border-top:1px solid #8b5cf670;box-shadow:0 -8px 24px #370f6c7a}.bottom-nav .nav-item{transition:color .2s ease,transform .2s ease}.bottom-nav .nav-item.active{text-shadow:0 0 10px #8b5cf680;transform:translateY(-1px)}.floating-share-btn{align-items:center;background:linear-gradient(140deg,#8b5cf6,#7c3aed)!important;border:1px solid #8b5cf68c!important;border-radius:50%!important;bottom:82px;box-shadow:0 12px 26px #8b5cf652;color:#fff!important;display:flex;font-size:1.45rem;height:58px;justify-content:center;position:fixed;right:18px;transition:transform .2s ease,box-shadow .2s ease;width:58px;z-index:1001}.floating-share-btn:hover{box-shadow:0 16px 30px #8b5cf666;transform:translateY(-3px) scale(1.05)}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f0a23d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.share-modal-card{animation:sharePopIn .22s ease;background:linear-gradient(145deg,#1f184bf2,#171038f2);border:1px solid #8b5cf659;border-radius:20px;box-shadow:0 22px 50px #00000080;color:#fff;padding:1.6rem;position:relative;width:min(520px,100%)}.share-close-btn{align-items:center;background:#ffffff1f!important;border:1px solid #ffffff59!important;border-radius:50%!important;color:#fff!important;display:flex;height:34px;justify-content:center;padding:0!important;position:absolute;right:12px;top:12px;width:34px}.share-close-btn:hover{background:#fff3!important;transform:scale(1.06)}.share-modal-header{margin-bottom:1rem;text-align:center}.share-modal-icon{font-size:2.3rem;margin-bottom:.25rem}.share-modal-header h2{color:#fff!important;font-size:1.45rem;margin:.2rem 0 .35rem}.share-modal-header p{color:#ffffffdb!important;font-size:.92rem;margin:0}.share-link-section{margin-bottom:1rem}.share-link-section label{color:#ffffffe6!important;display:block;font-size:.9rem;font-weight:600;margin-bottom:.45rem}.share-link-row{display:flex;gap:.5rem}.share-link-input{background:#ffffff1a!important;border:1px solid #8b5cf680!important;border-radius:12px!important;color:#fff!important;flex:1 1;font-size:.92rem;padding:.75rem .85rem!important}.share-copy-btn{background:linear-gradient(140deg,#8b5cf6,#7c3aed)!important;border-radius:12px!important;color:#fff!important;font-weight:700;min-width:106px;padding:.75rem .9rem!important}.share-copy-btn.copied{background:linear-gradient(140deg,#4caf50,#43a047)!important;color:#fff!important}.share-platforms p{color:#ffffffe6!important;font-size:.92rem;font-weight:600;margin:0 0 .65rem}.share-platform-grid{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(3,1fr)}.share-platform-btn{align-items:center;border:none;border-radius:12px!important;box-shadow:0 10px 18px #00000042;color:#fff!important;display:flex;flex-direction:column;font-size:.84rem;font-weight:700;gap:.2rem;justify-content:center;padding:.7rem .5rem!important}.share-platform-btn:hover{transform:translateY(-2px)}.share-platform-btn.telegram{background:linear-gradient(145deg,#08c,#0277bd)!important}.share-platform-btn.facebook{background:linear-gradient(145deg,#1877f2,#1565c0)!important}.share-platform-btn.whatsapp{background:linear-gradient(145deg,#25d366,#1fa855)!important}.share-platform-icon{font-size:1.25rem;line-height:1}@keyframes sharePopIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.floating-share-btn{bottom:78px;height:54px;right:14px;width:54px}.share-modal-card{border-radius:16px;padding:1.2rem}.share-link-row{flex-direction:column}.share-copy-btn{width:100%}.share-platform-grid{grid-template-columns:1fr}}.api-docs-page{background:radial-gradient(circle at 8% 12%,#8b5cf629,#0000 24%),radial-gradient(circle at 92% 6%,#ffffff1a,#0000 20%),linear-gradient(160deg,#0f172a,#171038 48%,#100a2a)!important}.api-docs-shell{padding:0!important}.api-docs-shell,.api-docs-shell>div{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.api-docs-shell>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #8b5cf659!important;border-radius:18px!important;box-shadow:0 14px 34px #05143766,inset 0 1px 0 #ffffff1a!important}.api-docs-page *{box-sizing:border-box!important}.api-docs-page button,.api-docs-page code,.api-docs-page input,.api-docs-page pre{word-wrap:break-word!important;max-width:100%!important}.api-docs-page h1,.api-docs-page h2,.api-docs-page h3,.api-docs-page h4{text-wrap:balance;letter-spacing:.2px}.api-docs-page h2,.api-docs-page h3,.api-docs-page h4{color:#a78bfa!important}.api-docs-page li,.api-docs-page p,.api-docs-page span,.api-docs-page td,.api-docs-page th{color:#fff!important}.api-docs-page li,.api-docs-page p,.api-docs-page span{line-height:1.6}.api-docs-page code{background:#8b5cf62e!important;border:1px solid #8b5cf659;border-radius:6px;color:#a78bfa!important;padding:2px 7px}.api-docs-page button{border-radius:12px!important;font-weight:700!important;letter-spacing:.2px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.api-docs-page button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px)}.api-docs-page button:disabled{opacity:.6}.api-docs-card{background:linear-gradient(145deg,#1f184bcc,#171038cc)!important;border:1px solid #8b5cf633!important}.api-docs-header{border-color:#8b5cf66b!important}.api-docs-auth,.api-docs-errors,.api-docs-footer,.api-docs-key,.api-endpoint-card{border-color:#8b5cf654!important}.api-docs-page [style*="color: #666"],.api-docs-page [style*="color: #888"],.api-docs-page [style*="color: #999"],.api-docs-page [style*="color: #aaa"]{color:#ffffffd1!important}.api-test-btn{background:linear-gradient(145deg,#8b5cf6,#7c3aed)!important;border:1px solid #8b5cf6b3!important;box-shadow:0 8px 20px #8b5cf64d!important;color:#fff!important}.api-test-btn:hover:not(:disabled){box-shadow:0 11px 24px #8b5cf659!important}.api-docs-page table{background:#370f6c80;border:1px solid #8b5cf640;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.api-docs-page table thead tr{background:#8b5cf62e!important;border-bottom:1px solid #8b5cf673!important}.api-docs-page table th{color:#a78bfa!important;font-weight:700}.api-docs-page table td,.api-docs-page table th{border-bottom:1px solid #ffffff1f}.api-docs-page table tbody tr:hover{background:#8b5cf614}.api-test-result{background:#7c3aede0!important;border:1px solid #8b5cf661!important;border-radius:14px!important}.api-test-result.success{background:linear-gradient(145deg,#2e7d3259,#124aa8e6)!important;border-color:#4caf50a6!important}.api-test-result.error{background:linear-gradient(145deg,#b71c1c57,#124aa8e6)!important;border-color:#f44336a6!important}.api-test-result.loading{border-color:#8b5cf685!important}.api-docs-page input[type=number],.api-docs-page input[type=text],.api-docs-page select,.api-docs-page textarea{background:#1f184b99!important;border:1px solid #8b5cf659!important;border-radius:10px!important;color:#fff!important}.api-docs-page input:focus,.api-docs-page select:focus,.api-docs-page textarea:focus{border-color:#8b5cf6d9!important;box-shadow:0 0 0 3px #8b5cf638!important;outline:none}.api-codeblock-wrap{margin-top:.35rem}.api-codeblock{background:linear-gradient(145deg,#081b4a,#06143a)!important;border:1px solid #4caf5059!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff12,0 12px 26px #030a1e66;color:#d8ffe7!important}.api-copy-mini{background:linear-gradient(145deg,#8b5cf6,#7c3aed)!important;border:1px solid #8b5cf699!important;border-radius:10px!important;box-shadow:0 6px 16px #8b5cf64d;color:#fff!important}.api-copy-mini:hover{box-shadow:0 9px 18px #8b5cf65c;transform:translateY(-1px)}@media (max-width:768px){.api-docs-page{padding:1rem .75rem!important}.api-docs-shell>div{border-radius:14px!important;padding:1.25rem!important}.api-docs-page h1{font-size:1.85rem!important}.api-docs-page h2{font-size:1.35rem!important}.api-docs-page h3{font-size:1.12rem!important}}.history-table{background:#370f6c8c;border-radius:14px;overflow:hidden}.history-table th{background:linear-gradient(90deg,#8b5cf6,#7c3aed);color:#fff!important;font-weight:700}.history-table td{border-color:#ffffff26}@media (max-width:600px){.App{margin:0;padding:4.8rem .9rem 5.4rem}.account-container,.api-docs-container,.home-container,.message-container,.order-container,.profile-container,.topup-container{border-radius:16px!important;padding:1rem!important}}.order-container .history-view{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-top:.35rem;padding:0!important}.order-container .history-empty,.order-container .history-loading{color:#ffffffe0;font-weight:600;padding:1.25rem .8rem;text-align:center}.order-container .history-table-wrap{background:#0000;border:none;border-radius:0;overflow-x:auto;width:100%}.order-container .history-table{background:#0000;border-collapse:collapse;min-width:760px;table-layout:auto;width:100%}.order-container .topup-history-table{min-width:690px}.order-container .game-history-table{min-width:860px}.order-container .history-table td,.order-container .history-table th{border:1px solid #ffffff24;line-height:1.45;padding:.78rem .9rem;vertical-align:top;white-space:normal;word-break:break-word}.order-container .history-table th{background:linear-gradient(90deg,#8b5cf6,#7c3aed);color:#fff!important;font-size:.82rem;font-weight:700;letter-spacing:.2px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.order-container .history-table tbody tr:nth-child(2n){background:#ffffff08}.order-container .history-table tbody tr:hover{background:#8b5cf614}.history-status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;gap:.25rem;padding:.18rem .58rem}.history-status-badge.status-success{background:#137d4352;border-color:#59e9946b;color:#b8ffd2}.history-status-badge.status-failed{background:#b71c1c47;border-color:#f4433675;color:#ffd2d2}.history-status-badge.status-pending{background:#8b5cf62e;border-color:#8b5cf670;color:#ffeaa8}@media (max-width:768px){.order-container .history-view{border-radius:0!important;padding:0!important}.order-container .history-table td,.order-container .history-table th{font-size:.86rem;padding:.66rem .62rem}.order-container .history-table th{font-size:.76rem}}.message-container{margin:0 auto;max-width:900px;padding:1.5rem}.message-header{align-items:center;border-bottom:2px solid #8b5cf64d;color:#a78bfa;display:flex;font-size:1.5rem;font-weight:700;gap:.6rem;margin-bottom:1.8rem;padding-bottom:.8rem;text-shadow:0 2px 8px #8b5cf666}.message-header-icon{filter:drop-shadow(0 2px 4px rgba(139,92,246,.6));font-size:1.8rem}.message-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#1f184bb3,#171038b3);border:1px solid #8b5cf640;border-radius:16px;box-shadow:0 8px 24px #0006,inset 0 1px 0 #8b5cf61a;margin-bottom:1.5rem;padding:1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1)}.message-card:hover{border-color:#8b5cf666;box-shadow:0 14px 32px #0009,inset 0 1px 0 #8b5cf626,0 0 30px #8b5cf61a;transform:translateY(-4px)}.message-card-header{align-items:center;border-bottom:1px solid #8b5cf633;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.message-type{align-items:center;color:#a78bfa;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.4rem;text-shadow:0 2px 6px #8b5cf659}.message-type:before{content:"🔔";filter:drop-shadow(0 2px 4px rgba(139,92,246,.6));font-size:1.15rem}.message-timestamp{color:#ffffffa6;font-size:.85rem;font-weight:500;letter-spacing:.3px}.message-text{color:#fff;font-size:1.05rem;line-height:1.65;margin:0 0 1rem;white-space:pre-wrap;word-break:break-word}.message-image-wrapper{background:#00000040;border:2px solid #8b5cf659;border-radius:14px;box-shadow:0 8px 20px #0000004d,inset 0 1px 0 #ffffff14;margin-top:1.25rem;overflow:hidden;position:relative;transition:all .35s ease}.message-image-wrapper:hover{border-color:#8b5cf6a6;box-shadow:0 12px 28px #0006,0 0 25px #8b5cf640,inset 0 1px 0 #8b5cf61a;transform:scale(1.01)}.message-image{display:block;height:auto;max-width:100%;object-fit:contain;transition:all .35s ease;width:100%}.message-image-wrapper:hover .message-image{filter:brightness(1.05) contrast(1.02)}.message-empty-state{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#1f184b40,#17103826);border:2px dashed #8b5cf640;border-radius:20px;padding:4rem 1.5rem;text-align:center}.message-empty-icon{animation:float 3s ease-in-out infinite;filter:grayscale(.3);font-size:5rem;margin-bottom:1.5rem;opacity:.35}.message-empty-title{color:#ffffffbf;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.message-empty-subtitle{color:#ffffff80;font-size:1rem;margin:0}@media (max-width:768px){.message-container{padding:1rem}.message-header{font-size:1.3rem}.message-card{border-radius:14px;padding:1.2rem}.message-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.message-timestamp{font-size:.8rem}.message-text{font-size:1rem}.message-empty-state{padding:3rem 1rem}.message-empty-icon{font-size:4rem}.message-empty-title{font-size:1.1rem}}.App .account-container,.App .account-container.account-card,.App .api-docs-container,.App .card,.App .game-card,.App .history-view,.App .home-container,.App .message-card,.App .message-container,.App .message-empty-state,.App .order-container,.App .package-card,.App .profile-container,.App .topup-container,.App .user-info{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important}.App .game-card:hover,.App .message-card:hover,.App .package-card:hover{box-shadow:none!important;transform:none!important}.home-banner-text-marquee{color:#fff;color:var(--text);font-size:.95rem;font-weight:500;margin-top:.75rem;overflow:hidden;white-space:nowrap}.home-banner-text-marquee span{animation:homeBannerMarquee 10s linear infinite;display:inline-block;padding-left:100%}@keyframes homeBannerMarquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media (max-width:480px){*,.admin-root{box-sizing:border-box!important}.admin-root{font-size:16px!important;margin:0!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important}.admin-root *,.admin-root>header{box-sizing:border-box!important}.admin-root>header{align-items:stretch!important;flex-direction:column!important;flex-wrap:wrap!important;gap:8px!important;max-width:100vw!important;padding:8px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.admin-root>header>div:first-child{align-items:center!important;flex-direction:row!important;gap:8px!important}.admin-root>header>div:first-child img{height:36px!important;width:36px!important}.admin-root>header>div:first-child h1{font-size:1.1rem!important}.admin-root>header>div:first-child p{display:none!important;font-size:.75rem!important}.admin-root>header>div:last-child{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:1fr 1fr!important;margin-top:4px!important;width:100%!important}.admin-root section,.admin-root>main{box-sizing:border-box!important;margin:0!important;max-width:100%!important;overflow-x:hidden!important;padding:10px!important;width:100%!important}.admin-root section{border-radius:12px!important;overflow-y:visible!important}.admin-root section>div[style*=overflowX]{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.admin-root section h2{font-size:1.1rem!important}.admin-root section h2,.admin-root section p{overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important}.admin-root section p{font-size:.85rem!important}.admin-root section>div[style*=grid]{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important;max-width:100%!important;width:100%!important}.admin-root section>div[style*=grid]>div{word-wrap:break-word!important;font-size:.8rem!important;min-width:0!important;overflow:hidden!important;padding:.75rem .5rem!important}.admin-root section>div[style*=grid]>div>div:first-child{font-size:1.5rem!important}.admin-root section>div[style*=grid]>div>div:last-child{font-size:.75rem!important;white-space:normal!important;word-break:break-word!important}.admin-root h2{font-size:1.2rem!important;margin-bottom:10px!important}.admin-root h3,.admin-root label,.admin-root li,.admin-root p,.admin-root small,.admin-root span,.admin-root td,.admin-root th{font-size:.95rem!important;line-height:1.45!important}.admin-root .butter-button,.admin-root .drawer-menu li,.admin-root button{border-radius:8px!important;font-size:.85rem!important;min-height:44px!important;overflow:hidden!important;padding:8px 10px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-root>header .butter-button,.admin-root>header button{font-size:.8rem!important;min-height:40px!important;padding:6px 8px!important}.admin-root input,.admin-root select,.admin-root textarea{border-radius:10px!important;font-size:.95rem!important;min-height:46px!important;padding:10px 12px!important}.admin-root table{display:block!important;font-size:.92rem!important;overflow-x:auto!important;width:100%!important}.admin-root tbody,.admin-root thead{display:table!important;width:100%!important}.admin-root td,.admin-root th{font-size:.85rem!important;padding:10px 8px!important;white-space:nowrap}.admin-root section{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.admin-root .drawer{max-width:360px!important;width:92vw!important}.admin-root .modal-overlay{padding:10px!important}.admin-root .modal-content,.admin-root .modal-overlay>div{-webkit-overflow-scrolling:touch!important;max-height:90vh!important;max-width:95vw!important;overflow-y:auto!important}body{max-width:100vw!important;overflow-x:hidden!important}}@media (max-width:768px){.admin-root{font-size:17px!important;max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important}.admin-root,.admin-root *,.admin-root>header{box-sizing:border-box!important}.admin-root>header{align-items:flex-start!important;flex-direction:column!important;flex-wrap:wrap!important;gap:.6rem!important;max-width:100vw!important;padding:.75rem .6rem!important}.admin-root>header>div:first-child{width:100%!important}.admin-root>header>div:first-child img{height:40px!important;width:40px!important}.admin-root>header>div:last-child{grid-gap:.6rem!important;display:grid!important;gap:.6rem!important;grid-template-columns:1fr 1fr;width:100%}.admin-root>main{padding:.75rem .5rem!important}.admin-root section,.admin-root>main{box-sizing:border-box!important;margin:0!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}.admin-root section{border-radius:14px!important;overflow-y:visible!important;padding:.9rem!important}.admin-root section>div[style*=overflowX]{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.admin-root section>div[style*=grid]{gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important;max-width:100%!important;width:100%!important}.admin-root section>div[style*=grid]>div{word-wrap:break-word!important;min-width:0!important;overflow:hidden!important;padding:1rem .75rem!important}.admin-root section>div[style*=grid]>div>div{white-space:normal!important;word-break:break-word!important}.admin-root h1{font-size:1.7rem!important;line-height:1.25!important}.admin-root h2{font-size:1.35rem!important;line-height:1.3!important}.admin-root h3,.admin-root label,.admin-root li,.admin-root p,.admin-root span,.admin-root td,.admin-root th{font-size:1rem!important;line-height:1.45!important}.admin-root input,.admin-root select,.admin-root textarea{border-radius:10px!important;font-size:1rem!important;min-height:50px!important;padding:12px!important}.admin-root .butter-button,.admin-root .drawer-menu li,.admin-root button{font-size:.95rem!important;min-height:48px!important;padding:10px 12px!important}.admin-root>header .butter-button,.admin-root>header button{font-size:.9rem!important;min-height:44px!important;padding:8px 10px!important}.admin-root .drawer{max-width:360px!important;width:92vw!important}.admin-root table{font-size:1rem!important}.admin-root td,.admin-root th{padding:12px 10px!important}.admin-root .orders-section{padding:.9rem!important}.admin-root .orders-section h2{font-size:1.2rem!important;margin-bottom:.8rem!important}.admin-root .orders-table-wrap{margin-top:.2rem}.admin-root .orders-table{font-size:.9rem!important;white-space:nowrap!important}.admin-root .orders-table td,.admin-root .orders-table th{padding:8px 7px!important;vertical-align:top}.admin-root .orders-table .butter-button{font-size:.82rem!important;margin-left:0!important;margin-top:4px;min-height:34px!important;padding:6px 8px!important;width:100%}}:root{--primary:#8b5cf6;--primary-variant:#a78bfa;--primary-dark:#7c3aed;--secondary:#ec4899;--secondary-light:#f472b6;--background:#fff;--surface:#f9f5ff;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--info:#3b82f6;--on-primary:#fff;--on-secondary:#fff;--on-background:#1f2937;--on-surface:#1f2937;--text:#1f2937;--text-secondary:#1f273799;--dark:#111827;--card-bg:#fff;--accent:#8b5cf6;--accent-light:#a78bfa;--border-soft:#8b5cf614;--border-accent:#8b5cf633;--shadow-soft:0 12px 28px #8b5cf61a;--shadow-accent:0 10px 24px #8b5cf626;--shadow-glow:0 0 30px #8b5cf633;--glass-bg:#8b5cf60d;--glass-border:#8b5cf626}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw;overflow-x:hidden}*,:after,:before,html{box-sizing:border-box}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:linear-gradient(135deg,#f9f5ff,#fcf0ff);color:#1f2937;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0;max-width:100vw;overflow-x:hidden;padding:0;touch-action:manipulation;width:100%}img{display:block;height:auto;max-width:100%}::-webkit-scrollbar-track{background:#0000000d;border-radius:5px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#7c3aed);background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);border:2px solid #0000004d;border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfa,#8b5cf6);background:linear-gradient(180deg,var(--primary-variant) 0,var(--primary) 100%);box-shadow:0 0 10px #ff06}::selection{background:#8b5cf6;background:var(--primary);color:#fff;color:var(--on-primary)}::-moz-selection{background:#8b5cf6;background:var(--primary);color:#fff;color:var(--on-primary)}.admin-panel-modern{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#f9f5ff,#fcf0ff);max-width:100vw;min-height:100vh;overflow-x:hidden;width:100vw}.modern-header{animation:slideDown .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f3e8ff);border-bottom:1px solid #00000014;box-shadow:0 2px 20px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{flex-wrap:wrap;gap:clamp(16px,4vw,32px);justify-content:space-between;margin:0 auto;max-width:1600px;padding:clamp(12px,4vw,20px) clamp(16px,5vw,32px)}.header-brand,.header-content{align-items:center;display:flex}.header-brand{gap:clamp(12px,3vw,16px)}.brand-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:16px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;display:flex;flex-shrink:0;font-size:clamp(1.5rem,5vw,2.5rem);height:clamp(48px,12vw,64px);justify-content:center;width:clamp(48px,12vw,64px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--text);font-size:clamp(1.3rem,4vw,1.8rem);font-weight:800;letter-spacing:-.02em;margin:0}.brand-text p{color:#1f273799;color:var(--text-secondary);font-size:clamp(.75rem,2vw,.85rem);font-weight:500;margin:0}.modern-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:16px;box-shadow:inset 0 4px 16px #0000000a;flex-wrap:wrap;padding:clamp(6px,2vw,8px)}.modern-nav,.nav-tab{align-items:center;display:flex;gap:8px}.nav-tab{background:#0000;border:none;border-radius:12px;color:#1f273799;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;min-height:44px;overflow:hidden;padding:clamp(8px,2vw,12px) clamp(12px,3vw,20px);position:relative;white-space:nowrap}.nav-tab,.nav-tab:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);content:"";inset:0;opacity:0;position:absolute;z-index:-1}.nav-tab:hover{color:#1f2937;color:var(--text);transform:translateY(-2px)}.nav-tab:hover:before{opacity:.1}.nav-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 16px #8b5cf666;color:#fff;font-weight:700}.nav-tab.active:before{opacity:1}.tab-icon{font-size:clamp(1rem,2.5vw,1.2rem)}.tab-icon,.tab-label{line-height:1}.modern-content{animation:fadeInUp .7s ease-out;margin:0 auto;max-width:1600px;padding:clamp(16px,5vw,32px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-drawer{background:linear-gradient(180deg,#f9f9f9,#f0f0f0);border-right:2px solid #ff06;box-shadow:4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000}.admin-drawer.open{width:240px}.admin-drawer.closed{width:65px}.drawer-header{background:linear-gradient(135deg,#ffff0014,#ffd70008);border-bottom:1px solid #ffff004d;padding:20px}.drawer-logo{align-items:center;display:flex;gap:12px}.logo-icon{font-size:28px;min-width:28px;text-align:center}.logo-text h2{color:#8b5cf6;color:var(--primary);font-size:1.2rem;font-weight:700;margin:0;white-space:nowrap}.logo-text p{color:#00000080;font-size:.75rem;margin:2px 0 0;white-space:nowrap}.drawer-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px 0}.drawer-nav::-webkit-scrollbar{width:4px}.drawer-nav::-webkit-scrollbar-thumb{background:#ffff004d;border-radius:2px}.drawer-item{align-items:center;background:#0000;border:none;color:#0009;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:14px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.drawer-item:before{background:#8b5cf6;background:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.drawer-item:hover{background:#ffff001a;color:#000}.drawer-item.active{background:linear-gradient(90deg,#ffff0026,#0000);color:#8b5cf6;color:var(--primary);font-weight:600}.drawer-item.active:before{transform:scaleY(1)}.drawer-icon{font-size:20px;min-width:24px;text-align:center}.drawer-label{font-size:.95rem;white-space:nowrap}.admin-drawer.closed .drawer-label{display:none}.drawer-footer{border-top:1px solid #ffff004d;padding:12px}.drawer-toggle{align-items:center;background:#ffff001f;border:1px solid #ff06;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 8px;transition:all .3s ease;width:100%}.drawer-toggle:hover{background:#ffff0026;transform:translateX(2px)}.admin-main{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);width:100%}.admin-main.drawer-open{margin-left:240px;max-width:calc(100vw - 240px);width:calc(100vw - 240px)}.admin-main.drawer-closed{margin-left:65px;max-width:calc(100vw - 65px);width:calc(100vw - 65px)}.admin-topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9f5ff;background:var(--surface);border-bottom:2px solid #8b5cf633;border-bottom:2px solid var(--border-accent);box-shadow:0 1px 8px #0000000d;box-sizing:border-box;display:flex;gap:16px;max-width:100%;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.hamburger-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px}.hamburger-btn span{background:#000;border-radius:2px;height:2.5px;transition:all .3s ease;width:24px}.hamburger-btn:hover span{background:#a78bfa;background:var(--primary-variant)}.page-title{color:#000;font-size:1.3rem;font-weight:700;margin:0}.admin-header,.admin-tabs{display:none}.admin-content{box-sizing:border-box;flex:1 1;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:20px 24px;width:100%}.admin-content h2{border-bottom:4px solid #8b5cf6;color:#000;display:inline-block;font-size:1.7rem;font-weight:800;letter-spacing:.3px;margin-bottom:24px;margin-top:0;padding-bottom:14px;position:relative}.analytics-section,.bank-section,.dashboard-section,.messages-section,.orders-section,.products-section,.settings-section,.topup-section,.users-section{animation:slideInUp .6s ease-out;background:#f9f5ff;background:var(--surface);border:1px solid #00000014;border-radius:16px;box-shadow:0 2px 20px #00000014;box-sizing:border-box;margin-bottom:32px;max-width:100%;overflow-x:auto;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analytics-section h2,.bank-section h2,.dashboard-section h2,.messages-section h2,.orders-section h2,.products-section h2,.settings-section h2,.topup-section h2,.users-section h2{color:#1f2937;color:var(--text);font-family:Inter,sans-serif;font-size:1.8rem;font-weight:800;margin:0 0 24px;padding-bottom:16px;position:relative}.analytics-section h2:after,.bank-section h2:after,.dashboard-section h2:after,.messages-section h2:after,.orders-section h2:after,.products-section h2:after,.settings-section h2:after,.topup-section h2:after,.users-section h2:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.dashboard-section:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#8b5cf6);border-radius:20px 20px 0 0;content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.error-message{animation:slideInLeft .4s ease-out;background:linear-gradient(135deg,#e5393514,#c628280d);border:1px solid #e539354d;border-left:4px solid #ef4444;border-left:4px solid var(--error);border-radius:12px;box-shadow:0 2px 8px #e539351a;color:#d32f2f;font-size:.95rem;margin-bottom:16px;padding:16px 20px}.loading{animation:pulse 1.5s ease-in-out infinite;color:#7c3aed;color:var(--primary-dark);font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;padding:80px 20px;text-align:center}.loading:before{animation:rotate 2s linear infinite;content:"⏳";display:block;font-size:4rem;margin-bottom:16px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data{animation:fadeIn .6s ease-out;color:#999;font-size:1.1rem;font-weight:500;padding:80px 40px;text-align:center}.no-data:before{content:"📭";display:block;font-size:4.5rem;margin-bottom:20px;opacity:.7}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px;width:100%}.stat-card,.stats-grid{box-sizing:border-box;max-width:100%}.stat-card{background:linear-gradient(135deg,#fff,#f9f5ff);border:2px solid #8b5cf6;border:2px solid var(--primary);border-radius:16px;box-shadow:0 4px 16px #8b5cf626;min-width:0;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed);background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 32px #8b5cf64d;transform:translateY(-8px) scale(1.02)}.stat-card h3{color:#1f273799;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.stat-card h3,.stat-number{font-family:Inter,sans-serif}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#1f273799);background:linear-gradient(135deg,var(--text) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1;margin:0}.filters{flex-wrap:wrap;gap:10px;margin-bottom:18px}.filter-group,.filters{box-sizing:border-box;display:flex;max-width:100%}.filter-group{flex:1 1;flex-direction:column;gap:5px;min-width:0;min-width:150px}.filter-group label{color:#000;font-size:.9rem;font-weight:500}.filter-group select{background:#fff;border:2px solid #000;border-radius:10px;color:#000;cursor:pointer;font-family:Roboto,Arial,sans-serif;font-size:.95rem;padding:8px 12px;transition:border-color .2s}.filter-group select:focus,.filter-group select:hover{border-color:#000;box-shadow:0 0 0 2px #8b5cf666;outline:none}table{border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:0 2px 12px #0000000d;font-family:Inter,sans-serif;font-size:.95rem;margin-top:24px;min-width:600px;overflow:hidden;width:100%}thead{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}th{border-bottom:2px solid #0000001a;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #00000012;color:#1f2937;color:var(--text);font-size:.95rem;padding:12px;transition:all .3s ease;vertical-align:middle}tbody tr{background:#f9f5ff;background:var(--surface);transition:all .3s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background:#ffeb3b0d;transform:scale(1.01)}tbody tr:last-child td{border-bottom:none}table.empty{opacity:.6}.table-empty-message{animation:fadeIn .5s ease-out;color:#1f273799;color:var(--text-secondary);font-size:1.1rem;font-weight:500;padding:60px 20px;text-align:center}.status{align-items:center;animation:slideUpFade .4s ease-out;border:1px solid #ffffff1a;border-radius:999px;box-shadow:0 4px 10px #0003;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.status:hover{box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.status.active{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 15px #4caf5066;color:#fff}.status.active:before{content:"✓";font-weight:900}.status.banned{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 4px 15px #e5393566;color:#fff}.status.banned:before{content:"✕";font-weight:900}.status.pending{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffee58,#fdd835);box-shadow:0 4px 15px #fdd83566;color:#000}.status.pending:before{content:"⏱"}.status.completed{background:linear-gradient(135deg,#4dd0e1,#00acc1);box-shadow:0 4px 15px #00acc166;color:#fff}.status.completed:before{content:"✓";font-weight:900}.stats-detailed{background:#f9f5ff;background:var(--surface);border:1px solid #8b5cf614;border:1px solid var(--border-soft);border-radius:12px;box-shadow:0 1px 3px #0003;padding:16px}.stat-row{border-bottom:1px solid #f9f5ff;border-bottom:1px solid var(--surface);display:flex;font-size:.95rem;justify-content:space-between;padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-row strong{color:#1f2937;color:var(--text);font-weight:600}.stat-row span{color:#8b5cf6;color:var(--primary);font-weight:600}.settings-section{padding:20px 0}.settings-form{background:#f9f5ff;background:var(--surface);border:1px solid #ffff0040;border-radius:12px;box-shadow:0 10px 24px #00000047;margin-bottom:25px;padding:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{color:#000;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-input,.form-input[type=email],.form-input[type=number],.form-input[type=password],.form-input[type=tel],.form-input[type=text],.form-input[type=url],select.form-input,textarea.form-input{background:#fff;border:2px solid #00000026;border-radius:12px;box-sizing:border-box;color:#000;font-family:Roboto,Arial,sans-serif;font-size:1rem;line-height:1.5;max-width:100%;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input::placeholder{color:#0006;font-style:italic;transition:color .2s ease}.form-input:hover{background:#fff;border-color:#ffff0080}.form-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #ff03,0 4px 12px #0000000d;outline:none;transform:translateY(-1px)}.form-input:focus::placeholder{color:#0000004d}.form-input:disabled,.form-input[readonly]{background:#f5f5f5;border-color:#0000001a;color:#00000080;cursor:not-allowed;opacity:.6}.form-input.error{background:#ff52520d;border-color:#d32f2f}.form-input.error:focus{box-shadow:0 0 0 3px #ff525226}.form-input.success{background:#4caf500d;border-color:#4caf50}textarea.form-input{min-height:100px;padding:14px 16px;resize:vertical}select.form-input{-webkit-appearance:none;appearance:none;background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}select.form-input,select.form-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23FF0' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}select.form-input option{background:#f9f5ff;background:var(--surface);color:#1f2937;color:var(--text);padding:10px}.input-feedback{align-items:center;display:flex;font-size:.85rem;gap:6px;margin-top:6px}.input-feedback.error{color:#d32f2f}.input-feedback.success{color:#4caf50}.input-feedback.info{color:#2196f3}.input-feedback.warning{color:#ff9800}.input-group{align-items:stretch;box-sizing:border-box;display:flex;gap:8px;max-width:100%}.input-group .form-input{flex:1 1;min-width:0}.input-group-append,.input-group-prepend{align-items:center;background:#ffff001f;border:2px solid #ff06;border-radius:12px;color:#000;display:flex;font-weight:600;padding:14px 16px;white-space:nowrap}.input-group-prepend{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.input-group .form-input:has(+.input-group-append){border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.input-group-append{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}.input-group .form-input:has(.input-group-prepend+){border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}.form-group label.required:after{color:#d32f2f;content:" *";font-weight:700}.form-row{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;max-width:100%}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-floating{position:relative}.form-floating .form-input{padding-bottom:10px;padding-top:22px}.form-floating label{color:#00000080;font-size:1rem;left:16px;margin-bottom:0;pointer-events:none;position:absolute;top:16px;transition:all .2s ease}.form-floating .form-input:focus~label,.form-floating .form-input:not(:placeholder-shown)~label{color:#8b5cf6;color:var(--primary);font-size:.75rem;top:6px}.input-with-icon{position:relative}.input-with-icon .icon{color:#00000080;font-size:1.2rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.input-with-icon .form-input{padding-left:48px}.input-with-icon .form-input:focus~.icon{color:#8b5cf6;color:var(--primary)}.char-counter{color:#00000080;font-size:.8rem;margin-top:4px;text-align:right}.char-counter.limit-reached{color:#d32f2f;font-weight:600}input[type=file].form-input{background:#fff;border:2px dashed #ff06;cursor:pointer;padding:12px;transition:all .3s ease}input[type=file].form-input:hover{background:#fff;border-color:#ff09}input[type=file].form-input:focus{border-color:#8b5cf6;border-color:var(--primary);border-style:solid}input[type=file].form-input::-webkit-file-upload-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--primary),var(--primary-variant));border:none;border-radius:8px;color:#fff;color:var(--on-primary);cursor:pointer;font-weight:600;margin-right:12px;padding:8px 16px;-webkit-transition:all .3s ease;transition:all .3s ease}input[type=file].form-input::file-selector-button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--primary),var(--primary-variant));border:none;border-radius:8px;color:#fff;color:var(--on-primary);cursor:pointer;font-weight:600;margin-right:12px;padding:8px 16px;transition:all .3s ease}input[type=file].form-input::-webkit-file-upload-button:hover{box-shadow:0 4px 12px #ffff004d;transform:translateY(-2px)}input[type=file].form-input::file-selector-button:hover{box-shadow:0 4px 12px #ffff004d;transform:translateY(-2px)}input[type=checkbox].form-input,input[type=radio].form-input{accent-color:#8b5cf6;accent-color:var(--primary);cursor:pointer;height:20px;min-width:20px;width:auto}.logo-preview{background:#fff;border:2px solid #8b5cf6;border-radius:12px;margin:20px 0;padding:15px;text-align:center}.logo-preview h3{color:#000;margin-top:0}.logo-preview img{height:auto;max-width:100%}.save-btn{background:#8b5cf6;background:var(--primary);border:none;border-radius:999px;box-shadow:0 8px 18px #ffff0040;color:#000;cursor:pointer;font-family:Roboto,Arial,sans-serif;font-size:.95rem;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s,background .2s}.save-btn:hover{background:#a78bfa;background:var(--primary-variant);box-shadow:0 10px 20px #ffff0059;transform:translateY(-1px)}.cancel-btn{background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;color:#1f2937;color:var(--text);cursor:pointer;font-family:Roboto,Arial,sans-serif;font-size:.95rem;font-weight:600;padding:12px 24px;transition:transform .2s,border-color .2s,background .2s}.cancel-btn:hover{background:#ffffff29;border-color:#fff6;transform:translateY(-1px)}.game-settings{background:#fff;border:1px solid #ffff004d;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.game-settings h3{border-bottom:2px solid #8b5cf6;color:#000;margin-top:0;padding-bottom:10px}.game-info p{color:#000;font-size:.95rem;margin:10px 0}.action-btn{border:none;border-radius:999px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-family:Roboto,Arial,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.action-btn:hover:before{height:300px;width:300px}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px) scale(1.05)}.action-btn:active{transform:translateY(0) scale(.98)}.action-btn.ban{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 2px 8px #e5393533;color:#fff}.action-btn.ban:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 4px 12px #e539354d}.action-btn.unban{background:linear-gradient(135deg,#66bb6a,#43a047);box-shadow:0 2px 8px #43a04733;color:#fff}.action-btn.unban:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #43a0474d}.btn-primary,button[type=submit]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:999px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:12px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before,button[type=submit]:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-primary:hover:before,button[type=submit]:hover:before{left:100%}.btn-primary:hover,button[type=submit]:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-3px) scale(1.03)}.btn-primary:active,button[type=submit]:active{transform:translateY(-1px) scale(.98)}.bank-form-section{background:#fff;border:1px solid #8b5cf626;border-left:4px solid #8b5cf6;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:20px}.bank-form-section h3{color:#000;margin-bottom:16px;margin-top:0}.bank-form{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:100%}@media (max-width:600px){.bank-form{grid-template-columns:1fr}}.bank-form .form-group{display:flex;flex-direction:column;gap:8px}.bank-form .form-group label{align-items:center;color:#000;display:flex;font-size:.95rem;font-weight:600;gap:6px}.bank-form .form-input{background:#fff;border:2px solid #00000026;border-radius:12px;box-sizing:border-box;color:#000;font-family:Roboto,Arial,sans-serif;font-size:1rem;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.bank-form .form-input::placeholder{color:#0006;font-style:italic}.bank-form .form-input:hover{background:#fff;border-color:#ffff0080}.bank-form .form-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 3px #ffff0026,0 2px 8px #0000000d;outline:none;transform:translateY(-1px)}.bank-form .save-btn{align-self:flex-end;grid-column:1/-1}.message-image-preview{margin-top:10px;max-height:240px;max-width:240px}.message-image-preview,.message-table-image{border:1px solid #ffff0073;border-radius:10px}.message-table-image{height:76px;object-fit:cover;width:76px}.admin-content::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{height:8px;width:8px}.admin-content::-webkit-scrollbar-thumb,.admin-tabs::-webkit-scrollbar-thumb{background:#ff06;border-radius:10px}@media (max-width:768px){.admin-drawer{background:linear-gradient(180deg,#f9f9f9,#f0f0f0);border-right:2px solid #ff06;box-shadow:4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:240px!important;z-index:1000}.admin-drawer.open{box-shadow:4px 0 30px #0003;transform:translateX(0)}.admin-drawer.closed{transform:translateX(-100%)}.admin-main,.admin-main.drawer-closed,.admin-main.drawer-open{margin-left:0!important;max-width:100vw!important;width:100vw!important}.hamburger-btn{background:#0000;border:none;cursor:pointer;display:flex!important;flex-direction:column;gap:4px;padding:8px}.admin-content{box-sizing:border-box;margin-bottom:0;max-width:100vw;overflow-x:hidden;padding:8px;width:100%}.admin-content h2{border-bottom:3px solid #8b5cf6;display:block;font-size:1.2rem;margin-bottom:12px;padding-bottom:8px}.analytics-section,.bank-section,.dashboard-section,.messages-section,.orders-section,.products-section,.settings-section,.topup-section,.users-section{border:1px solid #8b5cf614;border:1px solid var(--border-soft);border-radius:10px;box-shadow:0 1px 4px #00000008;box-sizing:border-box;margin:0;max-width:100%;min-height:auto;overflow-x:auto;padding:12px;width:100%}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px;width:100%}.stat-card{border:2px solid #8b5cf6;border-radius:8px;box-shadow:0 1px 4px #00000008;padding:12px 10px}.stat-card h3{font-size:.7rem;letter-spacing:.2px;margin-bottom:6px}.stat-number{font-size:1.4rem}.filters{flex-direction:column;gap:8px;margin-bottom:12px}.filter-group{gap:4px;min-width:100%}.filter-group label{font-size:11px}.filter-group select{border-radius:8px;font-size:14px;padding:10px 12px}.form-input{border-radius:8px;font-size:16px;padding:12px}textarea.form-input{min-height:100px}.bank-form,.form-row{gap:12px;grid-template-columns:1fr}input[type=file].form-input::-webkit-file-upload-button{font-size:.85rem;padding:6px 10px}input[type=file].form-input::file-selector-button{font-size:.85rem;padding:6px 10px}select.form-input{background-position:right 10px center;padding-right:32px}table{font-size:.85rem;margin-top:8px}td,th{padding:10px 8px}.admin-drawer:after{background:#00000080;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.admin-drawer.open:after{opacity:1;pointer-events:auto}}@media (max-width:480px){.admin-panel{max-width:100vw;min-height:100vh;overflow-x:hidden}.admin-topbar{box-sizing:border-box;gap:12px;height:-webkit-fit-content;height:fit-content;max-width:100vw;padding:10px 12px}.hamburger-btn{display:flex!important;padding:6px}.hamburger-btn span{height:2px;width:20px}.page-title{font-size:1.1rem}.admin-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:6px;width:100%}.admin-content h2{font-size:1.1rem;margin-bottom:10px;padding-bottom:6px}.analytics-section,.bank-section,.dashboard-section,.messages-section,.orders-section,.products-section,.settings-section,.topup-section,.users-section{border:1px solid #f0f0f0;border-radius:8px;box-shadow:none;box-sizing:border-box;max-width:100%;overflow-x:auto;padding:10px;width:100%}.stats-grid{gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:10px;max-width:100%}.stat-card{border:2px solid #8b5cf6;border-radius:6px;padding:10px 8px}.stat-card h3{font-size:.65rem;margin-bottom:4px}.stat-number{font-size:1.3rem}.filters{gap:6px;margin-bottom:10px}.filter-group{gap:3px}.filter-group label{font-size:10px}.filter-group select{border-radius:6px;font-size:12px;padding:8px 10px}table{font-size:.8rem}td,th{padding:8px 6px}.form-input{font-size:16px;padding:10px}.action-btn{font-size:.75rem;padding:6px 10px}}@media (max-width:600px){.admin-content{overflow-x:hidden;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.admin-drawer{position:fixed!important;transform:translateX(0)!important;width:240px!important}.admin-drawer:after{display:none!important}.admin-main{margin-left:240px!important;max-width:calc(100vw - 240px)!important;width:calc(100vw - 240px)!important}.hamburger-btn{display:none!important}.admin-topbar{max-width:100%;padding:16px 20px}.page-title{font-size:1.5rem}.admin-content{max-width:100%;overflow-x:hidden;padding:16px}.analytics-section,.bank-section,.dashboard-section,.messages-section,.orders-section,.products-section,.settings-section,.topup-section,.users-section{box-sizing:border-box;max-width:100%;overflow-x:auto;padding:20px}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff06}50%{box-shadow:0 0 40px #ff0c}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-slide-up{animation:slideUpFade .5s ease-out}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-bounce-in{animation:bounceIn .7s cubic-bezier(.68,-.55,.265,1.55)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ff03;border-radius:50%;border-top:4px solid var(--primary);display:inline-block;height:50px;margin:20px auto;width:50px}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:1000px 100%;border-radius:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px;width:60%}.skeleton-avatar{border-radius:50%;height:50px;width:50px}.tooltip{display:inline-block;position:relative}.tooltip:before{background:linear-gradient(135deg,#000000f2,#1a1a1af2);border:1px solid #8b5cf6;border:1px solid var(--primary);border-radius:8px;bottom:125%;box-shadow:0 8px 20px #0006;color:#8b5cf6;color:var(--primary);content:attr(data-tooltip);font-size:.85rem;font-weight:500;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:1000}.tooltip:after,.tooltip:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%) scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.tooltip:after{border:6px solid #0000;border-top:6px solid var(--primary);bottom:115%;content:""}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translateX(-50%) scale(1)}.badge{align-items:center;background:#8b5cf6;background:var(--primary);border-radius:999px;box-shadow:0 2px 8px #ffff004d;color:#fff;color:var(--on-primary);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge.badge-success{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.badge.badge-error{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.badge.badge-warning{background:linear-gradient(135deg,#ffca28,#ffa000);color:#000}.badge.badge-info{background:linear-gradient(135deg,#29b6f6,#0288d1);color:#fff}:focus-visible{outline:3px solid #8b5cf6;outline:3px solid var(--primary);outline-offset:2px}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .4s ease-out}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:all .3s ease-in}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--primary) 0,var(--primary-variant) 100%);-webkit-background-clip:text;background-clip:text;font-weight:700}.card-hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover-lift:hover{box-shadow:0 25px 50px #0009,0 0 40px #ffff004d;transform:translateY(-8px) scale(1.02)}.divider-gradient{background:linear-gradient(90deg,#0000,#8b5cf6,#0000);background:linear-gradient(90deg,#0000,var(--primary),#0000);border:none;height:2px;margin:24px 0}@media (max-width:768px){.admin-panel{flex-direction:column}.admin-drawer{border-right:2px solid #ffff004d;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:70px;z-index:1100}.admin-drawer.open{width:200px}.admin-drawer.closed{width:70px}.admin-content{margin-left:70px;padding:16px!important;padding-top:60px}.admin-drawer.open~.admin-content{margin-left:200px}.logo-text p{display:none}.drawer-logo{gap:0;justify-content:center}.drawer-item span{display:none}.admin-drawer.open .drawer-item span{display:inline}.top-bar{align-items:center;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-bottom:1px solid #ff03;display:flex;height:50px;justify-content:space-between;left:70px;padding:12px 16px;position:fixed;right:0;top:0;z-index:900}.top-bar h1{font-size:1.2rem;margin:0}.main-content{grid-template-columns:1fr!important;padding:16px}.drawer-toggle{background:#8b5cf6;background:var(--primary);border:none;border-radius:4px;color:#fff;color:var(--on-primary);cursor:pointer;display:block!important;height:40px;left:10px;padding:8px;position:fixed;top:10px;width:40px;z-index:1101}table{font-size:.8rem}td,th{padding:8px 4px!important}.card{margin-bottom:12px;width:100%}.btn{font-size:.9rem;padding:10px 12px}.tab-buttons{flex-direction:column;gap:8px}.tab-btn{width:100%}.modal-content{height:auto;max-height:90vh;max-width:none!important;width:90vw!important}.grid-2,.grid-3{grid-template-columns:1fr!important}.info-box{margin:8px 0;padding:12px}.info-box>div{font-size:.9rem}.filters-row{flex-direction:column;gap:8px}.filter-group{width:100%}.search-input{padding:8px 12px;width:100%}}@media (min-width:769px) and (max-width:1024px){.admin-drawer{width:80px}.admin-drawer.open{width:240px}.admin-content{margin-left:80px}.main-content{grid-template-columns:repeat(2,1fr)!important;padding:20px}.logo-text p{display:none}}@media (min-width:1025px){.admin-drawer{width:260px}.admin-content{margin-left:260px}.logo-text p{display:block}.drawer-item span{display:inline}.drawer-toggle{display:none!important}.main-content{grid-template-columns:repeat(3,1fr)!important;padding:24px}.top-bar{height:60px;left:260px;padding:16px 24px}.top-bar h1{font-size:1.5rem}.filters-row{flex-direction:row;gap:16px}.filter-group{flex:1 1}table{font-size:.95rem}td,th{padding:12px 8px}.modal-content{max-width:90vw;width:600px}.grid-2{grid-template-columns:repeat(2,1fr)!important}.grid-3{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1200px){.main-content{grid-template-columns:repeat(4,1fr)!important;padding:28px}.grid-2{grid-template-columns:repeat(2,1fr)!important}.grid-3{grid-template-columns:repeat(3,1fr)!important}.grid-4{grid-template-columns:repeat(4,1fr)!important}}@media (max-height:500px) and (orientation:landscape){.admin-drawer{height:100vh}.admin-content{max-height:calc(100vh - 50px);overflow-y:auto}.modal-content{max-height:90vh;overflow-y:auto}}@media print{.admin-drawer,.btn,.drawer-toggle,.tab-buttons,.top-bar{display:none!important}.admin-content{margin-left:0}.main-content{padding:0}table{width:100%}table,tr{page-break-inside:avoid}}@media (max-width:1200px){.header-content{padding:16px 24px}.modern-content{padding:24px}.nav-tab{font-size:.85rem;padding:10px 16px}}@media (max-width:968px){.header-content{align-items:flex-start;flex-direction:column;gap:20px}.modern-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:8px;scrollbar-width:thin;width:100%}.nav-tab{flex-shrink:0}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.header-content,.modern-content{padding:16px}.brand-icon{font-size:2rem;height:48px;width:48px}.brand-text h1{font-size:1.4rem}.brand-text p{font-size:.75rem}.nav-tab{font-size:.8rem;padding:8px 12px}.tab-label{display:none}.tab-icon{font-size:1.4rem}.analytics-section,.bank-section,.dashboard-section,.messages-section,.orders-section,.products-section,.settings-section,.topup-section,.users-section{border-radius:12px;padding:20px}.analytics-section h2,.bank-section h2,.dashboard-section h2,.messages-section h2,.orders-section h2,.products-section h2,.settings-section h2,.topup-section h2,.users-section h2{font-size:1.5rem}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-number{font-size:2rem}.bank-form,.form-row{grid-template-columns:1fr}table{font-size:.85rem}td,th{padding:10px 12px}}@media (max-width:480px){.brand-text h1{font-size:1.2rem}.nav-tab{padding:10px}.modern-content{padding:12px}.analytics-section h2,.bank-section h2,.dashboard-section h2,.messages-section h2,.orders-section h2,.products-section h2,.settings-section h2,.topup-section h2,.users-section h2{font-size:1.4rem}.action-btn{font-size:.75rem;padding:8px 16px}}
/*# sourceMappingURL=main.3b56c3a8.css.map*/