.header-logo{text-decoration:none}.logo-text{text-transform:uppercase;letter-spacing:2px;color:#0000;background:linear-gradient(270deg,#00ff6a,#00e0ff,#f0f,#00ff6a) 0 0/800% 800%;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;animation:6s infinite rgbFlow}@keyframes rgbFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.header-menu{gap:30px;margin:0;padding:0;list-style:none;display:flex}.menu-item{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:10px 0;font-size:15px;font-weight:600;text-decoration:none;display:flex;position:relative}.dropdown{position:relative}.dropdown-menu{background:var(--bg-card);z-index:1000;border:1px solid #00ff6a33;border-radius:8px;min-width:200px;padding:10px 0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #00000080}.dropdown:hover .dropdown-menu{animation:.3s fadeIn;display:block}.dropdown-item{color:#fff;padding:12px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{color:var(--neon-green);background:#00ff6a1a}.btn-connect{background-color:var(--neon-green);color:var(--bg-dark);cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:800;text-decoration:none}.user-balance-display{color:var(--neon-green);font-weight:800}.avatar-circle{background-color:var(--neon-green);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;overflow:hidden}.avatar-circle:hover{border-color:var(--neon-green);box-shadow:0 0 15px var(--neon-green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stopwatch-container{color:#fff;background:#0f0f0f;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:50px;display:flex}.tool-title{letter-spacing:2px;color:#0fc;margin-bottom:20px;font-size:1.5rem}.timer-display{background:#ffffff0d;border:1px solid #333;border-radius:15px;margin-bottom:30px;padding:30px 60px;font-family:Courier New,Courier,monospace;font-size:5rem;font-weight:700;box-shadow:0 0 20px #0fc3}.stopwatch-controls{gap:20px;display:flex}.stopwatch-controls button{cursor:pointer;border:none;border-radius:5px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s}.btn-start{color:#fff;background:#28a745}.btn-start:hover{background:#218838;box-shadow:0 0 15px #28a745}.btn-stop{color:#fff;background:#dc3545}.btn-stop:hover{background:#c82333;box-shadow:0 0 15px #dc3545}.btn-reset{color:#fff;background:#555}.btn-reset:hover{background:#777}.msu-container{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:15px;max-width:600px;margin:20px auto;padding:25px;font-family:Arial,sans-serif}.input-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.input-group select,.input-group input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px}.button-actions{gap:10px;margin-bottom:20px;display:flex}.btn-search{color:#fff;cursor:pointer;background:#1e90ff;border:none;border-radius:8px;flex:2;padding:12px;font-weight:700}.btn-export{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;flex:1;font-weight:700}.result-cards{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.card{text-align:center;background:#252525;border:1px solid #333;border-radius:10px;padding:15px}.card .label{color:#aaa;margin-bottom:5px;font-size:12px;display:block}.card .value{font-size:20px;font-weight:700}.yellow{color:gold}.cyan{color:#0ff}.green{color:#0f0}.orange{color:orange}.log-window{background:#000;border:1px solid #333;border-radius:8px;height:150px;padding:10px;font-family:Consolas,monospace;font-size:12px;overflow-y:auto}.log-line{color:#0f0;margin-bottom:4px}:root{--neon-green:#00ff6a;--bg-dark:#0e1116;--bg-card:#1a1d23;--text-dim:#d1ffd6}*{box-sizing:border-box;transition:all .2s ease-out}body{background-color:var(--bg-dark);color:#fff;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.custom-header{background-color:var(--bg-dark);z-index:1000;border-bottom:1px solid #00ff6a33;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 15px #00ff6a26}.rgb-text .logo-text{text-transform:uppercase;letter-spacing:2px;color:#0000;cursor:pointer;background:linear-gradient(270deg,#00ff6a,#00e0ff,#f0f,#00ff6a) 0 0/800% 800%;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;animation:6s infinite rgbFlow}.header-menu{gap:30px;display:flex}.menu-item{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:10px 0;font-weight:600;text-decoration:none;display:flex;position:relative}.menu-item:hover,.menu-item.active{color:var(--neon-green)}.menu-item:after{content:"";background:var(--neon-green);width:0;height:2px;box-shadow:0 0 10px var(--neon-green);transition:all .3s;position:absolute;bottom:0;left:0}.menu-item:hover:after{width:100%}.header-actions{align-items:center;gap:20px;display:flex}.btn-connect{background-color:var(--neon-green);color:var(--bg-dark);cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:800}.btn-connect:hover{box-shadow:0 0 20px var(--neon-green);transform:translateY(-2px)}.avatar-circle{background-color:var(--neon-green);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;overflow:hidden}.avatar-circle img{object-fit:cover;width:100%;height:100%}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 150px);animation:.5s fadeIn;display:flex}.auth-card{background:var(--bg-card);text-align:center;border:1px solid #00ff6a4d;border-radius:15px;width:100%;max-width:400px;padding:40px;box-shadow:0 0 30px #00ff6a1a}.auth-title{color:var(--neon-green);letter-spacing:3px;text-shadow:0 0 10px #00ff6a4d;margin-bottom:30px;font-size:28px}.input-group{margin-bottom:20px;position:relative}.input-icon{color:var(--neon-green);opacity:.7;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-group input{color:#fff;background:#0e1116;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:15px 15px 15px 50px}.input-group input:focus{border-color:var(--neon-green);box-shadow:0 0 15px #00ff6a33}.auth-submit{background:var(--neon-green);width:100%;color:var(--bg-dark);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:15px;font-size:16px;font-weight:800;display:flex}.auth-submit:hover{box-shadow:0 0 20px var(--neon-green);letter-spacing:1px;transform:translateY(-2px)}.btn-google{margin-top:15px;color:#000!important;background:#fff!important}.btn-google:hover{box-shadow:0 0 20px #fff!important}.btn-logout{color:#fff!important;background:#ff4d4d!important}.btn-logout:hover{box-shadow:0 0 20px #ff4d4d!important}.auth-footer{color:var(--text-dim);margin-top:25px;font-size:14px}.auth-footer span{color:var(--neon-green);cursor:pointer;font-weight:700;text-decoration:underline}.hero-section{text-align:center;margin-top:150px}.hero-text{color:var(--neon-green);text-shadow:0 0 20px #00ff6a66;font-size:50px}.sub-text{color:var(--text-dim);font-size:18px}.auth-divider{text-align:center;color:#555;align-items:center;margin:20px 0;font-size:12px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #333;flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.user-email-display{color:var(--neon-green);background:#00ff6a1a;border:1px solid #00ff6a4d;border-radius:4px;padding:5px 10px;font-size:12px}.alert-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.neon-alert{background:var(--bg-card);border:1px solid var(--neon-green);color:#fff;border-radius:8px;align-items:center;gap:12px;min-width:300px;padding:15px 20px;animation:.3s ease-out forwards slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #00ff6a33}.neon-alert.success{border-color:var(--neon-green);box-shadow:0 0 15px #00ff6a4d}.neon-alert.error{border-color:#ff4d4d;box-shadow:0 0 15px #ff4d4d4d}.neon-alert.error .alert-icon{color:#ff4d4d}.alert-icon{color:var(--neon-green);align-items:center;display:flex}.alert-content{flex:1}.alert-title{letter-spacing:1px;margin-bottom:2px;font-size:14px;font-weight:800}.alert-message{color:var(--text-dim);font-size:13px}.alert-progress{background:var(--neon-green);width:100%;height:3px;animation:3s linear forwards progress;position:absolute;bottom:0;left:0}.neon-alert.error .alert-progress{background:#ff4d4d}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes progress{0%{width:100%}to{width:0%}}.neon-border-alert{border:1px solid var(--neon-green)!important;box-shadow:0 0 20px #00ff6a33!important}.neon-confirm-btn{text-transform:uppercase;color:#0e1116!important;font-weight:800!important}.swal2-title{letter-spacing:2px}.method-card{cursor:pointer;color:#888;background:#0e1116;border:1px solid #333;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px;font-size:12px;font-weight:800;transition:all .3s;display:flex}.method-card:hover{border-color:#666;transform:translateY(-5px)}.active-vcb{background:#00ff6a0d;box-shadow:0 0 15px #00ff6a33;color:#00ff6a!important;border-color:#00ff6a!important}.active-momo{background:#ff007f0d;box-shadow:0 0 15px #ff007f33;color:#ff007f!important;border-color:#ff007f!important}.qr-container{background:#fff;border:4px solid #0000;border-radius:12px;margin-bottom:20px;padding:15px}.border-vcb{border-color:#00ff6a;box-shadow:0 0 20px #00ff6a4d}.border-momo{border-color:#ff007f;box-shadow:0 0 20px #ff007f4d}.transfer-box{text-align:left;background:#0e1116;border:1px dashed #444;border-radius:10px;padding:15px}.content-highlight{color:var(--neon-green);letter-spacing:2px;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:900}.copy-btn{color:var(--neon-green);cursor:pointer;transition:all .2s}.copy-btn:hover{transform:scale(1.2)}.user-balance-display{color:var(--neon-green);text-shadow:0 0 10px #00ff6a4d;font-size:15px;font-weight:800}.btn-deposit{color:#0e1116;cursor:pointer;background:linear-gradient(45deg,gold,#ffae00);border:none;border-radius:5px;align-items:center;gap:8px;padding:8px 15px;font-size:12px;font-weight:900;transition:all .3s;display:flex;box-shadow:0 0 10px #ffd7004d}.btn-deposit:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 20px #ffd70099}.btn-deposit:active{transform:scale(.95)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:40px;display:grid}.product-card{background:var(--bg-card);text-align:center;border:1px solid #00ff6a33;border-radius:15px;padding:25px;transition:all .3s;position:relative}.product-card:hover{border-color:var(--neon-green);transform:translateY(-10px);box-shadow:0 10px 30px #00ff6a33}.product-img{filter:drop-shadow(0 0 10px #fff3);width:80px;margin-bottom:15px}.product-name{color:var(--neon-green);margin:10px 0;font-size:20px}.product-desc{color:#888;height:40px;font-size:13px}.product-footer{border-top:1px solid #333;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;display:flex}.product-price{color:gold;font-size:22px;font-weight:900}.btn-buy{background:var(--neon-green);color:var(--bg-dark);cursor:pointer;border:none;border-radius:5px;align-items:center;gap:5px;padding:8px 15px;font-weight:800;display:flex}.product-badge{background:#ff007f;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.avatar-circle{border:2px solid #0000;transition:all .3s}.avatar-circle:hover{border-color:var(--neon-green);box-shadow:0 0 15px var(--neon-green);transform:scale(1.1)}.active-avatar{border-color:var(--neon-green);box-shadow:0 0 20px var(--neon-green);transform:scale(1.1)}
