@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";.zl-avatar{color:#fff;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.zl-avatar-initials{z-index:0;-webkit-user-select:none;user-select:none;line-height:1}.zl-avatar-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.active-challenge-dot{background:var(--accent-teal);width:8px;height:8px;box-shadow:0 0 6px var(--accent-teal);border-radius:50%;margin-left:auto;animation:2s infinite pulse}.kyc-required-dot{background:#ff9800;border-radius:50%;width:8px;height:8px;margin-left:auto;animation:2s infinite pulse;box-shadow:0 0 6px #ff9800}@keyframes pulse{0%{opacity:.5;transform:scale(.8);box-shadow:0 0 #00d2ff66}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 0 4px #00d2ff33}to{opacity:.5;transform:scale(.8);box-shadow:0 0 #00d2ff00}}.sidebar{--sidebar-width:260px;--sidebar-width-collapsed:80px;--sidebar-bg:#03070d;--sidebar-border:#ffffff0f;--sidebar-hover-bg:#ffffff0a;--sidebar-active-bg:#00d2ff0f;--sidebar-text:#9aa4b2;--sidebar-text-hover:#fff;--sidebar-text-active:#00d2ff;--sidebar-accent-gold:#c5a059;--sidebar-transition:all .3s cubic-bezier(.4, 0, .2, 1)}.dashboard-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;transition:var(--sidebar-transition);flex-direction:column;justify-content:space-between;display:flex;position:relative;top:0;bottom:0;left:0;overflow:hidden auto}.dashboard-sidebar::-webkit-scrollbar{width:4px}.dashboard-sidebar::-webkit-scrollbar-track{background:0 0}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-top{flex-shrink:0;padding:24px 20px}.brand{align-items:center;gap:12px;margin-bottom:40px;padding:0 4px;display:flex}.brand-icon{width:36px;height:36px;transition:var(--sidebar-transition);background:linear-gradient(135deg,#060b13,#12161a);border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;display:flex}.brand-icon img{object-fit:contain;width:24px;height:24px}.brand-name{letter-spacing:1px;text-transform:uppercase;color:#0000;background:linear-gradient(135deg,#fff,#9aa4b2);white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.menu-list{--menu-item-size:50px;--menu-item-gap:6px;--menu-item-step:calc(var(--menu-item-size) + var(--menu-item-gap));--menu-indicator-height:28px;--menu-indicator-offset:calc((var(--menu-item-size) - var(--menu-indicator-height)) / 2);--active-index:0;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:relative}.menu-list:before{content:"";width:3px;height:var(--menu-indicator-height);transform:translateY(calc(var(--menu-indicator-offset) + var(--active-index) * var(--menu-item-step)));pointer-events:none;z-index:2;background:linear-gradient(135deg,#00d2ff,#00a2ff);border-radius:0 3px 3px 0;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;box-shadow:0 0 12px #00d2ff59}.menu-item{height:var(--menu-item-size);position:relative}.menu-item button{width:100%;height:100%;min-height:var(--menu-item-size);color:var(--sidebar-text);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:0 20px;font-size:.85rem;font-weight:500;transition:color .25s,background .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.menu-item button svg{width:20px;height:20px;transition:var(--sidebar-transition);flex-shrink:0}.menu-item button span:not(.active-challenge-dot):not(.kyc-required-dot){white-space:nowrap;flex:1}.menu-item button:hover{color:var(--sidebar-text-hover);background:var(--sidebar-hover-bg);transform:translate(2px)}.menu-item button:hover svg{color:var(--sidebar-text-hover);transform:scale(1.05)}.menu-item.active button{color:var(--sidebar-text-active);background:var(--sidebar-active-bg);font-weight:600;box-shadow:inset 0 0 0 1px #00d2ff1f}.menu-item.active button svg{color:var(--sidebar-text-active)}.active-challenge-dot{background:var(--sidebar-text-active);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto;animation:2s ease-in-out infinite pulse;box-shadow:0 0 6px #00d2ff99}.sidebar-footer{border-top:1px solid var(--sidebar-border);transition:var(--sidebar-transition);background:#0003;align-items:center;gap:12px;margin-top:auto;padding:20px;display:flex}.user-avatar{border:1px solid var(--sidebar-accent-gold);width:40px;height:40px;color:var(--sidebar-accent-gold);text-transform:uppercase;transition:var(--sidebar-transition);background:linear-gradient(135deg,#00d2ff26,#00a2ff14);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.user-meta-info{flex:1;min-width:0}.user-meta-info h4{color:var(--sidebar-text-hover);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.85rem;font-weight:600;overflow:hidden}.user-meta-info p{color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.dashboard-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.dashboard-sidebar.collapsed .brand-name,.dashboard-sidebar.collapsed .menu-item button span:not(.active-challenge-dot):not(.kyc-required-dot),.dashboard-sidebar.collapsed .user-meta-info{display:none}.dashboard-sidebar.collapsed .brand{justify-content:center;padding:0}.dashboard-sidebar.collapsed .menu-item button{justify-content:center;padding:12px}.dashboard-sidebar.collapsed .menu-item button svg{margin:0}.dashboard-sidebar.collapsed .sidebar-footer{justify-content:center;padding:16px}.dashboard-sidebar.collapsed .user-avatar{margin:0}@media (width<=1024px){.dashboard-sidebar{width:240px}.brand-name{font-size:1rem}.menu-item button{padding:0 18px;font-size:.8rem}.menu-item button svg{width:18px;height:18px}.sidebar-footer{padding:16px}.user-avatar{width:36px;height:36px;font-size:.9rem}}@media (width<=768px){.dashboard-sidebar{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.menu-item{opacity:0;animation:.3s forwards slideInFromLeft}.menu-item:first-child{animation-delay:50ms}.menu-item:nth-child(2){animation-delay:.1s}.menu-item:nth-child(3){animation-delay:.15s}.menu-item:nth-child(4){animation-delay:.2s}.menu-item:nth-child(5){animation-delay:.25s}.menu-item:nth-child(6){animation-delay:.3s}.menu-item:nth-child(7){animation-delay:.35s}@media (prefers-reduced-motion:reduce){.menu-list:before{transition:none}.menu-item{opacity:1;animation:none}}.sidebar-hidden{transform:translate(-100%)}.sidebar-visible{transform:translate(0)}.menu-item button:focus-visible{outline:2px solid var(--sidebar-text-active);outline-offset:-2px;border-radius:10px}.user-avatar:focus-visible{outline:2px solid var(--sidebar-text-active);outline-offset:2px}.mobile-dock-nav{display:none}@media (width<=768px){.mobile-dock-nav{z-index:250;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);--dock-gap:4px;--dock-count:4;--active-dock-index:0;background:#03070dfa;border-top:1px solid #ffffff14;justify-content:space-around;align-items:stretch;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-dock-nav:before{content:"";top:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc((100% - 16px - (var(--dock-count) - 1) * var(--dock-gap)) / var(--dock-count));transform:translateX(calc(var(--active-dock-index,0) * (100% + var(--dock-gap))));pointer-events:none;z-index:0;background:#00d2ff14;border-radius:10px;transition:transform .38s cubic-bezier(.4,0,.2,1);position:absolute;left:8px;box-shadow:inset 0 0 0 1px #00d2ff1a}.dock-item{color:#9aa4b2;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:6px 4px;font-size:.62rem;font-weight:600;transition:color .25s;display:flex;position:relative}.dock-item svg{flex-shrink:0}.dock-item span:not(.dock-active-dot){text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dock-item:hover,.dock-item:focus-visible{color:#fff;background:#ffffff0d;outline:none}.dock-item.active{color:#00d2ff}.dock-item.active svg{color:#00d2ff;animation:.42s cubic-bezier(.34,1.15,.64,1) both dockIconActivate}@keyframes dockIconActivate{0%{opacity:.65;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.dock-active-dot{background:#00d2ff;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:calc(50% - 18px);box-shadow:0 0 6px #00d2ff99}.dock-more-overlay{z-index:260;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dock-more-backdrop{cursor:pointer;background:#0000008c;border:none;position:absolute;inset:0}.dock-more-sheet{width:100%;max-height:60vh;padding-bottom:env(safe-area-inset-bottom,0px);background:#03070dfa;border:1px solid #ffffff14;border-bottom:none;border-radius:16px 16px 0 0;animation:.22s dockSheetSlideUp;position:relative}@keyframes dockSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dock-more-sheet-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.dock-more-sheet-header h2{color:#fff;margin:0;font-size:.95rem;font-weight:700}.dock-more-close{color:#9aa4b2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dock-more-list{margin:0;padding:8px 12px 16px;list-style:none}.dock-more-item{color:#9aa4b2;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:.9rem;font-weight:500;display:flex;position:relative}.dock-more-item:hover,.dock-more-item:focus-visible{color:#fff;background:#ffffff0d;outline:none}.dock-more-item.active{color:#00d2ff;background:#00d2ff14}.dock-more-item .dock-active-dot{margin-left:auto;position:static}}@media (width<=480px){.dock-item{padding:5px 2px;font-size:.58rem}.dock-item svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.mobile-dock-nav:before{transition:none}.dock-item.active svg{animation:none}}.dtm-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03070dc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dtm-modal{border:1px solid var(--border-glass,#ffffff14);width:100%;max-width:480px;color:var(--text-main,#fff);background:linear-gradient(#141c28fa,#090e16fa);border-radius:16px;padding:28px;box-shadow:0 20px 60px #00000080}.dtm-head{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.dtm-head>svg{color:var(--accent-teal,#00d2ff);flex-shrink:0;margin-top:2px}.dtm-head h3{margin:0;font-size:1.15rem;font-weight:700}.dtm-head p{color:var(--text-dim,#9aa4b2);margin:4px 0 0;font-size:.78rem}.dtm-copy{color:var(--text-dim,#9aa4b2);margin:0 0 18px;font-size:.83rem;line-height:1.55}.dtm-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.dtm-field span{color:var(--text-dim,#9aa4b2);align-items:center;gap:5px;font-size:.74rem;font-weight:600;display:inline-flex}.dtm-field input{color:var(--text-main,#fff);background:#ffffff08;border:1px solid #ffffff1a;border-radius:9px;outline:none;padding:13px;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.dtm-field input:focus{border-color:var(--accent-teal,#00d2ff);box-shadow:0 0 0 3px #00d2ff24}.dtm-rules{background:#00d2ff0d;border:1px solid #00d2ff29;border-radius:10px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:12px 14px;display:flex}.dtm-rules>svg{color:var(--accent-teal,#00d2ff);flex-shrink:0;margin-top:2px}.dtm-rules ul{flex-direction:column;gap:4px;margin:0;padding-left:16px;display:flex}.dtm-rules li{color:var(--text-dim,#9aa4b2);font-size:.72rem;line-height:1.45}.dtm-note{color:#d9b877;background:#c5a0591a;border:1px solid #c5a0594d;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:.76rem;display:flex}.dtm-note--error{color:#f87171;background:#ef44441a;border-color:#ef44444d}.dtm-save{color:#050a12;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#00d2ff,#00a2ff);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.86rem;font-weight:800;transition:all .2s;display:inline-flex}.dtm-save:hover:not(:disabled){opacity:.93;transform:translateY(-1px)}.dtm-save:disabled{opacity:.45;cursor:not-allowed}.dtm-spin{animation:1s linear infinite dtm-spin}@keyframes dtm-spin{to{transform:rotate(360deg)}}.dtm-close{border:1px solid var(--border-glass,#ffffff1a);color:var(--text-dim,#9aa4b2);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;display:inline-flex}.dtm-close:hover{color:var(--text-main,#fff)}.dtm-progress{color:var(--accent-teal,#00d2ff);font-weight:600}.lazy-purchase-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a12bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lazy-purchase-modal-loading{color:#9aa4b2;flex-direction:column;align-items:center;gap:12px;display:flex}.lazy-purchase-modal-loading .loading-spinner-large{border:3px solid #ffffff14;border-top-color:#00d2ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite lazy-modal-spin}@keyframes lazy-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#03070d33;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.page-title h1{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:700}.page-title p{color:var(--text-dim);margin-top:4px;font-size:.8rem}.header-actions{align-items:center;gap:16px;display:flex}.header-icon-button{cursor:pointer;width:38px;height:38px;color:var(--text-dim);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header-icon-button:hover{color:var(--text-main);background:#ffffff1a}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:-4px;right:-4px}.btn-action-primary{background:linear-gradient(135deg, var(--accent-teal), #00a2ff);color:var(--bg-dark);text-transform:uppercase;cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;padding:10px 20px;font-size:.8rem;font-weight:700;transition:all .2s}.btn-action-primary:hover{opacity:.9;transform:scale(1.02)}.btn-label-short,.user-menu-backdrop{display:none}.user-menu-container{position:relative}.user-menu-trigger{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:40px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.user-menu-trigger:hover{background:#ffffff14;border-color:#ffffff26}.user-menu-trigger.active{background:#00d2ff1a;border-color:#00d2ff4d}.user-avatar-small{width:30px;height:30px;color:var(--bg-dark);background:linear-gradient(135deg,#00d2ff,#00a2ff);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.user-name{color:var(--text-main);font-size:.85rem;font-weight:600}.chevron{color:var(--text-dim);transition:transform .2s}.chevron.rotated{transform:rotate(180deg)}.user-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#03070dfa;border:1px solid #ffffff14;border-radius:12px;width:260px;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:#0003;align-items:center;gap:12px;padding:16px;display:flex}.dropdown-user-avatar{width:40px;height:40px;color:var(--bg-dark);background:linear-gradient(135deg,#00d2ff,#00a2ff);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.dropdown-user-info{flex-direction:column;flex:1;gap:2px;display:flex}.dropdown-user-name{color:var(--text-main);font-size:.85rem;font-weight:700}.dropdown-user-email{color:var(--text-dim);font-size:.7rem}.dropdown-divider{background:#ffffff0f;height:1px;margin:4px 0}.dropdown-item{width:100%;color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--text-main);background:#ffffff0d}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{color:#ef4444;background:#ef44441a}.notifications-container{position:relative}.notifications-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#03070dfa;border:1px solid #ffffff14;border-radius:12px;width:360px;max-width:calc(100vw - 32px);animation:.2s dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notifications-header{background:#0003;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notifications-title{color:var(--text-main);font-size:.9rem;font-weight:700}.notifications-mark-all{color:var(--accent-teal,#00d2ff);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.notifications-mark-all:hover{background:#00d2ff1a}.notifications-list{max-height:380px;overflow-y:auto}.notifications-empty{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:.82rem;display:flex}.notification-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;transition:background .2s;display:flex}.notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#00d2ff0d}.notification-dot{background:var(--accent-teal,#00d2ff);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-item.read .notification-content{padding-left:18px}.notification-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notification-item-title{color:var(--text-main);font-size:.82rem;font-weight:700}.notification-item-message{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;line-height:1.35;display:-webkit-box;overflow:hidden}.notification-item-time{color:var(--text-dim);opacity:.7;margin-top:2px;font-size:.68rem}@media (width<=1024px){.dashboard-header{padding:16px 24px}.user-name{display:none}.user-menu-trigger{padding:6px}}@media (width<=768px){.dashboard-header{background:var(--bg-sidebar,#03070d);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 12px;box-shadow:0 1px #ffffff0f}.page-title{flex:none;min-width:0;padding-top:0}.page-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;line-height:1.3;overflow:hidden}.page-title p{display:none}.header-actions{flex-shrink:0;align-items:center;gap:8px;width:100%}.header-icon-button{flex-shrink:0;width:38px;height:38px}.btn-action-primary{white-space:nowrap;text-align:center;flex:1;min-width:0;padding:9px 12px;font-size:.7rem}.btn-label-full{display:none}.btn-label-short{display:inline}.user-menu-container{flex-shrink:0}.user-menu-trigger{padding:4px}.user-menu-trigger .chevron{display:none}.user-menu-backdrop{z-index:280;cursor:pointer;background:#0000008c;border:none;display:block;position:fixed;inset:0}.user-dropdown{top:auto;left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:290;border-radius:16px 16px 0 0;width:100%;max-width:100%;animation:.22s userMenuSlideUp;position:fixed;transform:none}@keyframes userMenuSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (width<=480px){.dashboard-header{gap:8px;padding:12px 12px 10px}.page-title h1{font-size:.98rem}.header-actions{gap:6px}.header-icon-button{width:36px;height:36px}.btn-action-primary{padding:8px 10px;font-size:.65rem}}.notification-item-message--rich{display:block}.notification-item-message--rich img{border-radius:6px;max-width:100%;height:auto;margin:4px 0}.notification-item-message--rich p{margin:0 0 6px}.notification-item-message--rich h1,.notification-item-message--rich h2,.notification-item-message--rich h3,.notification-item-message--rich h4{margin:6px 0 4px;font-size:.92rem;font-weight:700}.notification-item-message--rich a{color:#7fe3ff;text-decoration:underline}.notification-item-message--rich ul,.notification-item-message--rich ol{margin:0 0 6px;padding-left:18px}.notification-item-message--rich blockquote{border-left:2px solid #00d2ff66;margin:0 0 6px;padding-left:10px}.page-loading-fallback{color:#9aa4b2;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:320px;animation:.35s cubic-bezier(.22,1,.36,1) both dashboardPageEnter;display:flex}.page-loading-fallback .loading-spinner-large{border:3px solid #ffffff14;border-top-color:#00d2ff;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite page-loading-spin}.page-loading-fallback p{margin:0;font-size:.9rem}@keyframes page-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-layout{width:100%;height:100vh;display:flex;overflow:hidden}.dashboard-main{background:#050a1266;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden auto}.dashboard-content{flex:1;padding-top:24px}.dashboard-page-view{animation:.42s cubic-bezier(.22,1,.36,1) backwards dashboardPageEnter}@keyframes dashboardPageEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}:root{--bg-dark:#050a12;--bg-sidebar:#03070d;--card-glass:#ffffff05;--card-glass-hover:#ffffff0a;--accent-teal:#00d2ff;--accent-teal-glow:#00d2ff26;--accent-gold:#c5a059;--text-main:#fff;--text-dim:#9aa4b2;--border-glass:#ffffff0f;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 100% 0,#00d2ff08,#0000 60%),radial-gradient(circle at 0 100%,#c5a05905,#0000 50%);margin:0;padding:0;font-family:Inter,sans-serif}.dashboard-loading{background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-spinner-large{border:3px solid #00d2ff1a;border-top-color:var(--accent-teal);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-loading p{color:var(--text-dim);font-size:.9rem}.dashboard-main::-webkit-scrollbar{width:6px}.dashboard-main::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dashboard-main::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (width<=768px){.dashboard-layout{flex-direction:column}.dashboard-main{height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.dashboard-content{padding-top:16px}.dashboard-content .dashboard-page,.dashboard-content .accounts-page,.dashboard-content .leaderboard-page,.dashboard-content .challenges-page,.dashboard-content .billing-page,.dashboard-content .configuration-page{padding-left:16px;padding-right:16px}.dashboard-content .page-toolbar{padding-top:0}}@media (width<=480px){.dashboard-content{padding-top:12px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){.dashboard-page-view{animation:none}}.challenge-summary{background:linear-gradient(#00d2ff0f,#00d2ff05);border:1px solid #00d2ff38;border-radius:14px;margin:0 0 24px;padding:14px 16px}.cs-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cs-title{flex-direction:column;gap:2px;min-width:0;display:flex}.cs-name{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2}.cs-size{color:#9aa4b2;font-size:.78rem}.cs-step{letter-spacing:.4px;text-transform:uppercase;color:#050a12;background:linear-gradient(135deg,#00d2ff,#00a2ff);border-radius:999px;flex:none;padding:4px 9px;font-size:.68rem;font-weight:700}.cs-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.cs-metric{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:8px;display:flex}.cs-label{letter-spacing:.3px;text-transform:uppercase;color:#9aa4b2;overflow-wrap:anywhere;font-size:.6rem;font-weight:600;line-height:1.25}.cs-value{color:#2dd4bf;font-size:1.05rem;font-weight:700;line-height:1.1}@media (width<=380px){.cs-metrics{gap:6px}.cs-metric{padding:7px 5px}.cs-label{letter-spacing:.2px;font-size:.55rem}.cs-value{font-size:.95rem}}.auth-container{box-sizing:border-box;background:#050a12 radial-gradient(circle at 100% 0,#00d2ff08,#0000 60%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03070de6;border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:440px;padding:40px}@media (width<=480px){.auth-container{align-items:flex-start;padding:14px}.auth-card{border-radius:18px;padding:24px 18px}.auth-header{margin-bottom:22px}.auth-header h1{font-size:1.5rem}.auth-form{gap:16px}}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:48px;height:48px;margin-bottom:16px}.auth-header h1{color:#fff;margin:0 0 8px;font-size:1.75rem;font-weight:700}.auth-header p{color:#9aa4b2;font-size:.875rem}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:#9aa4b2;font-size:.75rem;font-weight:600}.form-group input{color:#fff;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;outline:none;padding:12px 16px;font-size:.875rem;transition:border-color .2s}.form-group input:focus{border-color:#00d2ff}.auth-button{color:#050a12;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#00d2ff,#00a2ff);border:none;border-radius:8px;margin-top:8px;padding:12px;font-size:.875rem;font-weight:700;transition:opacity .2s}.auth-button:hover{opacity:.9}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-notice{color:#2dd4bf;text-align:center;background:#2dd4bf1a;border:1px solid #2dd4bf40;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:.8rem}.auth-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:12px;font-size:.8rem}.auth-footer{text-align:center;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:20px}.auth-footer p{color:#9aa4b2;font-size:.8rem}.auth-footer a{color:#00d2ff;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-forgot{text-align:right;margin:-6px 0 12px}.auth-forgot a{color:#00d2ff;font-size:.85rem;font-weight:600;text-decoration:none}.auth-forgot a:hover{text-decoration:underline}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.form-row-2{grid-template-columns:1fr}}.auth-subtext{color:var(--text-dim,#fff9);text-align:center;margin:0 0 6px;font-size:13px;line-height:1.5}.auth-form input[autocomplete=one-time-code]{letter-spacing:6px;text-align:center;font-size:18px}.auth-linkbtn{color:var(--accent-teal,#00d2ff);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:8px;font-size:13px}.auth-linkbtn:hover{text-decoration:underline}.auth-linkbtn:disabled{opacity:.5;cursor:not-allowed}.auth-build-tag{text-align:center;letter-spacing:.3px;color:var(--text-dim,#ffffff47);margin-top:14px;font-size:10.5px}.payment-success-page{background-color:#050a12;background-image:radial-gradient(circle at 100% 0,#00d2ff08,#0000 60%),radial-gradient(circle at 0 100%,#c5a05905,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.success-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#03070df2;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:560px;padding:48px 40px;animation:.5s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-animation-wrapper{margin-bottom:24px;display:inline-block;position:relative}.success-circle{background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;animation:.5s scaleIn;display:flex}.success-circle svg{color:#10b981;animation:.5s checkmark}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{transform:scale(0)}to{transform:scale(1)}}.success-sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{color:#c5a059;font-size:20px;animation:1.5s ease-in-out infinite sparkle;position:absolute}.sparkle-1{animation-delay:0s;top:-10px;right:-10px}.sparkle-2{animation-delay:.5s;bottom:-10px;left:-10px}.sparkle-3{animation-delay:1s;top:50%;right:-20px}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.success-card h1{color:#fff;margin:0 0 12px;font-size:1.75rem;font-weight:700}.success-message{color:#9aa4b2;margin-bottom:32px;font-size:.9rem;line-height:1.5}.challenge-details-card{text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:32px;overflow:hidden}.details-header{color:#00d2ff;background:#0003;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:16px 20px;font-size:.85rem;font-weight:600;display:flex}.details-header svg{color:#00d2ff}.details-content{padding:16px 20px}.detail-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-icon{color:#00d2ff;background:#00d2ff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.detail-info{flex:1;justify-content:space-between;align-items:center;display:flex}.detail-label{color:#9aa4b2;font-size:.75rem}.detail-value{color:#fff;font-size:.85rem;font-weight:600}.next-steps{text-align:left;margin-bottom:24px}.next-steps h3{color:#fff;margin:0 0 20px;font-size:1rem;font-weight:600}.steps-grid{flex-direction:column;gap:16px;display:flex}.step-item{align-items:flex-start;gap:14px;display:flex}.step-number{color:#00d2ff;background:#00d2ff26;border:1px solid #00d2ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.step-content{flex:1}.step-content strong{color:#fff;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.step-content p{color:#9aa4b2;margin:0;font-size:.75rem}.share-section{border-top:1px solid #ffffff0f;margin-bottom:24px;padding-top:8px}.share-title{color:#5a6674;margin-bottom:12px;font-size:.7rem}.share-buttons{justify-content:center;gap:12px;display:flex}.share-btn{cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.share-btn.twitter{color:#fff;background:#1da1f2}.share-btn.twitter:hover{background:#1a8cd8;transform:translateY(-2px)}.share-btn.telegram{color:#fff;background:#08c}.share-btn.telegram:hover{background:#0077b3;transform:translateY(-2px)}.support-link{font-size:.7rem}.support-link a{color:#5a6674;text-decoration:none;transition:color .2s}.support-link a:hover{color:#00d2ff}.success-card.verifying{text-align:center}.verifying-animation{width:80px;height:80px;margin:0 auto 24px;position:relative}.pulse-ring{border:3px solid #00d2ff4d;border-radius:50%;animation:1.5s ease-out infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.verifying-spinner{border:3px solid #00d2ff1a;border-top-color:#00d2ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.success-card.verifying h2{color:#fff;margin:0 0 12px;font-size:1.25rem;font-weight:700}.success-card.verifying p{color:#9aa4b2;margin-bottom:32px;font-size:.85rem}.verifying-steps{justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.step{flex-direction:column;align-items:center;gap:8px;display:flex}.step-indicator{background:#ffffff1a;border-radius:50%;width:12px;height:12px;transition:all .3s}.step.active .step-indicator{background:#00d2ff;animation:1s ease-in-out infinite pulse-indicator;box-shadow:0 0 8px #00d2ff80}@keyframes pulse-indicator{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.step span{color:#5a6674;font-size:.65rem}.step.active span{color:#00d2ff}.step-line{background:#ffffff1a;width:40px;height:1px}.retry-verification-btn{color:#9aa4b2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;transition:all .2s;display:inline-flex}.retry-verification-btn:hover{color:#fff;background:#ffffff1a}.success-card.warning{text-align:center}.warning-icon-wrapper{margin-bottom:24px}.warning-circle{background:#f59e0b1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;animation:.5s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.warning-symbol{color:#f59e0b;font-size:2rem;font-weight:700}.success-card.warning h1{color:#fff;margin:0 0 12px;font-size:1.5rem;font-weight:700}.warning-message{color:#fbbf24;margin-bottom:24px;font-size:.85rem}.warning-actions{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.info-note{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;padding:12px 16px}.info-note p{color:#fbbf24;margin:0;font-size:.7rem}.info-note p:first-child{margin-bottom:8px}.info-note strong{background:#0000004d;border-radius:4px;padding:2px 6px;font-family:monospace}@media (width<=640px){.success-card{padding:32px 24px}.success-card h1{font-size:1.5rem}.action-buttons,.warning-actions{flex-direction:column}.detail-info{flex-direction:column;align-items:flex-start;gap:4px}.verifying-steps{flex-wrap:wrap}.step-line{display:none}.steps-grid{gap:12px}}@media (width<=480px){.success-card{padding:24px 20px}.success-circle{width:80px;height:80px}.success-circle svg{width:40px;height:40px}.details-content{padding:12px 16px}.detail-icon{width:28px;height:28px}.share-buttons{flex-direction:column;align-items:center}.share-btn{justify-content:center;width:100%}}.payment-cancel-page{background-color:#050a12;background-image:radial-gradient(circle at 100% 0,#00d2ff08,#0000 60%),radial-gradient(circle at 0 100%,#c5a05905,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.cancel-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#03070df2;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:560px;padding:48px 40px;animation:.5s fadeInUp}.cancel-animation-wrapper{margin-bottom:24px;display:inline-block;position:relative}.cancel-circle{z-index:2;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;animation:.5s scaleIn;display:flex;position:relative}.cancel-circle svg{color:#ef4444;animation:.5s shakeIn}@keyframes shakeIn{0%{transform:scale(0)rotate(0)}50%{transform:scale(1.1)rotate(10deg)}to{transform:scale(1)rotate(0)}}.cancel-ripple{pointer-events:none;position:absolute;inset:0}.ripple{opacity:0;border:2px solid #ef44444d;border-radius:50%;width:104px;height:104px;animation:2s ease-out infinite ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-1{animation-delay:0s}.ripple-2{animation-delay:.5s}.ripple-3{animation-delay:1s}@keyframes ripple{0%{opacity:.5;width:104px;height:104px}to{opacity:0;width:180px;height:180px}}.cancel-card h1{color:#fff;margin:0 0 12px;font-size:1.75rem;font-weight:700}.cancel-message{color:#9aa4b2;margin-bottom:24px;font-size:.9rem;line-height:1.5}.cancelled-challenge-notice{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:40px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.75rem;display:inline-flex}.cancelled-challenge-notice svg{color:#ef4444}.cancelled-amount{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 18px;display:flex}.amount-label{color:#9aa4b2;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.amount-value{color:#ef4444;font-size:1rem;font-weight:700}.feedback-section{text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:24px;padding:20px}.feedback-section h3{color:#9aa4b2;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.8rem;font-weight:600}.reason-buttons{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.reason-btn{color:#9aa4b2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:40px;padding:8px 16px;font-size:.75rem;transition:all .2s}.reason-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26}.reason-btn.selected{color:#00d2ff;background:#00d2ff26;border-color:#00d2ff4d}.feedback-note{color:#5a6674;margin:12px 0 0;font-size:.65rem}.feedback-thanks{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:14px;font-size:.8rem;display:flex}.feedback-thanks svg{color:#10b981}.alternative-section{text-align:left;margin-bottom:24px}.alternative-header{color:#00d2ff;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:16px;font-size:.75rem;font-weight:600;display:flex}.alternative-header svg{color:#00d2ff}.alternative-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.alternative-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:16px;transition:all .2s;position:relative}.alternative-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.alternative-badge{color:#00d2ff;white-space:nowrap;background:#00d2ff26;border:1px solid #00d2ff4d;border-radius:20px;padding:2px 8px;font-size:.6rem;font-weight:600;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.alternative-badge.popular{color:#050a12;background:linear-gradient(135deg,#c5a059,#e2b86b);border:none}.alternative-badge.fast-track{color:#050a12;background:linear-gradient(135deg,#00d2ff,#00a2ff);border:none}.alternative-badge.entry{color:#9ca3af;background:#9ca3af26;border:1px solid #9ca3af4d}.alternative-badge.instant{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.alternative-icon{color:#00d2ff;background:#00d2ff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin:8px auto 12px;display:flex}.alternative-name{color:#fff;margin-bottom:8px;font-size:.85rem;font-weight:600}.alternative-price{color:#00d2ff;margin-bottom:12px;font-size:.9rem;font-weight:700}.alternative-btn{color:#9aa4b2;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 12px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.alternative-btn:hover{color:#00d2ff;background:#00d2ff26}.support-section{text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:20px;padding:16px}.support-header{color:#9aa4b2;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:.7rem;font-weight:600;display:flex}.support-options{gap:12px;display:flex}.support-btn{color:#9aa4b2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.support-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26}.security-note{color:#6ee7b7;background:#10b9810d;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.7rem;display:flex}.security-note svg{color:#10b981}.action-buttons{gap:12px;margin-bottom:20px;display:flex}.btn-primary{color:#050a12;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#00d2ff,#00a2ff);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-secondary{color:#9aa4b2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{color:#fff;background:#ffffff1a}.secondary-actions{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.text-link{color:#5a6674;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.7rem;transition:color .2s;display:inline-flex}.text-link:hover{color:#00d2ff}.divider{color:#5a6674;font-size:.7rem}.redirect-notice{color:#5a6674;margin-bottom:20px;font-size:.7rem}.payment-methods-disclaimer{border-top:1px solid #ffffff0f;padding-top:20px}.payment-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.payment-icons img{opacity:.4;width:auto;height:20px;transition:opacity .2s}.payment-icons img:hover{opacity:.7}.payment-icons svg{color:#5a6674}.payment-methods-disclaimer p{color:#5a6674;margin:0;font-size:.6rem}@media (width<=640px){.cancel-card{padding:32px 24px}.cancel-card h1{font-size:1.5rem}.action-buttons{flex-direction:column}.alternative-grid{grid-template-columns:1fr;gap:12px}.alternative-card{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.alternative-badge{margin-right:8px;position:static;transform:none}.alternative-icon{width:32px;height:32px;margin:0}.alternative-name{flex:1;margin:0}.alternative-price{margin:0}.alternative-btn{width:auto;padding:4px 12px}.reason-buttons{justify-content:center}.support-options{flex-direction:column}.secondary-actions{flex-direction:column;gap:8px}.divider{display:none}}@media (width<=480px){.cancel-card{padding:24px 20px}.cancel-circle{width:80px;height:80px}.cancel-circle svg{width:40px;height:40px}.feedback-section{padding:16px}.reason-btn{padding:6px 12px;font-size:.7rem}.alternative-card{flex-wrap:wrap}}.selfiecam{flex-direction:column;gap:14px;display:flex}.selfiecam-frame{aspect-ratio:1;background:#000;border:2px dashed #ffffff24;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.selfiecam-frame.has-photo{border-style:solid;border-color:#00d2ff66}.selfiecam-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfiecam-shot{object-fit:cover;width:100%;height:100%}.selfiecam-placeholder{color:var(--text-dim,#9aa4b2);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.selfiecam-placeholder span{font-size:.82rem;line-height:1.5}.selfiecam-placeholder--err>svg{color:var(--accent-gold,#c5a059)}.selfiecam-spin{animation:1s linear infinite selfiecam-spin}@keyframes selfiecam-spin{to{transform:rotate(360deg)}}.selfiecam-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;padding:10px 12px;font-size:.82rem}.selfiecam-primary{color:#050a12;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#00d2ff,#00a2ff);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:.92rem;font-weight:800;transition:all .2s;display:inline-flex}.selfiecam-primary:active{transform:scale(.99)}.selfiecam-primary:disabled{opacity:.5}.selfiecam-secondary{color:var(--text-dim,#9aa4b2);border:1px solid var(--border-glass,#ffffff1f);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px;font-size:.82rem;font-weight:600;display:inline-flex}.selfiecam-secondary:hover{color:var(--text-main,#fff)}.selfiecam-fallback{flex-direction:column;gap:10px;display:flex}.selfiecam-upload{color:var(--text-main,#fff);border:1px solid var(--border-glass,#ffffff1f);cursor:pointer;background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:.85rem;font-weight:600;display:inline-flex}.selfiecam-upload:hover{border-color:#00d2ff66}.selfie-page{background:radial-gradient(1200px 600px at 50% -10%, #00d2ff14, transparent 60%), var(--bg-dark,#050a12);min-height:100dvh;color:var(--text-main,#fff);padding:28px 18px calc(28px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;display:flex}.selfie-shell{flex-direction:column;gap:22px;width:100%;max-width:460px;display:flex}.selfie-brand{justify-content:center;align-items:center;gap:10px;padding-top:6px;display:flex}.selfie-brand img{width:30px;height:30px}.selfie-brand span{letter-spacing:.2px;font-size:1.05rem;font-weight:800}.selfie-state{text-align:center;background:var(--card-glass,#ffffff05);border:1px solid var(--border-glass,#ffffff0f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:44px 26px;display:flex}.selfie-state h1{margin:6px 0 0;font-size:1.35rem;font-weight:700}.selfie-state p{color:var(--text-dim,#9aa4b2);margin:0;font-size:.9rem;line-height:1.6}.selfie-state--ok>svg{color:var(--success,#10b981)}.selfie-state--bad>svg{color:var(--accent-gold,#c5a059)}.selfie-spin{animation:1s linear infinite selfie-spin}@keyframes selfie-spin{to{transform:rotate(360deg)}}.selfie-capture{background:var(--card-glass,#ffffff05);border:1px solid var(--border-glass,#ffffff0f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;gap:18px;padding:26px 22px;display:flex;box-shadow:0 8px 40px #00000059}.selfie-heading{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.selfie-heading>svg{color:var(--accent-teal,#00d2ff)}.selfie-heading h1{margin:2px 0 0;font-size:1.3rem;font-weight:700}.selfie-heading p{color:var(--text-dim,#9aa4b2);margin:0;font-size:.85rem;line-height:1.55}.selfie-frame{aspect-ratio:1;background:#ffffff05;border:2px dashed #ffffff24;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.selfie-frame.has-photo{border-style:solid;border-color:#00d2ff66}.selfie-frame img{object-fit:cover;width:100%;height:100%}.selfie-frame-empty{color:var(--text-dim,#9aa4b2);flex-direction:column;align-items:center;gap:8px;display:flex}.selfie-frame-empty span{font-size:.8rem}.selfie-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;padding:10px 12px;font-size:.82rem}.selfie-actions{flex-direction:column;gap:10px;display:flex}.selfie-primary{color:#050a12;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#00d2ff,#00a2ff);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:.92rem;font-weight:800;transition:all .2s;display:inline-flex}.selfie-primary:active{transform:scale(.99)}.selfie-primary:disabled{opacity:.5}.selfie-secondary{color:var(--text-dim,#9aa4b2);border:1px solid var(--border-glass,#ffffff1f);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px;font-size:.82rem;font-weight:600;display:inline-flex}.selfie-secondary:hover{color:var(--text-main,#fff)}.selfie-foot{text-align:center;color:#9aa4b2b3;margin:2px 0 0;font-size:.68rem}.verified-payout-badge{letter-spacing:.2px;white-space:nowrap;color:#17ec0c;background:linear-gradient(135deg,#17ec0c24,#17ec0c0f);border:1px solid #17ec0c66;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 5px;font-weight:700;line-height:1;display:inline-flex}.verified-payout-badge.vpb-approved{color:#4aa3ff;background:linear-gradient(135deg,#2196f329,#2196f30f);border-color:#2196f366}.verified-payout-badge .vpb-logo{object-fit:contain;background:#fff;border-radius:50%;flex:none;width:16px;height:16px;padding:1px}.verified-payout-badge .vpb-text{font-size:11.5px}.verified-payout-badge .vpb-check{stroke-width:3px;width:13px;height:13px}.verified-payout-badge.vpb-sm{gap:4px;padding:2px 7px 2px 4px}.verified-payout-badge.vpb-sm .vpb-logo{width:13px;height:13px}.verified-payout-badge.vpb-sm .vpb-text{font-size:10.5px}.verified-payout-badge.vpb-sm .vpb-check{width:11px;height:11px}.admin-payouts-panel{color:var(--text-primary,#d1d4dc);padding:8px 4px}.apx-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.apx-header h3{margin:0;font-size:18px}.apx-controls{align-items:center;gap:8px;display:flex}.apx-select{background:var(--bg-secondary,#1c1f2e);color:inherit;border:1px solid var(--border,#2a2e3d);border-radius:8px;padding:6px 10px}.apx-refresh{background:var(--bg-secondary,#1c1f2e);color:inherit;border:1px solid var(--border,#2a2e3d);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.apx-spin{animation:1s linear infinite apx-spin}@keyframes apx-spin{to{transform:rotate(360deg)}}.apx-summary{gap:12px;margin-bottom:14px;display:flex}.apx-stat{background:var(--bg-secondary,#1c1f2e);border:1px solid var(--border,#2a2e3d);border-radius:10px;flex-direction:column;gap:2px;min-width:120px;padding:10px 16px;display:flex}.apx-stat span{color:var(--text-secondary,#787b86);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.apx-stat strong{font-size:17px}.apx-error{color:#ef5350;background:#ef53501f;border:1px solid #ef535059;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.apx-table-wrap{border:1px solid var(--border,#2a2e3d);border-radius:10px;overflow-x:auto}.apx-table{border-collapse:collapse;width:100%;font-size:13px}.apx-table th,.apx-table td{text-align:left;border-bottom:1px solid var(--border,#2a2e3d);white-space:nowrap;padding:10px 12px}.apx-table th{color:var(--text-secondary,#787b86);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.apx-table tr:last-child td{border-bottom:none}.apx-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.apx-amount{font-weight:700}.apx-amount-sub{color:var(--text-secondary,#787b86);margin-top:1px;font-size:10.5px;font-weight:500;display:block}.apx-empty,.apx-muted{color:var(--text-secondary,#787b86);text-align:center}.apx-elig{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.apx-elig-flag{font-size:11.5px;font-weight:700}.apx-elig--ok .apx-elig-flag{color:#17ec0c}.apx-elig--bad .apx-elig-flag{color:#ef5350}.apx-elig-detail{color:var(--text-secondary,#787b86);font-size:10.5px}.apx-elig-warn{color:#ffb74d;font-style:normal;font-weight:600}.apx-status{text-transform:capitalize;color:#a9adba;background:#787b862e;border-radius:999px;margin-right:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.apx-status--pending{color:#ffb74d;background:#ff980029}.apx-status--approved,.apx-status--processing{color:#4aa3ff;background:#2196f329}.apx-status--paid{color:#17ec0c;background:#17ec0c24}.apx-status--failed,.apx-status--cancelled{color:#ef5350;background:#ef535029}.apx-actions-col{text-align:right}.apx-actions{gap:6px;display:inline-flex}.apx-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.apx-btn:disabled{opacity:.5;cursor:not-allowed}.apx-approve{color:#04210a;background:#17ec0c}.apx-reject{color:#ef5350;background:#ef535029;border:1px solid #ef535059}.apx-note{color:var(--text-secondary,#787b86);align-items:center;gap:5px;margin-top:10px;font-size:12px;display:flex}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.btn-ghost{color:#fff;background:0 0;border:none;border-radius:10px;padding:10px;font-weight:700}button.btn-suspend{color:#fff;background:#980000;border:5px;border-radius:10px;padding:10px;font-weight:700}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--bg-dark:#050a12;--bg-sidebar:#03070d;--card-glass:#ffffff05;--card-glass-hover:#ffffff0a;--accent-teal:#00d2ff;--accent-teal-glow:#00d2ff26;--accent-gold:#c5a059;--text-main:#fff;--text-dim:#9aa4b2;--border-glass:#ffffff0f;--success:#10b981;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 100% 0,#00d2ff08,#0000 60%),radial-gradient(circle at 0 100%,#c5a05905,#0000 50%);max-width:100vw;font-family:Inter,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{height:100vh;color:var(--text-dim);justify-content:center;align-items:center;font-size:1rem;display:flex}.refresh-button{white-space:nowrap;box-sizing:border-box;color:#9aa4b2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.8rem;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}.refresh-button:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff26}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg{flex-shrink:0}.spinning{animation:.8s linear infinite spin}.refresh-button.spinning{animation:none}.refresh-button.spinning svg{animation:.8s linear infinite spin}.page-toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-toolbar-end{align-items:center;gap:12px;margin-left:auto;display:flex}.tilt-card{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s,background .3s}.tilt-card:hover{transition:transform 90ms ease-out,box-shadow .3s,border-color .3s,background .3s}.tilt-card__glow{border-radius:inherit;pointer-events:none;z-index:4;opacity:var(--active,0);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #00d2ff24, transparent 45%);transition:opacity .35s;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tilt-card{transform:none!important}.tilt-card__glow{display:none}}
