:root{--hero-purple: #a855f7;--hero-purple-light: #c084fc;--hero-purple-dark: #7c3aed;--hero-gold: #fbbf24;--hero-bg-main: #080a0f;--hero-bg-dark: #05070c;--hero-bg-card: #0f1218;--hero-border: rgba(168, 85, 247, .15);--hero-text-primary: #f8fafc;--hero-text-secondary: #94a3b8;--hero-text-muted: #64748b;--hero-sidebar-width: 260px;--hero-sidebar-collapsed: 70px;--hero-header-height: 70px;--hero-transition: cubic-bezier(.4, 0, .2, 1);--text-primary: var(--hero-text-primary);--text-secondary: var(--hero-text-secondary);--text-muted: var(--hero-text-muted);--primary-purple: var(--hero-purple);--bg-card: var(--hero-bg-card);--border-color: var(--hero-border)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--hero-bg-main);color:var(--hero-text-primary);overflow:hidden;width:100%;max-width:100%;height:100vh}#app{min-height:100vh;overflow-x:hidden;max-width:100%}.hero-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--hero-bg-main)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 1px);background-size:40px 40px;animation:grid-flow 30s linear infinite;will-change:transform}@keyframes grid-flow{0%{transform:translateZ(0)}to{transform:translate3d(40px,40px,0)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;will-change:transform,opacity}.hero-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--hero-purple) 0%,transparent 70%);top:-20%;right:-10%;animation:float-1 25s ease-in-out infinite}.hero-orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--hero-purple-dark) 0%,transparent 70%);bottom:-15%;left:-10%;animation:float-2 20s ease-in-out infinite}@keyframes float-1{0%,to{transform:translateZ(0) scale(1);opacity:.15}50%{transform:translate3d(30px,-30px,0) scale(1.1);opacity:.2}}@keyframes float-2{0%,to{transform:translateZ(0) scale(1);opacity:.15}50%{transform:translate3d(-30px,30px,0) scale(1.1);opacity:.2}}.hero-app{position:relative;min-height:100vh;z-index:10;overflow-x:hidden;max-width:100%}.hero-sidebar{position:fixed!important;left:0!important;top:0!important;width:var(--hero-sidebar-width);height:100vh!important;background:linear-gradient(180deg,#0f1218f2,#080a0ffa);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--hero-border);box-shadow:4px 0 24px #00000080;z-index:1000!important;display:flex;flex-direction:column;overflow:hidden;transition:width .3s var(--hero-transition);will-change:width;transform:translateZ(0)}.hero-sidebar.is-collapsed{width:var(--hero-sidebar-collapsed)}.hero-sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(168,85,247,.1);display:flex;align-items:center;justify-content:center;min-height:80px}.hero-logo,.hero-logo-mini{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s}.hero-logo:hover,.hero-logo-mini:hover{transform:scale(1.05)}.hero-logo img{max-width:180px;height:auto;filter:drop-shadow(0 4px 12px rgba(168,85,247,.4))}.hero-logo-mini img{width:50px;height:auto;max-height:50px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(168,85,247,.6))}.hero-sidebar-nav{flex:1;overflow:hidden;display:flex;flex-direction:column}.hero-nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 0}.hero-nav-scroll::-webkit-scrollbar{width:4px}.hero-nav-scroll::-webkit-scrollbar-track{background:transparent}.hero-nav-scroll::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:4px}.hero-nav-scroll::-webkit-scrollbar-thumb:hover{background:#a855f780}.hero-nav-section{margin-bottom:1.5rem;padding:0 1rem}.hero-nav-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-text-muted);padding:0 .75rem .75rem;position:relative;display:flex;align-items:center;gap:.5rem}.hero-nav-title:before{content:"";width:3px;height:10px;background:linear-gradient(180deg,var(--hero-purple),transparent);border-radius:2px}.hero-nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem;margin-bottom:.25rem;border-radius:10px;color:var(--hero-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent;background:transparent;width:100%;text-align:left;transition:all .2s var(--hero-transition);position:relative;overflow:hidden}.hero-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:60%;background:linear-gradient(90deg,var(--hero-purple),transparent);transition:width .2s var(--hero-transition);border-radius:0 4px 4px 0}.hero-nav-item:hover{color:var(--hero-text-primary);background:#a855f714;border-color:#a855f733;transform:translate(2px)}.hero-nav-item:hover:before{width:3px}.hero-nav-item.is-active{color:#fff;background:linear-gradient(135deg,#a855f740,#7c3aed33);border-color:#a855f766;box-shadow:0 4px 12px #a855f733,inset 0 1px #ffffff1a}.hero-nav-item.is-active:before{width:3px;background:linear-gradient(180deg,var(--hero-purple-light),var(--hero-purple))}.hero-nav-item.is-collapsed{justify-content:center;padding:.75rem}.hero-nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:transform .2s}.hero-nav-item:hover .hero-nav-item-icon{transform:scale(1.1)}.hero-nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-nav-dropdown{position:relative}.hero-nav-dropdown-arrow{margin-left:auto;font-size:12px;transition:transform .2s}.hero-nav-dropdown-arrow.is-open{transform:rotate(180deg)}.hero-nav-submenu{padding:.5rem 0 .5rem 2.5rem;overflow:hidden}.hero-nav-submenu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;margin-bottom:.25rem;border-radius:8px;color:var(--hero-text-secondary);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s;position:relative}.hero-nav-submenu-item:before{content:"";width:4px;height:4px;background:#a855f780;border-radius:50%;flex-shrink:0}.hero-nav-submenu-item:hover{color:var(--hero-text-primary);background:#a855f714;transform:translate(2px)}.hero-nav-submenu-item:hover:before{background:var(--hero-purple);box-shadow:0 0 8px #a855f799}.hero-nav-submenu-item.is-active{color:var(--hero-purple-light);background:#a855f71f;font-weight:600}.hero-nav-submenu-item.is-active:before{background:var(--hero-purple);box-shadow:0 0 8px #a855f7cc}.hero-sidebar-toggle{position:fixed;top:1.5rem;left:calc(var(--hero-sidebar-width) - 12px);width:24px;height:24px;background:#0f1218f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--hero-border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 0 0 1px #a855f71a;transition:all .3s var(--hero-transition);z-index:1001;opacity:.8}.hero-sidebar.is-collapsed~.hero-sidebar-toggle{left:calc(var(--hero-sidebar-collapsed) - 12px)}.hero-sidebar-toggle:hover{opacity:1;background:#a855f726;border-color:var(--hero-purple);box-shadow:0 4px 12px #a855f74d,0 0 0 1px var(--hero-purple);transform:translateY(-1px)}.hero-sidebar-toggle:active{transform:translateY(0) scale(.95)}.hero-sidebar-toggle i{color:var(--hero-purple-light);font-size:11px;transition:transform .3s var(--hero-transition)}.hero-sidebar-toggle:hover i{color:var(--hero-purple);transform:scale(1.1)}.hero-sidebar-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:none}.hero-header{position:fixed!important;top:0!important;left:var(--hero-sidebar-width);right:0!important;height:var(--hero-header-height);background:#0f1218cc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--hero-border);box-shadow:0 2px 16px #0000004d;display:flex;align-items:center;gap:1.5rem;padding:0 2rem;z-index:999!important;transition:left .3s var(--hero-transition);transform:translateZ(0)}.hero-header.is-sidebar-collapsed{left:var(--hero-sidebar-collapsed)}.hero-mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:8px;color:var(--hero-purple);font-size:18px;cursor:pointer;transition:all .2s;flex-shrink:0}.hero-mobile-toggle:hover{background:#a855f733;border-color:#a855f766}.hero-header-title{flex:0 1 auto;min-width:0}.hero-header-title h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--hero-purple-light),var(--hero-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-header-actions{margin-left:auto;display:flex;align-items:center;gap:1rem}.hero-account-badge{display:flex;align-items:center;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:.625rem .75rem;gap:.75rem;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-account-badge:hover{background:#a855f71f;border-color:#a855f74d;box-shadow:0 4px 16px #a855f733}.hero-badge-section{display:flex;align-items:center;gap:.625rem}.hero-badge-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--hero-purple),var(--hero-purple-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;box-shadow:0 2px 8px #a855f74d;flex-shrink:0}.hero-badge-content{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.hero-badge-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--hero-text-muted);line-height:1}.hero-badge-value{font-size:.875rem;font-weight:700;background:linear-gradient(135deg,var(--hero-purple-light),var(--hero-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-badge-divider{width:1px;height:32px;background:#a855f733;flex-shrink:0}.hero-badge-recharge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--hero-purple),var(--hero-purple-dark));border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #a855f766;flex-shrink:0}.hero-badge-recharge:hover{background:linear-gradient(135deg,var(--hero-purple-light),var(--hero-purple));box-shadow:0 4px 12px #a855f780;transform:translateY(-1px)}.hero-badge-recharge i{font-size:13px}.hero-profile{position:relative}.hero-profile-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:10px;cursor:pointer;transition:all .2s}.hero-profile-btn:hover{background:#a855f71f;border-color:#a855f74d}.hero-profile-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--hero-purple),var(--hero-purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #a855f74d}.hero-profile-info{display:flex;flex-direction:column;gap:.125rem;text-align:left}.hero-profile-name{font-size:.875rem;font-weight:600;color:var(--hero-text-primary)}.hero-profile-role{font-size:.7rem;font-weight:500;color:var(--hero-text-muted)}.hero-profile-arrow{margin-left:.5rem;font-size:12px;color:var(--hero-text-secondary);transition:transform .2s}.hero-profile-arrow.is-open{transform:rotate(180deg)}.hero-profile-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:var(--hero-bg-card);border:1px solid var(--hero-border);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden}.hero-profile-menu-header{padding:1.25rem;background:#a855f714;border-bottom:1px solid var(--hero-border);display:flex;align-items:center;gap:1rem}.hero-profile-menu-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--hero-purple),var(--hero-purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px #a855f766}.hero-profile-menu-info{flex:1}.hero-profile-menu-name{font-size:1rem;font-weight:600;color:var(--hero-text-primary);margin-bottom:.25rem}.hero-profile-menu-email{font-size:.85rem;color:var(--hero-text-secondary)}.hero-profile-menu-items{padding:.5rem}.hero-profile-menu-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:8px;color:var(--hero-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.hero-profile-menu-item:hover{background:#a855f71a;color:var(--hero-text-primary)}.hero-profile-menu-item i{font-size:18px;width:20px}.hero-profile-menu-item.is-logout{color:#ef4444}.hero-profile-menu-item.is-logout:hover{background:#ef44441a;color:#ef4444}.hero-profile-menu-divider{height:1px;background:var(--hero-border);margin:.5rem 0}.hero-main{position:fixed;top:var(--hero-header-height);left:var(--hero-sidebar-width);right:0;bottom:0;padding:2rem;overflow-y:auto;overflow-x:hidden;transition:left .3s var(--hero-transition);box-sizing:border-box}.hero-main.is-sidebar-collapsed{left:var(--hero-sidebar-collapsed)}.hero-chat-buttons{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:50}.hero-chat-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;text-decoration:none;box-shadow:0 4px 16px #0000004d;transition:all .3s}.hero-chat-btn:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 24px #0006}.hero-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.hero-telegram{background:linear-gradient(135deg,#08c,#0077b5)}@media(max-width:1024px){.hero-header{padding:0 1.5rem}.hero-main{padding:1.5rem}.hero-sidebar-toggle{display:none}}@media(max-width:991px){.hero-sidebar{transform:translate(-100%);box-shadow:8px 0 32px #0009}.hero-sidebar.is-mobile-open{transform:translate(0)}.hero-sidebar-overlay{display:block}.hero-header{left:0!important;padding:0 .75rem;height:64px;gap:.5rem;flex-wrap:nowrap!important;flex-direction:row!important}.hero-header.is-sidebar-collapsed{left:0!important}.hero-header-title{flex:0 0 auto;overflow:hidden;max-width:150px}.hero-header-title h1{font-size:1rem}.hero-header-actions{flex:1 1 auto;justify-content:flex-end;gap:.5rem;min-width:0}.hero-mobile-toggle{display:flex}.hero-main{left:0!important;top:64px;padding:1.5rem}.hero-main.is-sidebar-collapsed{left:0!important}.hero-sidebar-toggle,.hero-badge-section:first-child{display:none}.hero-badge-divider:first-of-type{display:none}.hero-badge-label{display:none}.hero-badge-icon{width:28px;height:28px;font-size:12px}.hero-badge-recharge span{display:none}.hero-account-badge{padding:.5rem;gap:.5rem}.hero-profile-info,.hero-profile-arrow{display:none}.hero-chat-buttons{bottom:1rem;right:1rem}.hero-chat-btn{width:48px;height:48px;font-size:24px}}@media(max-width:640px){.hero-header{padding:0 .75rem;height:60px;gap:.75rem}.hero-header-title h1{font-size:1.1rem}.hero-main{top:60px;padding:1rem}.hero-account-badge{padding:.375rem;gap:.375rem}.hero-badge-icon{width:24px;height:24px;font-size:11px}.hero-badge-recharge{padding:.375rem .625rem}.hero-badge-divider{height:28px}.hero-sidebar{width:280px}.hero-nav-title{font-size:.7rem}.hero-chat-buttons{bottom:.75rem;right:.75rem;gap:.75rem}.hero-chat-btn{width:44px;height:44px;font-size:22px}.hero-profile-menu{right:0;left:auto;min-width:240px}}@media(max-width:375px){.hero-header{padding:0 .5rem;height:56px}.hero-header-title h1{font-size:1rem}.hero-main{top:56px;padding:.75rem}.hero-sidebar{width:260px}.hero-profile-menu{min-width:220px}}@media(min-width:1440px){:root{--hero-sidebar-width: 280px}.hero-sidebar-toggle{left:268px}.hero-sidebar.is-collapsed~.hero-sidebar-toggle{left:calc(var(--hero-sidebar-collapsed) - 12px)}}@media(min-width:1920px){.hero-main{padding:2.5rem}}.gts-card{background:var(--hero-bg-card);border:1px solid var(--hero-border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px #0003;transition:all .3s var(--hero-transition)}.gts-card:hover{border-color:#a855f74d;box-shadow:0 8px 24px #a855f726}.gts-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--hero-border)}.gts-card-title{font-size:1.25rem;font-weight:700;color:var(--hero-text-primary);margin:0}.dashboard-container{position:relative;z-index:1}.hero-main h1,.hero-main h2,.hero-main h3,.hero-main h4,.hero-main h5,.hero-main h6{color:var(--hero-text-primary)!important}.hero-main p,.hero-main span,.hero-main div{color:var(--hero-text-secondary)!important}.hero-main a{color:var(--hero-text-primary)!important}.hero-main .stat-value{background:linear-gradient(135deg,#c084fc,#a855f7)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}[data-page]{will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden}.page-enter-active,.page-leave-active{transition:opacity .15s cubic-bezier(.16,1,.3,1)}.page-enter-from,.page-leave-to{opacity:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{transform:translateZ(0);backface-visibility:hidden;will-change:auto}#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(90deg,#a855f7,#c084fc);position:fixed;z-index:99999;top:0;left:0;width:100%;height:3px;box-shadow:0 0 10px #a855f7,0 0 5px #a855f7}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #a855f7,0 0 5px #a855f7;opacity:1;transform:rotate(3deg) translateY(-4px)}