@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#060913;--bg-card:#0d142680;--bg-modal:#0d1426f2;--bg-sidebar:#0a0f1ed9;--bg-navbar:#060913b3;--border-glass:#ffffff0f;--border-glow:#8b5cf633;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#64748b;--primary:#8b5cf6;--primary-glow:color-mix(in srgb, var(--primary) 40%, transparent);--secondary:#06b6d4;--secondary-glow:#06b6d466;--accent:#ec4899;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--font-sans:"Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-glass:0 8px 32px 0 #0000005e;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d414 0%,#0000 40%),radial-gradient(circle,#ec489908 0%,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{min-height:100vh;display:flex}.main-content{min-width:0;min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;margin-left:280px;display:flex}.sidebar-container{background:var(--bg-sidebar);border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);z-index:100;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:10px 0 30px #0000004d}.logo-section{border-bottom:1px solid var(--border-glass);flex-direction:column;gap:4px;padding:24px;display:flex}.logo-section h2{letter-spacing:2px;font-size:1.6rem;font-weight:800}.logo-sub{letter-spacing:4px;font-size:.75rem;font-weight:600}.sidebar-menu-wrapper{flex-direction:column;flex:1;gap:25px;padding:20px 14px;display:flex;overflow-y:auto}.menu-group{flex-direction:column;gap:10px;display:flex}.menu-group-title{color:var(--text-dark);letter-spacing:1.5px;text-transform:uppercase;padding-left:10px;font-size:.75rem;font-weight:700}.menu-list{flex-direction:column;gap:5px;list-style:none;display:flex}.menu-list li{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:.92rem;font-weight:500;display:flex}.menu-list li:hover{color:var(--text-main);background:#ffffff08}.menu-list li.active{color:var(--primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#8b5cf626 0%,#8b5cf605 100%);font-weight:600;box-shadow:inset 5px 0 10px #8b5cf60d}.platform-menu-item{flex-direction:column;display:flex;padding:0!important}.platform-menu-item:hover{background:0 0!important}.platform-header{color:var(--text-muted);cursor:pointer;width:100%;transition:var(--transition-fast);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:.92rem;font-weight:500;display:flex}.platform-header:hover{color:var(--text-main);background:#ffffff08}.chevron{color:var(--text-dark);margin-left:auto}.submenu-list{border-left:1px dashed var(--border-glass);flex-direction:column;gap:5px;margin-top:5px;margin-left:22px;padding-left:36px;list-style:none;display:flex}.submenu-list li{color:var(--text-muted);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:.85rem}.submenu-list li:hover{color:var(--secondary);background:#06b6d40d}.sidebar-footer{border-top:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:12px;padding:20px;font-weight:500;display:flex}.sidebar-footer:hover{color:var(--danger);background:#ef44440d}.navbar-container{background:var(--bg-navbar);border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);z-index:90;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.nav-search{border:1px solid var(--border-glass);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;width:300px;padding:8px 14px;display:flex}.nav-search input{color:var(--text-main);width:100%;font-family:var(--font-sans);background:0 0;border:none;outline:none;font-size:.9rem}.nav-actions{align-items:center;gap:20px;display:flex}.balance-card{background:linear-gradient(135deg,#8b5cf626 0%,#06b6d426 100%);border:1px solid #8b5cf640;border-radius:10px;flex-direction:column;align-items:flex-end;padding:6px 16px;display:flex}.balance-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.balance-card .value{color:#fff;font-size:1.1rem;font-weight:700}.nav-btn-support{color:var(--secondary);cursor:pointer;background:#06b6d41a;border:1px solid #06b6d433;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.nav-btn-support:hover{background:var(--secondary);color:#000;box-shadow:0 0 15px var(--secondary-glow)}.user-profile-badge{align-items:center;gap:10px;display:flex}.user-profile-badge .avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-profile-badge .info{flex-direction:column;display:flex}.user-profile-badge .username{font-size:.9rem;font-weight:600}.user-profile-badge .role{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:16px;padding:24px}.glass-panel:hover{border-color:var(--border-glow);transition:var(--transition-normal);box-shadow:0 8px 32px #8b5cf60d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{align-items:center;gap:20px;display:flex}.stat-card .icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-card.purple .icon-wrapper{color:var(--primary);background:#8b5cf61f}.stat-card.cyan .icon-wrapper{color:var(--secondary);background:#06b6d41f}.stat-card.pink .icon-wrapper{color:var(--accent);background:#ec48991f}.stat-card.success .icon-wrapper{color:var(--success);background:#10b9811f}.stat-card .info{flex-direction:column;display:flex}.stat-card .value{font-size:1.5rem;font-weight:700}.stat-card .label{color:var(--text-muted);font-size:.85rem}.dashboard-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.section-title{align-items:center;gap:10px;margin-bottom:20px;font-size:1.25rem;font-weight:700;display:flex}.notification-list{flex-direction:column;gap:15px;display:flex}.notification-item{border-left:3px solid var(--primary);background:#ffffff03;border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff05;border-right:1px solid #ffffff05;border-radius:0 8px 8px 0;padding:12px 16px}.notification-item .title{margin-bottom:4px;font-size:.95rem;font-weight:600}.notification-item .time{color:var(--text-dark);font-size:.75rem}.notification-item .body{color:var(--text-muted);margin-top:6px;font-size:.85rem;line-height:1.4}.text-neon-purple{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.text-neon-cyan{color:var(--secondary);text-shadow:0 0 10px var(--secondary-glow)}.border-neon-purple{border:1px solid var(--primary);box-shadow:0 0 10px var(--primary-glow)}.border-neon-cyan{border:1px solid var(--secondary);box-shadow:0 0 10px var(--secondary-glow)}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);letter-spacing:.3px;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:.96rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 70%, #000) 100%);border:1.5px solid color-mix(in srgb, var(--primary) 85%, #fff);box-shadow:0 4px 15px var(--primary-glow);color:#fff!important}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow), 0 0 8px var(--primary);border-color:#fff;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, color-mix(in srgb, var(--secondary) 75%, #000) 100%);border:1.5px solid color-mix(in srgb, var(--secondary) 85%, #fff);box-shadow:0 4px 15px var(--secondary-glow);color:#fff!important}.btn-secondary:hover{box-shadow:0 6px 20px var(--secondary-glow), 0 0 8px var(--secondary);border-color:#fff;transform:translateY(-2px)}.btn-glass{border:1.5px solid var(--border-glass);color:var(--text-main);background:#ffffff0d}.btn-glass:hover{border-color:var(--text-muted);background:#ffffff1f;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, color-mix(in srgb, var(--danger) 75%, #000) 100%);border:1.5px solid color-mix(in srgb, var(--danger) 85%, #fff);box-shadow:0 4px 15px #ef444459;color:#fff!important}.btn-danger:hover{box-shadow:0 6px 20px #ef44448c, 0 0 8px var(--danger);border-color:#fff;transform:translateY(-2px)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.form-control{border:1px solid var(--border-glass);color:var(--text-main);font-family:var(--font-sans);transition:var(--transition-fast);background:#ffffff08;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 2px #8b5cf626}.form-control::placeholder{color:var(--text-dark)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}select.form-control option{color:#f8fafc;background-color:#0d1426;padding:8px}.payment-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (width<=768px){.payment-grid{grid-template-columns:1fr}}.payment-methods-list{flex-direction:column;gap:15px;display:flex}.payment-method-card{border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition-fast);background:#ffffff03;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.payment-method-card:hover,.payment-method-card.selected{border-color:var(--primary);background:#8b5cf60d}.payment-method-card .info{flex-direction:column;gap:4px;display:flex}.payment-method-card .name{font-weight:600}.payment-method-card .number{color:var(--text-muted);font-family:monospace;font-size:.95rem}.payment-method-card .type{text-transform:uppercase;color:var(--secondary);font-size:.75rem;font-weight:700}.qr-result-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.qr-image-wrapper{background:#fff;border-radius:16px;padding:16px;display:inline-block;box-shadow:0 10px 30px #00000080}.qr-image-wrapper img{max-width:230px;display:block}.memo-copy-box{border:1px dashed var(--primary);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:12px 20px;font-family:monospace;font-size:1.1rem;display:flex}.chat-container{flex-direction:column;height:500px;display:flex}.chat-messages{border:1px solid var(--border-glass);background:#0000001a;border-radius:12px;flex-direction:column;flex:1;gap:15px;margin-bottom:20px;padding:20px;display:flex;overflow-y:auto}.message-bubble{border-radius:12px;flex-direction:column;gap:4px;max-width:70%;padding:12px 16px;display:flex}.message-bubble.incoming{border:1px solid var(--border-glass);background:#ffffff0d;align-self:flex-start}.message-bubble.outgoing{background:linear-gradient(135deg, var(--primary) 0%, #6d28d9 100%);color:#fff;align-self:flex-end}.message-bubble .sender{text-transform:uppercase;font-size:.75rem;font-weight:700}.message-bubble.incoming .sender{color:var(--secondary)}.message-bubble.outgoing .sender{color:var(--accent)}.message-bubble .time{color:var(--text-muted);align-self:flex-end;font-size:.65rem}.message-bubble.outgoing .time{color:#fff9}.chat-input-box{gap:10px;display:flex}.chat-input-box input{flex:1}.pricing-filter{gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex;overflow-x:auto}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-panel{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{letter-spacing:1.5px;font-size:2.2rem;font-weight:800}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.9rem}.auth-footer span{color:var(--primary);cursor:pointer;font-weight:600}@media (width<=1024px){.sidebar-container{transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.main-content{margin-left:0}}.table-container{border:1px solid var(--border-glass);background:var(--bg-card);border-radius:12px;width:100%;margin-bottom:20px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-family:var(--font-sans)}.custom-table th{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1.5px solid var(--border-glass);background:color-mix(in srgb, var(--text-main) 2%, transparent);white-space:nowrap;padding:14px 16px;font-size:.78rem;font-weight:700}.custom-table td{vertical-align:middle;border-bottom:1px solid var(--border-glass);color:var(--text-main);padding:12px 16px}.custom-table tbody tr{transition:background-color var(--transition-fast)}.custom-table tbody tr:hover{background-color:#8b5cf608}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-modal:#fffffffa;--bg-sidebar:#f8fafcf2;--bg-navbar:#ffffffd9;--border-glass:#0000000d;--border-glow:#8b5cf64d;--text-main:#0f172a;--text-muted:#475569;--text-dark:#94a3b8;--primary:#7c3aed;--primary-glow:color-mix(in srgb, var(--primary) 20%, transparent);--secondary:#0891b2;--secondary-glow:#0891b233;--shadow-glass:0 10px 30px #94a3b81f, 0 1px 3px #94a3b80a;--bg-select-option:#fff}select.form-control option{background-color:var(--bg-select-option,#0d1426)!important;color:var(--text-main)!important}body,aside,nav,main,.glass-panel,.form-control,button,input,select,td,th{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}.support-bubble{transform:translateZ(0)}.support-bubble:hover{transform:scale(1.12)translateY(-4px)!important}.support-bubble.zalo:hover{box-shadow:0 0 20px #0068ffcc!important}.support-bubble.telegram:hover{box-shadow:0 0 20px #229ed9cc!important}.badge{transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:8px;font-weight:600;display:inline-flex}.badge-completed{color:#4ade80!important;background-color:#4ade801f!important;border:1px solid #4ade804d!important;box-shadow:0 0 12px #4ade801a!important}.badge-canceled,.badge-failed{color:#f87171!important;background-color:#f871711f!important;border:1px solid #f871714d!important;box-shadow:0 0 12px #f871711a!important}.badge-pending,.badge-scheduled{color:#fbbf24!important;background-color:#fbbf241f!important;border:1px solid #fbbf244d!important;box-shadow:0 0 12px #fbbf241a!important}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.4,0,.2,1) forwards fade-in}.main-body-container{flex:1;padding:24px 30px 40px}.sidebar-overlay{display:none}@media (width<=1024px){.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background:#030712a6;animation:.2s ease-out fade-in;display:block;position:fixed;inset:0}.sidebar-container{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.main-content{margin-left:0!important}.sidebar-toggle-btn{display:flex!important}.sidebar-close-btn{display:block!important}}@media (width<=768px){.main-body-container{padding:16px 15px 30px!important}.nav-search,.nav-btn-support{display:none!important}.dashboard-grid,.profile-layout,.payment-grid{grid-template-columns:1fr!important;gap:20px!important}div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:15px!important}.btn-secondary,.btn-primary{width:100%!important}}@media (width<=600px){.server-select-info{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.server-select-name{white-space:normal!important}.server-select-rate{align-self:flex-start!important}.link-input-group{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.link-helper-btns{justify-content:flex-end!important;width:100%!important}.link-helper-btns .btn{flex:1!important}}@media (width<=480px){.user-profile-badge .info{display:none!important}.balance-card{padding:4px 10px!important}.balance-card .value{font-size:.95rem!important}.nav-actions{gap:10px!important}}