@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-400:oklch(79.2% .209 151.711);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-400:oklch(70.7% .022 261.325);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-between{justify-content:space-between}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#1f3c88\]{border-color:#1f3c88}.bg-\[\#142a63\]{background-color:#142a63}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-gray-400{color:var(--color-gray-400)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0b1f4f;font-family:Poppins,sans-serif;overflow-x:hidden}.page-wrapper{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{z-index:1000;background:linear-gradient(90deg,#0a0a2a,#1a0a3a);border-bottom:1px solid #8a2be233;width:100%;padding:16px 40px;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex;position:relative}.logo-section{flex-shrink:0;align-items:center;gap:12px;display:flex}.logo{object-fit:contain;width:50px;height:50px;transition:transform .3s}.logo:hover{transform:scale(1.05)}.brand-name{color:#fff;letter-spacing:1px;text-shadow:0 0 15px #8a2be280;white-space:nowrap;font-family:Times New Roman,Times,serif;font-size:28px;font-weight:700}.nav-links{align-items:center;gap:40px;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:#fff;cursor:pointer;opacity:.9;letter-spacing:.3px;white-space:nowrap;padding:8px 0;font-size:16px;font-weight:500;transition:all .3s;position:relative}.nav-item:hover,.nav-item.active{opacity:1;color:#b87cff}.nav-item.active:after{content:"";background:linear-gradient(90deg,#f0c,#7a5cff);width:100%;height:2px;animation:.3s ease-out slideIn;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #9370db}.mobile-login-btn{display:none}.login-btn{color:#fff;cursor:pointer;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(90deg,#f0c,#7a5cff);border:none;border-radius:50px;flex-shrink:0;padding:12px 36px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff00cc4d}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-btn:hover{background:linear-gradient(90deg,#ff1ac6,#8a6cff);transform:translateY(-2px);box-shadow:0 6px 20px #f0c6}.login-btn:hover:before{left:100%}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;justify-content:space-between;width:30px;height:22px;display:none;position:relative}.hamburger-line{background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:3px;width:100%;height:3px;transition:all .3s}.hamburger-line.open:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.back-home{color:#b8c4ff;margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.back-home:hover{color:#f0c;transform:translate(-5px)}.modal-logo{align-items:center;gap:12px;margin-bottom:24px;display:flex}.modal-logo img{object-fit:contain;width:50px;height:50px}.modal-logo span{color:#eeebf0;text-shadow:0 0 10px #8a2be280;font-family:Times New Roman,Times,serif;font-size:32px;font-weight:700}.welcome-text{color:#a64bf4;margin-bottom:8px;font-size:24px;font-weight:600}.signin-text{color:#b8c4ff;margin-bottom:30px;font-size:14px}.form-input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;width:100%;padding:14px 16px;font-size:14px;transition:all .3s}.forgot-password{color:#b87cff;align-self:flex-end;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.forgot-password:hover{color:#f0c;text-decoration:underline}.continue-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7a5cff);border:none;border-radius:10px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff00cc4d}.continue-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.continue-btn:hover:before{left:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.navbar:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 30%,#ff00cc1a,#0000 50%),radial-gradient(circle at 80% 70%,#7a5cff1a,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}@media(max-width:1024px){.nav-links{gap:30px}.brand-name{font-size:24px}.login-btn{padding:10px 30px;font-size:15px}}@media(max-width:768px){.navbar{padding:12px 20px}.hamburger{display:flex}.desktop-only{display:none}.nav-links{z-index:999;background:linear-gradient(135deg,#0a0a2a,#1a0a3a);flex-direction:column;gap:20px;width:100%;height:calc(100vh - 80px);padding:40px 20px;transition:left .3s;position:fixed;top:80px;left:-100%;overflow-y:auto}.nav-links.mobile-open{left:0}.nav-item{text-align:center;width:100%;padding:15px;font-size:18px}.nav-item.active:after{display:none}.nav-item.active{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:8px}.mobile-login-btn{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:50px;width:80%;margin-top:20px;margin-left:auto;margin-right:auto;font-weight:600;display:block}.brand-name{font-size:22px}.logo{width:40px;height:40px}.login-modal{padding:30px 20px}.welcome-text{font-size:22px}.modal-logo img{width:40px;height:40px}.modal-logo span{font-size:28px}}@media(max-width:576px){.navbar{padding:10px 15px}.brand-name{font-size:20px}.logo{width:35px;height:35px}.login-modal{padding:25px 15px}.welcome-text{font-size:20px}.signin-text,.form-group label{font-size:13px}.form-input{padding:12px 14px;font-size:13px}.continue-btn{padding:14px;font-size:15px}.back-home{font-size:13px}.modal-logo span{font-size:24px}}@media(min-width:577px)and (max-width:768px)and (orientation:landscape){.nav-links{height:calc(100vh - 70px);padding:20px;top:70px}.nav-item{padding:10px;font-size:16px}.login-modal{max-height:90vh;overflow-y:auto}}@media(max-height:600px){.login-modal{max-height:85vh;overflow-y:auto}}@media(max-width:360px){.brand-name{font-size:18px}.logo{width:30px;height:30px}.logo-section{gap:8px}.login-modal{padding:20px 12px}}.signup-modal{color:#fff;background:linear-gradient(135deg,#1a1f4d,#0f1235);border-radius:16px;width:700px;max-width:95%;padding:30px;box-shadow:0 20px 60px #0006}.signup-title{text-align:center;margin-bottom:25px;font-size:26px;font-weight:700}.signup-form{flex-direction:column;gap:18px;display:flex}.form-row{gap:15px;display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-group.full{width:100%}.form-group input{color:#fff;background:#141845;border:1px solid #2c2f6d;border-radius:8px;outline:none;padding:12px}.form-group input:focus{border-color:#6a11cb}.signup-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#33f);border:none;border-radius:10px;margin-top:10px;padding:14px;font-weight:600;transition:all .3s}.signup-btn:hover{opacity:.9}.switch-text{text-align:center;margin-top:10px;font-size:14px}.switch-text span{color:#f0c;cursor:pointer;font-weight:600}@media(max-width:600px){.form-row{flex-direction:column}}.hero{background:linear-gradient(135deg,#1b0b4f,#0a1a4f);align-items:center;min-height:calc(100vh - 90px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20%,#7a5cff26,#0000 50%),radial-gradient(circle at 80% 80%,#ff00cc26,#0000 50%);animation:15s infinite alternate backgroundShift;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle at 20% 30%,#ffffff1a 1px,#0000 1px),radial-gradient(circle at 80% 70%,#ff00cc1a 1px,#0000 1px),radial-gradient(circle at 40% 80%,#7a5cff1a 1px,#0000 1px);background-size:50px 50px,70px 70px,40px 40px;width:100%;height:100%;animation:30s linear infinite particlesMove;position:absolute}.hero-container{z-index:2;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:60px 40px;display:grid;position:relative}.hero-left{z-index:3}.hero-title{color:#fff;letter-spacing:1px;text-shadow:0 2px 10px #0003;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.1;animation:.8s ease-out fadeInUp}.hero-title span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f0c,#7a5cff,#f0c) 0 0/200% 200%;-webkit-background-clip:text;margin-top:6px;animation:4s infinite gradientShift;display:inline-block;position:relative}.hero-title span:after{content:"";background:linear-gradient(90deg,#0000,#7a5cff,#f0c,#0000);width:100%;height:2px;animation:.8s ease-out .5s forwards underlineExpand;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.hero-description{color:#cdd4ff;text-shadow:0 2px 5px #0000001a;max-width:560px;margin-bottom:36px;font-size:16px;line-height:1.7;animation:.8s ease-out .2s both fadeInUp}.hero-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7a5cff);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:14px 36px;font-size:16px;font-weight:600;transition:all .3s;animation:.8s ease-out .4s both fadeInUp;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #ff00cc59}.btn-text{z-index:2;position:relative}.btn-icon{z-index:2;transition:transform .3s;position:relative}.hero-btn:before{content:"";background:radial-gradient(circle,#ffffff4d,#0000 70%);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-btn:hover:before{width:300px;height:300px}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff00cc80}.hero-btn:hover .btn-icon{transform:translate(5px)rotate(45deg)}.hero-right{z-index:3;justify-content:center;align-items:center;display:flex;position:relative}.image-wrapper{z-index:3;filter:drop-shadow(0 20px 30px #7a5cff66);animation:3s ease-in-out infinite float;position:relative}.image-wrapper:before{content:"";filter:blur(30px);z-index:-1;background:radial-gradient(circle,#7a5cff4d,#0000 70%);width:100%;height:100%;animation:3s ease-in-out infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-right img{z-index:3;width:100%;max-width:420px;transition:transform .3s;position:relative}.hero-right img:hover{transform:scale(1.05)rotate(2deg)}.hero-glow{filter:blur(40px);z-index:1;background:radial-gradient(circle,#7a5cff66,#f0c3 50%,#0000 70%);width:380px;height:380px;transition:transform .1s;animation:10s linear infinite rotateGlow;position:absolute}.orb{filter:blur(5px);z-index:1;background:radial-gradient(circle at 30% 30%,#fffc,#7a5cff33);border-radius:50%;position:absolute}.orb-1{width:100px;height:100px;animation:8s ease-in-out infinite orbFloat;top:10%;right:20%}.orb-3{background:radial-gradient(circle at 30% 30%,#7a5cff80,#0000);width:70px;height:70px;animation:6s ease-in-out 2s infinite orbFloat;top:50%;right:5%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.login-modal{background:linear-gradient(135deg,#1b0b4f,#0a1a4f);border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:420px;padding:32px;animation:.4s ease-out slideUp;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #7a5cff33}.modal-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#f0c3;transform:rotate(90deg)}.modal-header{margin-bottom:24px;position:relative}.back-link{color:#cdd4ff;z-index:2;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.back-link:hover{color:#7a5cff}.back-link:before{content:"←";margin-right:4px;font-size:16px}.brand-container{justify-content:center;align-items:center;gap:12px;margin-top:5px;margin-bottom:20px;display:flex;position:relative}.brand-container:before{content:"";z-index:-1;background:radial-gradient(circle,#7a5cff26,#0000 70%);border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite pulseLogo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-logo{object-fit:contain;filter:drop-shadow(0 8px 12px #7a5cff66);width:45px;height:45px;animation:.5s ease-out logoPopIn}.modal-title{-webkit-text-fill-color:transparent;letter-spacing:1px;background:linear-gradient(90deg,#f0c,#7a5cff);-webkit-background-clip:text;margin:0;font-size:36px;font-weight:800;line-height:1;animation:.5s ease-out .2s both fadeInRight;display:inline-block}.modal-content{color:#fff}.welcome-text{color:#fff;text-align:center;margin:0 0 8px;font-size:24px;font-weight:700}.signin-text{color:#cdd4ff;text-align:center;margin:0 0 32px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#cdd4ff;font-size:14px;font-weight:500}.form-input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #7a5cff4d;border-radius:12px;width:100%;padding:14px 16px;font-size:14px;transition:all .3s}.form-input::placeholder{color:#ffffff4d}.form-input:focus{background:#ffffff1a;border-color:#7a5cff;outline:none;box-shadow:0 0 0 3px #7a5cff33}.forgot-password{text-align:right;margin-top:-8px}.forgot-password a{color:#7a5cff;font-size:13px;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:#f0c;text-decoration:underline}.continue-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7a5cff);border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.continue-btn:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.continue-btn:hover:before{width:300px;height:300px}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f0c6}@keyframes backgroundShift{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}@keyframes particlesMove{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-100%)rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.02)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}@keyframes rotateGlow{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.1)}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-20px)scale(1.1)}50%{transform:translate(40px)scale(.9)}75%{transform:translate(20px,20px)scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes underlineExpand{to{transform:scaleX(1)}}@keyframes logoPopIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulseLogo{0%,to{opacity:.15;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.2)}}@media(max-width:1024px){.hero-title{font-size:48px}.orb{display:none}}@media(max-width:768px){.hero-container{text-align:center;grid-template-columns:1fr;padding:40px 20px}.hero-description{margin-left:auto;margin-right:auto}.hero-right{margin-top:40px}.hero-right img{max-width:320px}.hero-glow{width:300px;height:300px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}@media(max-width:480px){.hero-title{font-size:36px}.hero-description{font-size:14px}.hero-right img{max-width:260px}.hero-glow{width:240px;height:240px}.login-modal{width:95%;padding:24px}.brand-container{gap:8px}.modal-logo{width:35px;height:35px}.modal-title{font-size:30px}.welcome-text{font-size:20px}.form-input{padding:12px 14px}.continue-btn{padding:14px}.brand-container:before{width:150px;height:150px}}.about{background:linear-gradient(135deg,#1b0b4f,#0a1a4f);padding:100px 40px;position:relative;overflow:hidden}.about-floating-orbs{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.orb{filter:blur(8px);z-index:1;opacity:.5;background:radial-gradient(circle at 30% 30%,#fffc,#7a5cff33);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle at 70% 70%,#f0c3,#0000);width:150px;height:150px;animation:15s ease-in-out infinite floatOrb1;top:15%;right:10%}.orb-2{background:radial-gradient(circle at 30% 30%,#7a5cff33,#0000);width:200px;height:200px;animation:18s ease-in-out infinite reverse floatOrb2;bottom:10%;left:5%}.orb-3{background:radial-gradient(circle,#ff00cc26,#0000);width:120px;height:120px;animation:12s ease-in-out 1s infinite floatOrb3;top:40%;left:20%}.about-container{z-index:2;grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;max-width:1400px;margin:0 auto;display:grid;position:relative}.about-left{justify-content:center;align-items:center;animation:4s ease-in-out infinite floatContainer;display:flex;position:relative}.about-image-wrapper{z-index:3;background:linear-gradient(135deg,#7a5cff,#f0c);border-radius:50%;width:380px;height:380px;padding:6px;animation:3s ease-in-out infinite floatImage;position:relative}.about-image-wrapper img{object-fit:cover;background:#0b1f4f;border-radius:50%;width:100%;height:100%;transition:transform .3s;animation:4s ease-in-out infinite floatImageInner}.about-image-wrapper:hover img{transform:scale(1.05)}.about-dot{opacity:.9;z-index:3;background:#ff4fd8;border-radius:50%;position:absolute;box-shadow:0 0 15px #ff4fd880}.dot-1{width:10px;height:10px;animation:3s ease-in-out infinite floatDot1;top:40px;left:80px}.dot-2{width:14px;height:14px;animation:3.5s ease-in-out .5s infinite floatDot2;top:10px;left:140px}.dot-3{width:8px;height:8px;animation:4s ease-in-out 1s infinite floatDot3;top:80px;left:200px}.about-right{color:#cdd4ff;z-index:3;animation:5s ease-in-out infinite floatContent;position:relative}.about-title{color:#fff;margin-bottom:24px;font-size:42px;font-weight:700;animation:4s ease-in-out infinite floatTitle}.about-title span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f0c,#7a5cff);-webkit-background-clip:text;animation:3.5s ease-in-out infinite floatSpan;display:inline-block}.about-right p{max-width:620px;margin-bottom:22px;font-size:16px;line-height:1.7;animation:4.5s ease-in-out infinite floatText}.about-right p:first-of-type{animation-delay:.2s}.about-right p:last-of-type{animation-delay:.4s}@keyframes floatOrb1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(50px)scale(.9)}75%{transform:translate(20px,30px)scale(1.05)}}@keyframes floatOrb2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40px,40px)scale(1.15)}66%{transform:translate(30px,-30px)scale(.95)}}@keyframes floatOrb3{0%,to{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(25px,25px)rotate(5deg)scale(1.1)}}@keyframes floatContainer{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatImage{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}@keyframes floatImageInner{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes floatDot1{0%,to{transform:translate(0)}50%{transform:translate(10px,-15px)}}@keyframes floatDot2{0%,to{transform:translate(0)}50%{transform:translate(-15px,10px)}}@keyframes floatDot3{0%,to{transform:translate(0)}50%{transform:translate(12px,12px)}}@keyframes floatContent{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatTitle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatSpan{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02)}}@keyframes floatText{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media(max-width:1024px){.about-container{gap:50px}.about-image-wrapper{width:320px;height:320px}.orb{opacity:.3}}@media(max-width:768px){.about{padding:80px 20px}.about-container{text-align:center;grid-template-columns:1fr}.about-right p{margin-left:auto;margin-right:auto}.about-left{margin-bottom:40px;animation:4s ease-in-out infinite floatContainer}.orb-1,.orb-2,.orb-3{opacity:.2}.about-right{animation:5s ease-in-out infinite floatContent}}@media(max-width:480px){.about-title{font-size:32px}.about-image-wrapper{width:260px;height:260px}.about-right p{font-size:14px}.about-dot,.orb{display:none}.about-left{animation:4s ease-in-out infinite floatContainer}.about-image-wrapper{animation:3s ease-in-out infinite floatImage}.about-right{animation:5s ease-in-out infinite floatContent}}@media(min-width:577px)and (max-width:768px)and (orientation:landscape){.about{padding:60px 20px}.about-container{gap:40px}.about-image-wrapper{width:240px;height:240px}}@media(min-width:1400px){.about-container{max-width:1600px}.about-image-wrapper{width:420px;height:420px}.about-title{font-size:48px}.about-right p{font-size:18px}.orb-1{width:200px;height:200px}.orb-2{width:250px;height:250px}.orb-3{width:150px;height:150px}}.plan-section{color:#fff;background:#0b1f4f;padding:100px 20px;position:relative;overflow:hidden}.plan-section:before{content:"";z-index:0;background:radial-gradient(circle,#5a2bd64d,#0000 70%);border-radius:50%;width:300px;height:300px;animation:15s ease-in-out infinite floatSlow;position:absolute;top:-100px;right:-100px}.plan-section:after{content:"";z-index:0;background:radial-gradient(circle,#8126c233,#0000 70%);border-radius:50%;width:400px;height:400px;animation:18s ease-in-out infinite reverse floatSlow;position:absolute;bottom:-150px;left:-150px}.plan-container{text-align:center;z-index:1;max-width:1200px;margin:auto;position:relative}.plan-badge{color:#cfc8ff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#2b1c7a,#3d2a9e);border:1px solid #ffffff1a;border-radius:30px;margin-bottom:18px;padding:8px 20px;font-size:13px;animation:4s ease-in-out infinite floatBadge;display:inline-block;box-shadow:0 10px 20px #2b1c7a66}.plan-title{text-shadow:0 10px 20px #0000004d;margin-bottom:10px;font-size:48px;font-weight:700;animation:1s fadeInUp}.plan-subtitle{color:#b8c4ff;max-width:650px;margin:auto auto 50px;line-height:1.6;animation:1s .2s both fadeInUp}.plan-content{grid-template-columns:1fr 1fr;align-items:stretch;gap:30px;display:grid}.plan-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.plan-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#142a66cc;border:1px solid #ffffff1a;border-radius:20px;padding:28px;transition:all .3s;animation:5s ease-in-out infinite floatCard;position:relative;overflow:hidden;box-shadow:0 20px 30px -10px #00000080}.plan-card:first-child{animation-delay:0s}.plan-card:nth-child(2){animation-delay:.5s}.plan-card:nth-child(3){animation-delay:1s}.plan-card:nth-child(4){animation-delay:1.5s}.plan-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.plan-card:hover:before{left:100%}.plan-card p{color:#a7b2ff;margin-bottom:8px;font-size:14px}.plan-card h3{font-size:24px;font-weight:700}.yellow{color:#ffd54a}.cyan{color:#48e0ff}.green{color:#38f29c}.red{color:#ff6b6b}.income-box{text-align:left;background:linear-gradient(135deg,#5a2bd6,#8126c2,#9d2ed6) 0 0/200% 200%;border:1px solid #fff3;border-radius:20px;flex-direction:column;justify-content:center;padding:40px;animation:8s infinite alternate gradientMove,6s ease-in-out infinite floatBox;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 40px -10px #5a2bd680}.income-box:before{content:"";background:radial-gradient(circle,#fff3,#0000 70%);border-radius:50%;width:200px;height:200px;animation:7s ease-in-out infinite floatInner;position:absolute;top:-50px;right:-50px}.income-box:after{content:"";background:radial-gradient(circle,#ffd54a33,#0000 70%);border-radius:50%;width:150px;height:150px;animation:8s ease-in-out infinite reverse floatInner;position:absolute;bottom:-30px;left:-30px}.income-box h3{z-index:1;margin-bottom:12px;font-size:24px;position:relative}.income-box p{color:#e8e4ff;z-index:1;margin-bottom:20px;line-height:1.6;position:relative}.referral{color:#fff;z-index:1;font-size:14px;animation:2s infinite pulse;position:relative}.referral span{color:#000;background:#ffd54a;border-radius:20px;margin-left:8px;padding:4px 10px;font-weight:600;box-shadow:0 5px 15px #ffd54a66}.plan-bottom{margin-top:60px;animation:1s .4s both fadeInUp}.plan-bottom h3{margin-bottom:30px;font-size:22px}.features{color:#cdd4ff;grid-template-columns:1fr 1fr;gap:20px;display:grid}.features div{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#142a6680;border:1px solid #ffffff0d;border-radius:12px;padding:15px;transition:all .3s;animation:.5s both fadeInFeature}.features div:first-child{animation-delay:.1s}.features div:nth-child(2){animation-delay:.2s}.features div:nth-child(3){animation-delay:.3s}.features div:nth-child(4){animation-delay:.4s}.features div:hover{background:#5a2bd64d;border-color:#ffd54a4d;transform:translate(10px);box-shadow:0 10px 20px -5px #0000004d}@keyframes floatSlow{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes floatBadge{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatBox{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatInner{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,20px)scale(1.2)}66%{transform:translate(-15px,-15px)scale(.8)}}@keyframes gradientMove{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeInFeature{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{50%{opacity:.5}}@media(max-width:900px){.plan-content{grid-template-columns:1fr}.income-box{text-align:center}}@media(max-width:600px){.plan-title{font-size:34px}.plan-cards,.features{grid-template-columns:1fr}.features div:hover{transform:translate(5px)}}.roadmap{background:linear-gradient(135deg,#0a1a3a,#0f2852);padding:120px 20px;position:relative;overflow:hidden}.roadmap:before{content:"";filter:blur(60px);background:radial-gradient(circle,#ff00cc26,#0000 70%);border-radius:50%;width:300px;height:300px;animation:20s ease-in-out infinite floatBg1;position:absolute;top:-150px;right:-150px}.roadmap:after{content:"";filter:blur(80px);background:radial-gradient(circle,#7a5cff26,#0000 70%);border-radius:50%;width:400px;height:400px;animation:25s ease-in-out infinite floatBg2;position:absolute;bottom:-200px;left:-200px}@keyframes floatBg1{0%,to{opacity:.5;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(70px,40px)scale(1.3)}}@keyframes floatBg2{0%,to{opacity:.5;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(-60px,-70px)scale(1.4)}}.roadmap-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.roadmap-title{text-align:center;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 20px #0000004d;margin-bottom:90px;font-size:48px;font-weight:800;animation:3s ease-in-out infinite titleFloat}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.roadmap-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f0c,#7a5cff,#00d4ff) 0 0/200% 200%;-webkit-background-clip:text;animation:6s infinite gradientShift,3s ease-in-out infinite titleFloat;display:inline-block}.roadmap-timeline{padding-left:80px;position:relative}.roadmap-timeline:before{content:"";background:linear-gradient(#f0c,#7a5cff,#00d4ff);border-radius:4px;width:4px;height:calc(100% - 20px);animation:3s ease-in-out infinite pulseLine;position:absolute;top:10px;left:35px;box-shadow:0 0 20px #f0c9}@keyframes pulseLine{0%,to{opacity:1;box-shadow:0 0 20px #f0c9}50%{opacity:.8;box-shadow:0 0 40px #7a5cffcc}}.roadmap-item{opacity:0;align-items:center;margin-bottom:60px;animation:.6s forwards slideIn;display:flex;position:relative;transform:translate(-30px)}.roadmap-item:first-child{animation-delay:.2s}.roadmap-item:nth-child(2){animation-delay:.4s}.roadmap-item:nth-child(3){animation-delay:.6s}.roadmap-item:nth-child(4){animation-delay:.8s}.roadmap-item:nth-child(5){animation-delay:1s}.roadmap-icon{color:#fff;z-index:3;background:linear-gradient(135deg,#f0c,#7a5cff,#00d4ff) 0 0/200% 200%;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;animation:4s ease-in-out infinite floatIcon,6s infinite gradientShift;display:flex;position:absolute;left:5px;box-shadow:0 0 30px #f0c9}.roadmap-item:hover .roadmap-icon{transform:scale(1.15)rotate(5deg);box-shadow:0 0 50px #7a5cffe6}@keyframes floatIcon{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.05)}}.roadmap-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:5s ease-in-out infinite cardFloat;animation-delay:calc(.2s * var(--i));background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:700px;margin-left:80px;padding:26px 30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.roadmap-item:first-child .roadmap-card{--i:1}.roadmap-item:nth-child(2) .roadmap-card{--i:2}.roadmap-item:nth-child(3) .roadmap-card{--i:3}.roadmap-item:nth-child(4) .roadmap-card{--i:4}.roadmap-item:nth-child(5) .roadmap-card{--i:5}@keyframes cardFloat{0%,to{transform:translateY(0)rotateX(0)}50%{transform:translateY(-10px)rotateX(1.5deg)}}.roadmap-card:before{content:"";opacity:0;z-index:-1;filter:blur(8px);background:linear-gradient(135deg,#f0c,#7a5cff,#00d4ff);border-radius:22px;transition:opacity .4s;position:absolute;inset:-2px}.roadmap-card:hover{background:#ffffff1a;border-color:#0000;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 40px #7a5cff66}.roadmap-card:hover:before{opacity:.6;animation:4s linear infinite borderRotate}@keyframes borderRotate{0%{filter:blur(8px)hue-rotate()}to{filter:blur(8px)hue-rotate(360deg)}}.roadmap-card h3{color:#fff;letter-spacing:-.3px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e0ff);-webkit-background-clip:text;margin-bottom:8px;font-size:22px;font-weight:700}.roadmap-card p{color:#b8c4ff;font-size:15px;font-weight:400;line-height:1.7}.roadmap-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)translate(30px)scale(0)}}@media(max-width:992px){.roadmap-title{font-size:42px}.roadmap-card h3{font-size:20px}}@media(max-width:768px){.roadmap{padding:80px 20px}.roadmap-title{margin-bottom:60px;font-size:36px}.roadmap-timeline{padding-left:60px}.roadmap-timeline:before{left:25px}.roadmap-icon{width:50px;height:50px;font-size:20px;left:0}.roadmap-card{margin-left:60px;padding:20px 24px}.roadmap-card h3{font-size:18px}.roadmap-card p{font-size:14px}}@media(max-width:480px){.roadmap-title{margin-bottom:50px;font-size:28px}.roadmap-timeline{padding-left:40px}.roadmap-icon{width:42px;height:42px;font-size:18px;left:-5px}.roadmap-card{margin-left:45px;padding:16px 18px}.roadmap-card h3{font-size:16px}.roadmap-card p{font-size:13px}@keyframes floatIcon{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}.features-section{text-align:center;background:linear-gradient(135deg,#0a1a3a,#0f2852);padding:80px 20px 40px;position:relative;overflow:hidden}.features-section:before{content:"";filter:blur(70px);background:radial-gradient(circle,#ff00cc1f,#0000 70%);border-radius:50%;width:400px;height:400px;animation:22s ease-in-out infinite floatBg1;position:absolute;top:-150px;right:-150px}.features-section:after{content:"";filter:blur(90px);background:radial-gradient(circle,#7a5cff1f,#0000 70%);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite floatBg2;position:absolute;bottom:-200px;left:-200px}.features-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.features-title{color:#fff;letter-spacing:-1px;text-shadow:0 2px 20px #0000004d;margin-bottom:15px;font-size:52px;font-weight:800;animation:3s ease-in-out infinite titleFloat}.features-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f0c,#7a5cff,#00d4ff) 0 0/200% 200%;-webkit-background-clip:text;animation:6s infinite gradientShift;display:inline-block}.features-subtitle{color:#cdd4ff;opacity:0;max-width:650px;margin:0 auto 50px;font-size:16px;font-weight:400;line-height:1.7;animation:.8s .2s forwards fadeInUp}.features-grid{perspective:1000px;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:5s ease-in-out infinite cardFloat;animation-delay:calc(.15s * var(--card-index));transform-style:preserve-3d;cursor:pointer;background:#ffffff08;border:1px solid #f0c3;border-radius:24px;padding:35px 22px 30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.feature-card:first-child{--card-index:1}.feature-card:nth-child(2){--card-index:2}.feature-card:nth-child(3){--card-index:3}.feature-card:nth-child(4){--card-index:4}.features-grid:last-of-type .feature-card:first-child{--card-index:5}.features-grid:last-of-type .feature-card:nth-child(2){--card-index:6}.features-grid:last-of-type .feature-card:nth-child(3){--card-index:7}.features-grid:last-of-type .feature-card:nth-child(4){--card-index:8}.feature-card:before{content:"";opacity:0;z-index:-1;filter:blur(5px);background:linear-gradient(135deg,#f0c,#7a5cff,#00d4ff,#f0c) 0 0/300% 300%;border-radius:26px;transition:opacity .4s;animation:6s infinite borderGradient;position:absolute;inset:-2px}@keyframes borderGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.feature-card:hover{background:#ffffff14;border-color:#0000;transform:translateY(-15px)scale(1.02)rotateX(3deg);box-shadow:0 25px 50px #7a5cff66}.feature-card:hover:before{opacity:.8}.feature-card:hover .icon{filter:drop-shadow(0 0 15px);transform:scale(1.15)rotate(5deg)}.icon{margin-bottom:15px;font-size:42px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:3s ease-in-out infinite iconPulse;display:inline-block}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 5px);transform:scale(1)}50%{filter:drop-shadow(0 0 15px);transform:scale(1.1)}}.green{color:#3ddc84;text-shadow:0 0 20px #3ddc8466}.red{color:#ff5a5a;text-shadow:0 0 20px #ff5a5a66}.yellow{color:#ffd84d;text-shadow:0 0 20px #ffd84d66}.pink{color:#f0c;text-shadow:0 0 20px #f0c6}.blue{color:#40c4ff;text-shadow:0 0 20px #40c4ff66}.green2{color:#00e676;text-shadow:0 0 20px #00e67666}.purple{color:#a64bf4;text-shadow:0 0 20px #a64bf466}.feature-card h3{color:#fff;letter-spacing:-.3px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e0ff);-webkit-background-clip:text;margin-top:15px;margin-bottom:8px;font-size:18px;font-weight:600;transition:all .3s}.feature-card:hover h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#f0c);-webkit-background-clip:text}.feature-card p{color:#b8c4ff;font-size:14px;font-weight:400;line-height:1.6;transition:all .3s}.feature-card:hover p{color:#e0e4ff}.how-title{color:#fff;letter-spacing:-.5px;margin-bottom:35px;font-size:36px;font-weight:700;animation:3s ease-in-out .5s infinite titleFloat;display:inline-block;position:relative}.how-title:after{content:"";background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:3px;width:80px;height:3px;animation:3s ease-in-out infinite lineWidth;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes lineWidth{0%,to{opacity:.8;width:80px}50%{opacity:1;width:120px}}.how-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f0c,#7a5cff);-webkit-background-clip:text}.features-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@media(max-width:1024px){.features-title{font-size:46px}.features-grid{grid-template-columns:repeat(2,1fr);gap:25px}.how-title{font-size:32px}.icon{font-size:38px}}@media(max-width:768px){.features-section{padding:60px 20px 35px}.features-title{font-size:38px}.features-subtitle{margin-bottom:40px;font-size:15px}.feature-card{padding:28px 18px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.how-title{margin-bottom:30px;font-size:28px}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}}@media(max-width:480px){.features-section{padding:50px 20px 30px}.features-title{font-size:30px}.features-grid{gap:20px;margin-bottom:35px}.feature-card{padding:24px 16px}.icon{font-size:32px}.how-title{margin-bottom:25px;font-size:24px}.how-title:after{width:60px}@keyframes lineWidth{0%,to{width:60px}50%{width:90px}}}.faq-section{background:#0b1f4f;padding:60px 20px;position:relative;overflow:hidden}.faq-section:before{content:"";filter:blur(70px);z-index:1;background:radial-gradient(circle,#ff00cc14,#0000 70%);border-radius:50%;width:400px;height:400px;animation:22s ease-in-out infinite floatBg1;position:absolute;top:-150px;right:-150px}.faq-section:after{content:"";filter:blur(90px);z-index:1;background:radial-gradient(circle,#7a5cff14,#0000 70%);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite floatBg2;position:absolute;bottom:-200px;left:-200px}.faq-container{z-index:2;max-width:1000px;margin:0 auto;position:relative}.faq-title{text-align:center;color:#fff;letter-spacing:-.5px;margin-bottom:40px;font-size:48px;font-weight:700;animation:3s ease-in-out infinite titleFloat}.faq-title span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#f0c,#7a5cff) 0 0/200% 200%;-webkit-background-clip:text;animation:3s ease-in-out infinite spanFloat,6s infinite gradientShift;display:inline-block}@keyframes spanFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.faq-list{position:relative}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:5s ease-in-out infinite itemFloat;animation-delay:calc(.1s * var(--faq-index));cursor:pointer;background:#ffffff05;border:1px solid #ff00cc1a;border-radius:14px;margin-bottom:10px;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.faq-item:first-child{--faq-index:1}.faq-item:nth-child(2){--faq-index:2}.faq-item:nth-child(3){--faq-index:3}.faq-item:nth-child(4){--faq-index:4}.faq-item:nth-child(5){--faq-index:5}.faq-item:nth-child(6){--faq-index:6}@keyframes itemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.faq-item:hover{background:#ffffff0a;border-color:#f0c6;animation-play-state:paused;transform:translateY(-4px)scale(1.005);box-shadow:0 8px 25px #7a5cff33}.faq-item.active{background:#ff00cc0d;border-color:#f0c;box-shadow:0 12px 30px #7a5cff40}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.faq-item:hover .faq-question{padding-left:24px}.faq-left{align-items:center;gap:14px;display:flex}.faq-number{color:#fff;background:#ff00cc1a;border:1px solid #f0c6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite numberPulse;display:flex;box-shadow:0 0 10px #f0c3}@keyframes numberPulse{0%,to{transform:scale(1);box-shadow:0 0 10px #f0c3}50%{transform:scale(1.02);box-shadow:0 0 15px #ff00cc40}}.faq-item.active .faq-number{color:#fff;background:linear-gradient(135deg,#f0c,#7a5cff);border-color:#f0c;box-shadow:0 0 20px #ff00cc59}.faq-left p{color:#fff;font-size:16px;font-weight:500;transition:all .3s}.faq-item:hover .faq-left p{color:#fff;transform:translate(3px)}.faq-item.active .faq-left p{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#f0c);-webkit-background-clip:text}.faq-icon{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;font-weight:300;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex}.faq-item:hover .faq-icon{color:#f0c;border-color:#f0c;transform:rotate(90deg)scale(1.03);box-shadow:0 0 12px #f0c3}.faq-item.active .faq-icon{color:#f0c;background:#ff00cc1a;border-color:#f0c;transform:rotate(180deg)}.faq-answer{color:#cdd4ff;padding:0 20px 20px 64px;font-size:14px;font-weight:400;line-height:1.6;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@media(max-width:768px){.faq-section{padding:50px 20px}.faq-title{margin-bottom:35px;font-size:32px}.faq-question{padding:14px 16px}.faq-left p{font-size:15px}.faq-number{width:28px;height:28px;font-size:12px}.faq-icon{width:30px;height:30px;font-size:22px}.faq-answer{padding:0 16px 16px 54px;font-size:13px}@keyframes itemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}}@media(max-width:480px){.faq-section{padding:40px 20px}.faq-title{margin-bottom:30px;font-size:26px}.faq-question{padding:12px 14px}.faq-left{gap:10px}.faq-left p{font-size:13px}.faq-number{border-radius:6px;width:24px;height:24px;font-size:11px}.faq-icon{width:26px;height:26px;font-size:20px}.faq-answer{padding:0 14px 14px 44px;font-size:12px}}.footer{color:#cdd4ff;background:linear-gradient(135deg,#0a1a3a,#0f2852);padding-top:80px;position:relative;overflow:hidden}.footer:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 40%,#ff00cc26,#0000 50%),radial-gradient(circle at 80% 60%,#7a5cff26,#0000 50%);animation:15s ease-in-out infinite gradientMove;position:absolute;inset:0}.footer:after{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#ff00cc1a,#0000 70%);border-radius:50%;width:400px;height:400px;animation:20s ease-in-out infinite floatBg3;position:absolute;top:-200px;left:-100px}@keyframes floatBg3{0%,to{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.6;transform:translate(100px,50px)scale(1.3)}}.footer-container{z-index:2;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;max-width:1200px;margin:0 auto;padding:0 40px 60px;display:grid;position:relative}.footer-left{animation:.8s ease-out slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.footer-logo{align-items:center;gap:12px;margin-bottom:20px;animation:4s ease-in-out infinite logoFloat;display:flex}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer-logo img{object-fit:contain;background:#1e3a8a;border-radius:12px;width:45px;height:45px;padding:8px;transition:all .3s;animation:3s ease-in-out infinite logoBlueGlow;box-shadow:0 0 20px #1e3a8a80}@keyframes logoBlueGlow{0%,to{transform:scale(1);box-shadow:0 0 20px #1e3a8a80}50%{transform:scale(1.05);box-shadow:0 0 30px #1e3a8acc}}.footer-logo img:hover{transform:rotate(5deg)scale(1.1);box-shadow:0 0 30px #1e3a8ae6}.footer-logo span{-webkit-text-fill-color:transparent;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#f0c);-webkit-background-clip:text;font-size:26px;font-weight:800}.footer-desc{color:#b8c4ff;border-left:2px solid #ff00cc4d;max-width:350px;padding-left:15px;font-size:14px;line-height:1.8;transition:all .3s;position:relative}.footer-desc:hover{border-left-color:#f0c;padding-left:20px}.footer-col{animation:.8s ease-out both slideInRight}.footer-col:nth-child(2){animation-delay:.2s}.footer-col:nth-child(3){animation-delay:.4s}.footer-col:nth-child(4){animation-delay:.6s}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.footer-col h4{color:#f0c;letter-spacing:.5px;margin-bottom:25px;font-size:18px;font-weight:700;display:inline-block;position:relative}.footer-col h4:after{content:"";background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:2px;width:30px;height:2px;transition:width .3s;animation:3s ease-in-out infinite linePulse;position:absolute;bottom:-8px;left:0}@keyframes linePulse{0%,to{opacity:.8;width:30px}50%{opacity:1;width:45px}}.footer-col:hover h4:after{width:50px}.footer-col ul{padding:0;list-style:none}.footer-col li{cursor:pointer;color:#cdd4ff;margin-bottom:12px;padding-left:0;transition:all .3s;position:relative}.footer-col li:before{content:"›";opacity:0;color:#f0c;font-size:18px;transition:all .3s;position:absolute;left:-15px}.footer-col li:hover{color:#f0c;padding-left:5px;transform:translate(10px)}.footer-col li:hover:before{opacity:1;left:-5px}.social-icons{gap:20px;margin-top:10px;font-size:20px;display:flex}.social-icons svg{cursor:pointer;color:#cdd4ff;animation:4s ease-in-out infinite socialFloat;animation-delay:calc(.2s * var(--social-index));transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.social-icons svg:first-child{--social-index:1}.social-icons svg:nth-child(2){--social-index:2}.social-icons svg:nth-child(3){--social-index:3}@keyframes socialFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.social-icons svg:hover{color:#f0c;filter:drop-shadow(0 0 15px #ff00cc80);animation-play-state:paused;transform:translateY(-10px)scale(1.2)}.footer-bottom{text-align:center;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border-top:1px solid #ffffff1a;padding:25px;font-size:15px;animation:1s ease-out fadeInUp;position:relative}.footer-bottom span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f0c,#7a5cff);-webkit-background-clip:text;padding:0 5px;font-weight:700;animation:3s ease-in-out infinite textGlow;display:inline-block;position:relative}@keyframes textGlow{0%,to{text-shadow:0 0 10px #ff00cc4d}50%{text-shadow:0 0 20px #7a5cff99}}.footer-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:#ffffff1a;border-radius:50%;width:2px;height:2px;animation:20s linear infinite particleFloat;position:absolute}@media(max-width:1024px){.footer-container{gap:40px;padding:0 30px 50px}.footer-logo span{font-size:24px}.footer-logo img{width:40px;height:40px;padding:7px}}@media(max-width:900px){.footer{padding-top:70px}.footer-container{grid-template-columns:1fr 1fr;gap:40px 30px}.footer-left{grid-column:1/-1}.footer-desc{border-left:none;max-width:100%;padding-left:0}.footer-desc:hover{padding-left:5px}.footer-col h4:after{left:0;transform:none}}@media(max-width:600px){.footer{padding-top:60px}.footer-container{text-align:center;grid-template-columns:1fr;gap:35px;padding:0 20px 40px}.footer-logo{justify-content:center}.footer-logo img{width:42px;height:42px;padding:8px}.footer-desc{border-left:none;margin:0 auto}.footer-col h4:after{left:50%;transform:translate(-50%)}.footer-col li:hover{transform:translate(0)scale(1.05)}.footer-col li:before{display:none}.social-icons{justify-content:center}.footer-bottom{padding:20px;font-size:14px}}@media(max-width:480px){.footer{padding-top:50px}.footer-logo img{width:38px;height:38px;padding:6px}.footer-logo span{font-size:22px}.footer-desc{font-size:13px}.footer-col h4{font-size:16px}.footer-col li{font-size:14px}.social-icons{gap:15px;font-size:18px}}html{scroll-behavior:smooth}section{scroll-margin-top:80px}section:not(:last-child){margin-bottom:2rem}.nav-item.active{color:#8126c2;font-weight:700}body{color:#fff;background:#0b1f4f}.dashboard-layout{height:100vh;display:flex;overflow:hidden}.menu{list-style:none}.menu li{cursor:pointer;color:#cfd8ff;border-radius:6px;margin-bottom:10px;padding:12px 10px}.menu li:hover{background:#1b3c88}.menu .active{color:#fff;background:linear-gradient(90deg,#a64bf4,#ff4fd8)}.main-area{overflow-y:column;flex-direction:column;flex:1;height:100vh;margin-left:280px;display:flex}.content{box-sizing:border-box;flex:1;min-height:calc(100vh - 60px);padding:30px;overflow-y:auto}.dash-container{color:#fff;min-height:100vh;padding:25px}.dash-title{font-size:26px;font-weight:600}.dash-subtitle{color:#9fb3ff;margin-bottom:25px;font-size:13px}.dash-section{margin:25px 0 15px;font-size:16px;font-weight:600}.dash-grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dash-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.dash-inner-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dash-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#132f7599;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:18px;transition:all .3s;display:flex}.dash-card:hover{transform:translateY(-4px)}.dash-card-title{color:#a9bbff;font-size:12px}.dash-card-value{margin-top:5px;font-size:20px}.dash-icon-box{border-radius:10px;width:38px;height:38px}.dash-purple .dash-icon-box{background:linear-gradient(135deg,#7b61ff,#a855f7)}.dash-green .dash-icon-box{background:linear-gradient(135deg,#22c55e,#16a34a)}.dash-pink .dash-icon-box{background:linear-gradient(135deg,#ff4ecd,#ff0080)}.dash-cyan .dash-icon-box{background:linear-gradient(135deg,#06b6d4,#0891b2)}.dash-yellow .dash-icon-box{background:linear-gradient(135deg,#facc15,#eab308)}.dash-blue .dash-icon-box{background:linear-gradient(135deg,#3b82f6,#2563eb)}.dash-section-card{background:#132f7599;border:1px solid #ffffff14;border-radius:12px;padding:18px}.dash-section-header{justify-content:space-between;margin-bottom:15px;display:flex}.dash-small-card{background:#0a195099;border-radius:8px;padding:12px}.dash-small-card p{color:#a9bbff;font-size:11px}.dash-small-card h4{margin-top:5px;font-size:15px}.dash-loading{color:#fff;padding:20px}@media(max-width:1000px){.dash-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.dash-grid-3,.dash-grid-2{grid-template-columns:1fr}}.dash-icon-box{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.dash-section-title{align-items:center;gap:10px;display:flex}.dash-section-title svg{color:#9fb3ff;font-size:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:10px}*{scrollbar-width:thin;scrollbar-color:#3949ab transparent}.logo{align-items:center;gap:0;display:flex}.logo img{object-fit:contain;width:72px;height:102px;margin-top:-39px}.brand-name{color:#fff;letter-spacing:0;margin-top:-33px;font-family:Times New Roman,Times,serif;font-size:25px;font-weight:700}.topbar{z-index:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1020e0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{min-width:0}.topbar-title-wrap{flex-direction:column;gap:2px;display:flex}.topbar-title{letter-spacing:.2px;color:#fff;margin:0;font-size:24px;font-weight:800}.topbar-subtitle{color:var(--muted);margin:0;font-size:12px}.topbar-right{align-items:center;gap:14px;display:flex}.admin-card{box-shadow:var(--shadow);background:#111c33e6;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.admin-avatar{background:linear-gradient(135deg,var(--primary),#60a5fa);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.admin-meta{flex-direction:column;gap:2px;display:flex}.admin-name{color:#fff;font-size:14px;font-weight:700;line-height:1.1}.wallet{color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.logout-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff4d4f,#dc2626);border:none;border-radius:14px;align-items:center;gap:8px;height:44px;padding:0 16px;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:0 10px 24px #dc262633}.logout-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.sidebar{border-right:1px solid var(--sidebar-border);z-index:1000;background:linear-gradient(#050816,#060a19);flex-direction:column;width:280px;height:100vh;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 30px #0000002e}.sidebar-header{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;height:76px;padding:0 18px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{object-fit:cover;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;width:40px;height:40px}.brand-name{color:#fff;margin:0;font-size:18px;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px}.sidebar-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.sidebar-scroll{flex:1;padding:18px 14px 24px;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.section-label{letter-spacing:1.4px;text-transform:uppercase;color:#64748b;margin:18px 10px 10px;font-size:11px;font-weight:800}.menu-item{color:#d8e4ff;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;height:48px;margin-bottom:8px;padding:0 14px;transition:background .2s,transform .2s,color .2s;display:flex}.menu-item:hover{background:#3b82f614;border-color:#3b82f61f}.menu-item.active{color:#fff;background:linear-gradient(135deg,#3b82f638,#2563eb33);border-color:#3b82f642;box-shadow:0 10px 18px #0000002e}.menu-item.parent-active{color:#fff}.menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;display:inline-flex}.menu-text{white-space:nowrap;flex:1;font-size:14px;font-weight:600}.menu-arrow{color:#9fb1d8;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.submenu{border-left:1px solid #ffffff14;margin:-1px 0 8px 18px;padding:8px 0 4px 14px}.submenu-item{color:#9fb1d8;cursor:pointer;border-radius:12px;align-items:center;height:40px;margin-bottom:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.submenu-item:hover{color:#fff;background:#ffffff0a}.submenu-item.active{color:#fff;background:#3b82f62e}.hamburger{z-index:1200;color:#fff;cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow);background:#090e1deb;border:1px solid #ffffff14;border-radius:14px;font-size:20px;display:none;position:fixed;top:8px;right:16px}.sidebar-overlay{opacity:0;pointer-events:none;z-index:999;background:#0206178f;transition:opacity .25s;position:fixed;inset:0}.sidebar-overlay.show{opacity:1;pointer-events:all}@media(max-width:1024px){.main-area{margin-left:280px}.content{padding:20px}.topbar{padding:0 18px}}@media(max-width:768px){.hamburger{justify-content:center;align-items:center;gap:6px;padding:10px;display:inline-flex}.sidebar{transition:transform .28s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{justify-content:center;align-items:center;display:inline-flex}.main-area{width:100%;margin-left:0}.topbar{height:72px;padding-left:74px;padding-right:14px}.topbar-title{font-size:20px}.topbar-subtitle{display:none}.admin-card{border-radius:14px;padding:8px 12px}.admin-avatar{width:38px;height:38px}.wallet{font-size:12px}.logout-btn{height:42px;padding:0 14px}.logout-btn span{display:none}.content{padding:16px}.sidebar{width:290px}}@media(max-width:480px){.admin-meta{display:none}.topbar{gap:10px}.admin-card{padding:8px}}.users-page{color:#fff;padding:25px}.users-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.users-header h2{font-size:26px;font-weight:600}.users-header input{color:#fff;background:#1e3a8a;border:none;border-radius:8px;outline:none;width:280px;padding:10px 14px}.table-card{background:#162c6b;border-radius:12px;padding:20px}.users-table{border-collapse:collapse;width:100%}.users-table thead th{text-align:left;color:#8ab4ff;border-bottom:1px solid #ffffff1a;padding:14px;font-size:13px}.users-table tbody td{border-bottom:1px solid #ffffff0d;padding:14px;font-size:14px}.badge-active{color:#34d399;background:#10b98126;border-radius:20px;padding:5px 12px;font-size:12px}.badge-inactive{color:#fb7185;background:#ef444426;border-radius:20px;padding:5px 12px;font-size:12px}.form-group{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}.form-group input,.form-group select{color:#fff;background:#1e3a8a;border:none;border-radius:6px;padding:8px}.status-badge{border:1px solid;border-radius:20px;padding:5px 12px;font-size:12px}.status-badge.approved{color:#22c55e;background:#22c55e26;border-color:#22c55e}.status-badge.rejected{color:#ef4444;background:#ef444426;border-color:#ef4444}.switch{width:38px;height:20px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#ccc;border-radius:20px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:#22c55e}input:checked+.slider:before{transform:translate(18px)}.action-cell{position:relative}.action-cell svg{cursor:pointer}.action-dropdown{z-index:10;background:#1e3a8a;border-radius:8px;width:120px;position:absolute;top:22px;right:0;overflow:hidden}.action-dropdown div{cursor:pointer;padding:10px;font-size:14px}.action-dropdown div:hover{background:#2563eb}.action-dropdown .delete{color:#ff6b6b}.pagination{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.pagination select{border:none;border-radius:6px;margin-left:10px;padding:5px}.pagination button{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:6px;margin-left:6px;padding:6px 12px}.pagination button:hover{background:#2563eb}.pagination .active{background:#ec4899}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{background:#0f1f4b;border-radius:12px;width:420px;animation:.25s scaleIn;box-shadow:0 10px 40px #0006}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h3{font-size:18px;font-weight:600}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.modal-row{justify-content:space-between;margin-bottom:14px;font-size:14px;display:flex}.modal-row label{color:#8ab4ff}.form-group{flex-direction:column;margin-bottom:14px;display:flex}.form-group label{color:#8ab4ff;margin-bottom:6px;font-size:13px}.form-group input{color:#fff;background:#1e3a8a;border:none;border-radius:8px;padding:10px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 16px}.btn-secondary{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:8px;padding:8px 16px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delete-modal{text-align:center;background:#0f1f4b;border-radius:12px;width:360px;padding:25px;animation:.25s scaleIn}.delete-modal h3{margin-bottom:10px}.delete-modal p{color:#d1d5db;margin-bottom:20px}.delete-buttons{justify-content:center;gap:15px;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 18px}.btn-danger:hover{background:#dc2626}.level-badge{color:#ec4899;background:#ec489926;border-radius:20px;padding:5px 12px;font-size:12px}.pending-badge{color:#facc15;background:#fbbf2426;border:1px solid #facc15;border-radius:20px;padding:5px 12px;font-size:12px}.um-admin-wallet{color:#fff;z-index:100;background:#132f75;border:1px solid #2a4a9e;border-radius:30px;gap:15px;padding:12px 25px;font-size:13px;display:flex;position:fixed;bottom:20px;left:280px;box-shadow:0 4px 15px #0000004d}.um-admin-label{color:#a64bf4;font-weight:600}.um-wallet-balance{color:#b8c4ff}@media(max-width:1200px){.um-admin-wallet{left:20px}}@media(max-width:768px){.um-main-content{padding:20px 15px}.um-table-header{flex-direction:column;align-items:stretch}.um-search-box input{width:100%}.um-weather-info{flex-wrap:wrap;justify-content:center;margin-top:20px;position:static}.um-admin-wallet{justify-content:center;margin-top:10px;position:static}.um-table-footer{flex-direction:column;align-items:stretch}.um-pagination{justify-content:center}}@media(max-width:480px){.um-weather-info{flex-direction:column;align-items:center;gap:10px}.um-admin-wallet{text-align:center;flex-direction:column;align-items:center}}.um-toggle-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex;position:relative}.toggle-slider{background-color:#ccc;border-radius:20px;width:40px;height:20px;transition:background-color .3s;position:relative}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}.um-toggle-btn.active .toggle-slider{background-color:#4caf50}.um-toggle-btn.active .toggle-slider:before{transform:translate(20px)}.um-toggle-btn.inactive .toggle-slider{background-color:#f44336}.um-toggle-btn.inactive .toggle-slider:before{transform:translate(0)}.toggle-label{color:#fff;font-size:12px}.um-rows-selector{color:#b8c4ff;align-items:center;gap:10px;font-size:13px;display:flex}.um-rows-selector select{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:5px;outline:none;padding:5px 10px}.um-rows-selector select:hover{background:#2a4a9e}.um-rows-selector select option{color:#fff;background:#1b3c88}.um-no-data{text-align:center;color:#b8c4ff;padding:30px;font-style:italic}.um-page-btn:disabled{opacity:.5;cursor:not-allowed}.um-page-btn:disabled:hover{background:#1b3c88}.um-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}@media(max-width:768px){.um-table-footer{flex-direction:column;align-items:stretch}.um-rows-selector{justify-content:center}}.um-actions-dropdown{display:inline-block;position:relative}.um-actions-menu{z-index:100;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;min-width:120px;display:none;position:absolute;right:0;box-shadow:0 8px 16px #0003}.um-actions-dropdown:hover .um-actions-menu{display:block}.um-actions-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 15px;font-size:13px;display:flex}.um-actions-menu button:hover{background:#2a4a9e;border-radius:8px}.um-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.um-modal{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.um-modal-header{border-bottom:1px solid #2a4a9e;justify-content:space-between;align-items:center;padding:20px;display:flex}.um-modal-header h3{color:#fff;margin:0}.um-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px}.um-modal-body{color:#fff;padding:20px}.um-modal-footer{border-top:1px solid #2a4a9e;justify-content:flex-end;gap:10px;padding:20px;display:flex}.um-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:14px}.um-modal-btn.cancel{color:#fff;background:#2a4a9e}.um-modal-btn.confirm{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff)}.um-form-group{margin-bottom:15px}.um-form-group label{color:#b8c4ff;margin-bottom:5px;display:block}.um-form-group input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;width:100%;padding:10px}.um-view-details{flex-direction:column;gap:10px;display:flex}.um-detail-row{border-bottom:1px solid #2a4a9e;padding:8px 0;display:flex}.um-detail-row strong{color:#b8c4ff;width:120px}.um-detail-row span{color:#fff;flex:1}.um-popup{color:#fff;z-index:1100;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:8px;padding:15px 25px;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}.um-status-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-width:80px;padding:0;display:inline-flex;position:relative}.um-status-toggle .toggle-slider{background-color:#f44336;border-radius:20px;width:40px;height:20px;transition:background-color .3s;display:inline-block;position:relative}.um-status-toggle .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}.um-status-toggle.active .toggle-slider{background-color:#4caf50}.um-status-toggle.active .toggle-slider:before{transform:translate(20px)}.um-status-toggle.inactive .toggle-slider{background-color:#f44336}.um-status-toggle.inactive .toggle-slider:before{transform:translate(0)}.um-status-toggle .toggle-label{color:#fff;text-align:left;min-width:50px;font-size:12px}.plans-container{background:#0b1f4f;min-height:calc(100vh - 60px);padding:25px 30px}.plans-header{margin-bottom:30px}.plans-title{color:#a64bf4;margin-bottom:5px;font-size:28px;font-weight:600}.plans-subtitle{color:#b8c4ff;font-size:14px}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;display:grid}.plan-card{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #0003}.plan-card:hover{border-color:#a64bf4;transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.plan-name{color:#f0c;border-bottom:1px solid #2a4a9e;margin-bottom:20px;padding-bottom:15px;font-size:24px}.plan-details{flex-direction:column;gap:15px;display:flex}.plan-detail-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-label{color:#b8c4ff;font-size:14px;font-weight:500}.plan-detail-item.investment{border-top:1px solid #2a4a9e;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;padding-top:15px}.plan-detail-item.investment .detail-label{margin-bottom:5px}.plan-detail-item.investment .detail-value{color:#4caf50;text-align:center;background:#4caf501a;border-radius:8px;width:100%;padding:8px 12px;font-size:18px}.highlight{color:#4caf50}@media(max-width:768px){.plans-container{padding:20px 15px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:20px}.plan-name{font-size:20px}.detail-value{font-size:14px}}.plans-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.plans-create-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7a5cff);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .3s}.plans-create-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff00cc4d}.plan-card-header{justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:0;display:flex}.plan-edit-btn{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 10px;font-size:20px;transition:all .3s}.plan-edit-btn:hover{color:#fff;background:#2a4a9e}.plan-name{color:#f0c;margin:0;font-size:24px}.plan-status-toggle{cursor:pointer;background:0 0;border:none;padding:0;position:relative}.plan-status-toggle .toggle-slider{background-color:#f44336;border-radius:20px;width:40px;height:20px;transition:background-color .3s;display:inline-block;position:relative}.plan-status-toggle .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}.plan-status-toggle.active .toggle-slider{background-color:#4caf50}.plan-status-toggle.active .toggle-slider:before{transform:translate(20px)}.plan-status-toggle.inactive .toggle-slider{background-color:#f44336}.plan-status-toggle.inactive .toggle-slider:before{transform:translate(0)}.status-toggle{border-top:1px solid #2a4a9e;margin-top:15px;padding-top:15px}.plans-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.plans-modal{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.plans-modal-header{border-bottom:1px solid #2a4a9e;justify-content:space-between;align-items:center;padding:20px;display:flex}.plans-modal-header h3{color:#fff;margin:0}.plans-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px}.plans-modal-body{padding:20px}.plans-form-group{margin-bottom:15px}.plans-form-group label{color:#b8c4ff;margin-bottom:5px;font-size:13px;display:block}.plans-form-group input,.plans-form-group select{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;width:100%;padding:10px;font-size:14px}.plans-form-group input:focus,.plans-form-group select:focus{border-color:#a64bf4;outline:none}.plans-form-group input::placeholder{color:#8a9dd9}.plans-modal-footer{border-top:1px solid #2a4a9e;justify-content:flex-end;gap:10px;padding:20px;display:flex}.plans-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500}.plans-modal-btn.cancel{color:#fff;background:#2a4a9e}.plans-modal-btn.confirm{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff)}.plans-modal-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.plans-popup{color:#fff;z-index:1100;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:8px;padding:15px 25px;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}@media(max-width:768px){.plans-header{flex-direction:column;align-items:stretch}.plans-create-btn{width:100%}.plan-card-header{flex-direction:column;align-items:flex-start;gap:10px}.plan-edit-btn{align-self:flex-end}}.ap-container{color:#fff;background:#0b1f4f;min-height:calc(100vh - 60px)}.ap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.ap-title{color:#a64bf4;margin:0;font-size:28px;font-weight:600}.ap-search-box input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;width:250px;padding:10px 16px;font-size:14px}.ap-search-box input::placeholder{color:#8a9dd9}.ap-search-box input:focus{border-color:#a64bf4;outline:none}.ap-table-responsive{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;margin-bottom:20px;overflow-x:auto}.ap-table{border-collapse:collapse;width:100%;min-width:1200px}.ap-table th{text-align:left;color:#b8c4ff;white-space:nowrap;background:#1b3c88;padding:15px 12px;font-size:13px;font-weight:500}.ap-table td{color:#fff;border-bottom:1px solid #1e3f8a;padding:15px 12px;font-size:13px}.ap-table tbody tr:hover{background:#1e3f8a}.ap-status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.ap-status-badge.active{color:#4caf50;background:#00ff0026;border:1px solid #4caf50}.ap-status-badge.inactive{color:#ff6b6b;background:#ff000026;border:1px solid #ff6b6b}.ap-actions-dropdown{display:inline-block;position:relative}.ap-action-btn{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 10px;font-size:18px}.ap-action-btn:hover{color:#fff;background:#2a4a9e}.ap-actions-menu{z-index:100;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;min-width:140px;display:none;position:absolute;right:0;box-shadow:0 8px 16px #0003}.ap-actions-dropdown:hover .ap-actions-menu{display:block}.ap-actions-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 15px;font-size:13px;display:flex}.ap-actions-menu button:hover{background:#2a4a9e;border-radius:8px}.ap-no-data{text-align:center;color:#b8c4ff;font-style:italic;padding:30px!important}.ap-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.ap-rows-selector{color:#b8c4ff;align-items:center;gap:10px;font-size:13px;display:flex}.ap-rows-selector select{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:5px;outline:none;padding:5px 10px}.ap-rows-selector select:hover{background:#2a4a9e}.ap-rows-selector select option{color:#fff;background:#1b3c88}.ap-rows-info{color:#fff;margin-left:5px}.ap-pagination{flex-wrap:wrap;gap:5px;display:flex}.ap-page-btn{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;min-width:35px;padding:8px 12px;font-size:13px;transition:all .3s}.ap-page-btn:hover:not(:disabled){background:#2a4a9e}.ap-page-btn.ap-active{background:linear-gradient(90deg,#a64bf4,#ff4fd8);border:none}.ap-page-btn:disabled{opacity:.5;cursor:not-allowed}.ap-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ap-modal{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.ap-modal-header{background:#132f75;border-bottom:1px solid #2a4a9e;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.ap-modal-header h3{color:#fff;margin:0;font-size:18px}.ap-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:24px}.ap-modal-close:hover{color:#ff4fd8}.ap-modal-body{color:#fff;padding:20px}.ap-edit-form{flex-direction:column;gap:15px;display:flex}.ap-form-group{flex-direction:column;gap:5px;display:flex}.ap-form-group label{color:#b8c4ff;font-size:13px;font-weight:500}.ap-form-group input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;padding:10px;font-size:14px}.ap-form-group input:focus{border-color:#a64bf4;outline:none}.ap-form-group input::placeholder{color:#8a9dd9}.ap-view-details{flex-direction:column;gap:12px;display:flex}.ap-detail-row{border-bottom:1px solid #2a4a9e;padding:8px 0;display:flex}.ap-detail-row strong{color:#b8c4ff;text-transform:capitalize;width:120px;font-size:13px}.ap-detail-row span{color:#fff;flex:1;font-size:13px}.ap-modal-footer{background:#132f75;border-top:1px solid #2a4a9e;justify-content:flex-end;gap:10px;padding:20px;display:flex;position:sticky;bottom:0}.ap-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.ap-modal-btn.cancel{color:#fff;background:#2a4a9e}.ap-modal-btn.confirm{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff)}.ap-modal-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.ap-popup{color:#fff;z-index:1100;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:8px;padding:15px 25px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}@media(max-width:768px){.ap-container{padding:20px 15px}.ap-header{flex-direction:column;align-items:stretch}.ap-search-box input{width:100%}.ap-table-footer{text-align:center;flex-direction:column;align-items:center}.ap-rows-selector{flex-wrap:wrap;justify-content:center}.ap-pagination{justify-content:center}.ap-modal{width:95%;margin:10px}.ap-detail-row{flex-direction:column;gap:5px}.ap-detail-row strong{width:100%}}.ap-table-responsive::-webkit-scrollbar{height:8px}.ap-table-responsive::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.ap-table-responsive::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.ap-table-responsive::-webkit-scrollbar-thumb:hover{background:#a64bf4}.ap-modal::-webkit-scrollbar{width:8px}.ap-modal::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.ap-modal::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.ap-modal::-webkit-scrollbar-thumb:hover{background:#a64bf4}.rr-container{color:#fff;background:#0b1f4f;min-height:calc(100vh - 60px);padding:25px 30px}.rr-filter-box select{cursor:pointer;background-color:#1b3c88;border:1px solid #ccc;border-radius:6px;margin-left:10px;padding:6px 10px}.rr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.rr-title{color:#a64bf4;margin:0;font-size:28px;font-weight:600}.rr-search-box{align-items:center;gap:10px;display:flex}.rr-search-box input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;width:250px;padding:10px 16px;font-size:14px}.rr-search-box input::placeholder{color:#8a9dd9}.rr-search-box input:focus{border-color:#a64bf4;outline:none}.rr-table-responsive{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;margin-bottom:20px;overflow-x:auto}.rr-table{border-collapse:collapse;width:100%;min-width:1000px}.rr-table th{text-align:left;color:#b8c4ff;white-space:nowrap;background:#1b3c88;padding:15px 12px;font-size:13px;font-weight:500}.rr-table td{color:#fff;border-bottom:1px solid #1e3f8a;padding:15px 12px;font-size:13px}.rr-table tbody tr:hover{background:#1e3f8a}.rr-reward-cell{white-space:normal;word-wrap:break-word;max-width:250px}.rr-status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.rr-status-badge.approved{color:#4caf50;background:#00ff0026;border:1px solid #4caf50}.rr-status-badge.pending{color:orange;background:#ffa50026;border:1px solid orange}.rr-status-badge.rejected{color:#ff6b6b;background:#ff000026;border:1px solid #ff6b6b}.rr-actions-dropdown{display:inline-block;position:relative}.rr-action-btn{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 10px;font-size:18px}.rr-action-btn:hover{color:#fff;background:#2a4a9e}.rr-actions-menu{z-index:100;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;min-width:140px;display:none;position:absolute;right:0;box-shadow:0 8px 16px #0003}.rr-actions-dropdown:hover .rr-actions-menu{display:block}.rr-actions-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 15px;font-size:13px;display:flex}.rr-actions-menu button:hover{background:#2a4a9e;border-radius:8px}.rr-no-data{text-align:center;color:#b8c4ff;font-style:italic;padding:30px!important}.rr-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.rr-rows-selector{color:#b8c4ff;align-items:center;gap:10px;font-size:13px;display:flex}.rr-rows-selector select{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:5px;outline:none;padding:5px 10px}.rr-rows-selector select:hover{background:#2a4a9e}.rr-rows-selector select option{color:#fff;background:#1b3c88}.rr-rows-info{color:#fff;margin-left:5px}.rr-pagination{flex-wrap:wrap;gap:5px;display:flex}.rr-page-btn{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;min-width:35px;padding:8px 12px;font-size:13px;transition:all .3s}.rr-page-btn:hover:not(:disabled){background:#2a4a9e}.rr-page-btn.rr-active{background:linear-gradient(90deg,#a64bf4,#ff4fd8);border:none}.rr-page-btn:disabled{opacity:.5;cursor:not-allowed}.rr-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rr-modal{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.rr-modal-header{background:#132f75;border-bottom:1px solid #2a4a9e;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.rr-modal-header h3{color:#fff;margin:0;font-size:18px}.rr-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:24px}.rr-modal-close:hover{color:#ff4fd8}.rr-modal-body{color:#fff;padding:20px}.rr-edit-form{flex-direction:column;gap:15px;display:flex}.rr-form-group{flex-direction:column;gap:5px;display:flex}.rr-form-group label{color:#b8c4ff;font-size:13px;font-weight:500}.rr-form-group input,.rr-form-group select{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;padding:10px;font-size:14px}.rr-form-group input:focus,.rr-form-group select:focus{border-color:#a64bf4;outline:none}.rr-form-group input::placeholder{color:#8a9dd9}.rr-view-details{flex-direction:column;gap:12px;display:flex}.rr-detail-row{border-bottom:1px solid #2a4a9e;padding:8px 0;display:flex}.rr-detail-row strong{color:#b8c4ff;text-transform:capitalize;width:120px;font-size:13px}.rr-detail-row span{color:#fff;word-wrap:break-word;flex:1;font-size:13px}.rr-modal-footer{background:#132f75;border-top:1px solid #2a4a9e;justify-content:flex-end;gap:10px;padding:20px;display:flex;position:sticky;bottom:0}.rr-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.rr-modal-btn.cancel{color:#fff;background:#2a4a9e}.rr-modal-btn.confirm{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff)}.rr-modal-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.rr-popup{color:#fff;z-index:1100;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:8px;padding:15px 25px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}@media(max-width:768px){.rr-container{padding:20px 15px}.rr-header{flex-direction:column;align-items:stretch}.rr-search-box input{width:100%}.rr-table-footer{text-align:center;flex-direction:column;align-items:center}.rr-rows-selector{flex-wrap:wrap;justify-content:center}.rr-pagination{justify-content:center}.rr-modal{width:95%;margin:10px}.rr-detail-row{flex-direction:column;gap:5px}.rr-detail-row strong{width:100%}}.rr-table-responsive::-webkit-scrollbar{height:8px}.rr-table-responsive::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.rr-table-responsive::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.rr-table-responsive::-webkit-scrollbar-thumb:hover{background:#a64bf4}.rr-modal::-webkit-scrollbar{width:8px}.rr-modal::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.rr-modal::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.rr-modal::-webkit-scrollbar-thumb:hover{background:#a64bf4}.tx-main-content{color:#fff;background:#0b1f4f;min-height:calc(100vh - 60px);padding:25px 30px;font-family:Segoe UI,sans-serif}.tx-page-header{margin-bottom:25px}.tx-page-title{color:#a64bf4;margin-bottom:5px;font-size:28px;font-weight:600}.tx-page-subtitle{color:#b8c4ff;margin:0;font-size:14px}.tx-tabs{border-bottom:1px solid #2a4a9e;gap:20px;margin-bottom:25px;padding-bottom:10px;display:flex}.tx-tab{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;position:relative}.tx-tab:hover{color:#fff}.tx-tab.tx-active{color:#f0c;background:0 0}.tx-tab.tx-active:after{content:"";background:linear-gradient(90deg,#f0c,#7a5cff);width:100%;height:2px;position:absolute;bottom:-11px;left:0}.tx-table-container{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 15px #0003}.tx-table-header{border-bottom:1px solid #2a4a9e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex}.tx-table-title{color:#fff;margin:0;font-size:18px;font-weight:600}.tx-search-box{width:300px}.tx-search-box input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;outline:none;width:100%;padding:10px 16px;font-size:14px}.tx-search-box input::placeholder{color:#8a9dd9}.tx-search-box input:focus{border-color:#a64bf4}.tx-table-responsive{overflow-x:auto}.tx-data-table{border-collapse:collapse;width:100%;min-width:1200px}.tx-data-table th{color:#b8c4ff;text-align:left;white-space:nowrap;background-color:#1b3c88;border-bottom:1px solid #2a4a9e;padding:15px 12px;font-size:13px;font-weight:500}.tx-data-table td{color:#fff;white-space:nowrap;border-bottom:1px solid #1e3f8a;padding:15px 12px;font-size:13px}.tx-data-table tbody tr:hover{background-color:#1e3f8a}.tx-hash{color:#fff;align-items:center;gap:8px;display:flex}.tx-emoji{color:#f0c;font-size:16px}.tx-proof{color:#b8c4ff;text-overflow:ellipsis;max-width:150px;font-family:monospace;font-size:12px;overflow:hidden}.tx-status-badge{text-align:center;border-radius:20px;min-width:80px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.tx-status-badge.approved{color:#4caf50;background:#00ff0026;border:1px solid #4caf50}.tx-status-badge.pending{color:orange;background:#ffa50026;border:1px solid orange}.tx-status-badge.rejected{color:#ff6b6b;background:#ff000026;border:1px solid #ff6b6b}.tx-status-badge.completed{color:#4caf50;background:#00ff0026;border:1px solid #4caf50}.tx-type-badge{color:#a64bf4;white-space:nowrap;background:#a64bf433;border:1px solid #a64bf4;border-radius:16px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.tx-actions-dropdown{display:inline-block;position:relative}.tx-action-btn{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:20px;font-weight:700;line-height:1;display:inline-block}.tx-action-btn:hover{color:#fff;background:#2a4a9e}.tx-actions-menu{z-index:1000;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;min-width:140px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #0003}.tx-actions-dropdown:hover .tx-actions-menu{display:block}.tx-actions-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;transition:background-color .2s;display:flex}.tx-actions-menu button:hover{background:#2a4a9e}.tx-actions-menu button:not(:last-child){border-bottom:1px solid #2a4a9e}.tx-table-footer{background:#132f75;border-top:1px solid #2a4a9e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;display:flex}.tx-rows-selector{color:#b8c4ff;align-items:center;gap:12px;font-size:13px;display:flex}.tx-rows-selector select{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:5px;outline:none;padding:6px 10px;font-size:13px}.tx-rows-selector select:focus{border-color:#a64bf4}.tx-rows-selector select option{color:#fff;background:#1b3c88}.tx-rows-info{color:#fff;margin-left:5px}.tx-pagination{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tx-page-btn{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;min-width:35px;padding:8px 14px;font-size:13px;transition:all .3s}.tx-page-btn:hover:not(:disabled){background:#2a4a9e}.tx-page-btn:disabled{opacity:.5;cursor:not-allowed}.tx-page-btn.tx-active{color:#fff;background:linear-gradient(90deg,#a64bf4,#ff4fd8);border:none}.tx-no-data{text-align:center;color:#b8c4ff;font-style:italic;padding:40px!important}.tx-modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tx-modal{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.tx-modal-header{background:#132f75;border-bottom:1px solid #2a4a9e;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.tx-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.tx-modal-close{color:#b8c4ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.tx-modal-close:hover{color:#ff4fd8}.tx-modal-body{color:#fff;padding:24px}.tx-view-details{flex-direction:column;gap:12px;display:flex}.tx-detail-row{border-bottom:1px solid #2a4a9e;padding-bottom:8px;display:flex}.tx-detail-row strong{color:#b8c4ff;width:140px;font-size:13px;font-weight:500}.tx-detail-row span{color:#fff;word-wrap:break-word;flex:1;font-size:13px}.tx-modal-footer{background:#132f75;border-top:1px solid #2a4a9e;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex;position:sticky;bottom:0}.tx-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .3s}.tx-modal-btn.cancel{color:#fff;background:#2a4a9e;border:1px solid #2a4a9e}.tx-modal-btn.cancel:hover{background:#1b3c88}.tx-modal-btn.confirm{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff)}.tx-modal-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.tx-popup{color:#fff;z-index:10001;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:8px;padding:15px 25px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}.tx-table-responsive::-webkit-scrollbar{height:8px}.tx-table-responsive::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.tx-table-responsive::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.tx-table-responsive::-webkit-scrollbar-thumb:hover{background:#a64bf4}.tx-modal::-webkit-scrollbar{width:8px}.tx-modal::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.tx-modal::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.tx-modal::-webkit-scrollbar-thumb:hover{background:#a64bf4}@media(max-width:768px){.tx-main-content{padding:20px 15px}.tx-table-header{flex-direction:column;align-items:stretch;gap:16px}.tx-search-box{width:100%}.tx-tabs{padding-bottom:5px;overflow-x:auto}.tx-tab{white-space:nowrap}.tx-table-footer{flex-direction:column;align-items:center;gap:16px}.tx-rows-selector{flex-wrap:wrap;justify-content:center;width:100%}.tx-pagination{justify-content:center}.tx-detail-row{flex-direction:column;gap:5px}.tx-detail-row strong{width:100%}}.tx-header-actions{align-items:center;gap:15px;display:flex}.tx-manual-deposit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7a5cff);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:transform .3s}.tx-manual-deposit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff00cc4d}.tx-manual-deposit-form{background:#1b3c88;border:1px solid #2a4a9e;border-radius:12px;margin:0 24px 24px;padding:24px;box-shadow:0 4px 15px #0003}.tx-manual-deposit-form h3{color:#fff;margin-bottom:20px;font-size:18px;font-weight:600}.tx-form-group{margin-bottom:20px}.tx-form-group label{color:#b8c4ff;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.tx-select,.tx-input{color:#fff;background:#132f75;border:1px solid #2a4a9e;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.tx-select option{color:#fff;background:#1b3c88}.tx-select:focus,.tx-input:focus{border-color:#a64bf4}.tx-input::placeholder{color:#8a9dd9}.tx-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.tx-btn-cancel{color:#fff;cursor:pointer;background:#2a4a9e;border:1px solid #2a4a9e;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .3s}.tx-btn-cancel:hover{background:#1b3c88}.tx-btn-buy{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7a5cff);border:none;border-radius:6px;padding:10px 24px;font-size:13px;font-weight:500;transition:all .3s}.tx-btn-buy:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff00cc4d}.earnings-container{color:#fff;background:#0b1f4f;min-height:calc(100vh - 60px);padding:25px 30px}.earnings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.earnings-title{color:#a64bf4;margin:0;font-size:28px;font-weight:600}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-button{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:180px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.dropdown-button:hover{background:#2a4a9e;border-color:#a64bf4}.dropdown-arrow{color:#b8c4ff;font-size:12px}.dropdown-menu{z-index:1000;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;min-width:200px;margin-top:8px;animation:.3s slideDown;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #0003}.dropdown-item{color:#b8c4ff;cursor:pointer;border-bottom:1px solid #2a4a9e;padding:12px 20px;font-size:14px;transition:all .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#fff;background:#2a4a9e}.dropdown-item.active{color:#fff;background:linear-gradient(90deg,#a64bf4,#ff4fd8)}.search-section{margin-bottom:20px}.search-input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;outline:none;width:100%;max-width:300px;padding:10px 16px;font-size:14px}.search-input::placeholder{color:#8a9dd9}.search-input:focus{border-color:#a64bf4}.table-container{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;margin-bottom:20px;overflow-x:auto;box-shadow:0 4px 15px #0003}.earnings-table{border-collapse:collapse;width:100%;min-width:1000px}.earnings-table th{color:#b8c4ff;text-align:left;white-space:nowrap;background:#1b3c88;border-bottom:1px solid #2a4a9e;padding:15px 12px;font-size:13px;font-weight:500}.earnings-table td{color:#fff;border-bottom:1px solid #1e3f8a;padding:15px 12px;font-size:13px}.earnings-table tbody tr:hover{background:#1e3f8a}.type-badge{text-align:center;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.type-roi{color:#ff6b6b;background:#ff000026;border:1px solid #ff6b6b}.type-direct{color:#4caf50;background:#4caf5026;border:1px solid #4caf50}.type-level{color:#a64bf4;background:#a64bf426;border:1px solid #a64bf4}.amount-cell{color:#4caf50;font-weight:600}.table-footer{background:#132f75;border-top:1px solid #2a4a9e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;display:flex}.rows-selector{color:#b8c4ff;align-items:center;gap:10px;font-size:13px;display:flex}.rows-selector select{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:5px;outline:none;padding:5px 10px}.rows-selector select:hover{background:#2a4a9e}.rows-selector select option{color:#fff;background:#1b3c88}.rows-info{color:#fff;margin-left:5px}.pagination{flex-wrap:wrap;gap:5px;display:flex}.page-btn{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;min-width:35px;padding:8px 14px;font-size:13px;transition:all .3s}.page-btn:hover:not(:disabled){background:#2a4a9e;border-color:#a64bf4}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{color:#fff;background:linear-gradient(90deg,#a64bf4,#ff4fd8);border:none}@media(max-width:768px){.earnings-container{padding:20px 15px}.earnings-header{flex-direction:column;align-items:stretch}.earnings-title{font-size:24px}.dropdown-wrapper{width:100%}.dropdown-button{justify-content:space-between;width:100%}.dropdown-menu{width:100%;right:auto}.search-input{max-width:100%}.table-footer{text-align:center;flex-direction:column;align-items:center}.rows-selector{flex-wrap:wrap;justify-content:center;width:100%}.pagination{justify-content:center}}.earnings-table tbody tr{animation:.3s fadeIn}.cf-main-content{color:#fff;background:#0b1f4f;min-height:calc(100vh - 60px);padding:25px 30px}.cf-page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.cf-page-title{color:#a64bf4;margin-bottom:5px;font-size:28px;font-weight:600}.cf-page-subtitle{color:#b8c4ff;margin:0;font-size:14px}.cf-tabs{border-bottom:1px solid #2a4a9e;gap:20px;margin-bottom:25px;padding-bottom:10px;display:flex}.cf-tab{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;position:relative}.cf-tab:hover{color:#fff}.cf-tab.cf-active{color:#f0c;background:0 0}.cf-tab.cf-active:after{content:"";background:linear-gradient(90deg,#f0c,#7a5cff);width:100%;height:2px;position:absolute;bottom:-11px;left:0}.cf-table-container{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 15px #0003}.cf-table-header{border-bottom:1px solid #2a4a9e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex}.cf-table-title{color:#fff;margin:0;font-size:18px;font-weight:600}.cf-search-box{width:300px}.cf-search-box input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;outline:none;width:100%;padding:10px 16px;font-size:14px}.cf-search-box input::placeholder{color:#8a9dd9}.cf-search-box input:focus{border-color:#a64bf4}.cf-table-responsive{overflow-x:auto}.cf-data-table{border-collapse:collapse;width:100%;min-width:800px}.cf-data-table th{color:#b8c4ff;text-align:left;white-space:nowrap;background-color:#1b3c88;border-bottom:1px solid #2a4a9e;padding:15px 12px;font-size:13px;font-weight:500}.cf-data-table td{color:#fff;white-space:nowrap;border-bottom:1px solid #1e3f8a;padding:15px 12px;font-size:13px}.cf-data-table tbody tr:hover{background-color:#1e3f8a}.cf-status-toggle{cursor:pointer;gap:5px;display:flex}.cf-status-dot{background-color:#f44336;border-radius:50%;width:20px;height:20px;transition:background-color .3s}.cf-status-dot.cf-active{background-color:#4caf50}.cf-toggle-switch{cursor:pointer;background-color:#f44336;border-radius:20px;width:40px;height:20px;transition:background-color .3s;position:relative}.cf-toggle-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-width:70px;padding:0;display:inline-flex;position:relative}.cf-toggle-slider{border-radius:20px;width:40px;height:20px;transition:background-color .3s;display:inline-block;position:relative}.cf-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}.cf-toggle-btn.cf-active .cf-toggle-slider{background-color:#4caf50}.cf-toggle-btn.cf-active .cf-toggle-slider:before{transform:translate(20px)}.cf-toggle-btn.cf-inactive .cf-toggle-slider{background-color:#f44336}.cf-toggle-btn.cf-inactive .cf-toggle-slider:before{transform:translate(0)}.cf-toggle-slider.cf-active{transform:translate(20px)}.cf-toggle-switch:has(.cf-active){background-color:#4caf50}.cf-status-badge{text-align:center;cursor:pointer;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:24px;display:inline-block}.cf-status-badge.cf-active{color:#fff;background-color:#4caf50}.cf-status-badge.cf-inactive{color:#fff;background-color:#f44336}.cf-reward-cell{white-space:normal;word-wrap:break-word;color:#b8c4ff;max-width:250px}.cf-actions-dropdown{display:inline-block;position:relative}.cf-action-btn{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:20px;font-weight:700;line-height:1;display:inline-block;transform:rotate(90deg)}.cf-action-btn:hover{color:#fff;background:#2a4a9e}.cf-actions-menu{z-index:1000;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;min-width:140px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #0003}.cf-actions-dropdown:hover .cf-actions-menu{display:block}.cf-actions-menu button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;transition:background-color .2s;display:flex}.cf-actions-menu button:hover{background:#2a4a9e}.cf-actions-menu button:not(:last-child){border-bottom:1px solid #2a4a9e}.cf-table-footer{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:16px 24px;display:flex}.cf-rows-selector{color:#b8c4ff;align-items:center;gap:12px;font-size:13px;display:flex}.cf-rows-selector select{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:5px;outline:none;padding:6px 10px;font-size:13px}.cf-rows-selector select:focus{border-color:#a64bf4}.cf-rows-selector select option{color:#fff;background:#1b3c88}.cf-rows-info{color:#fff;margin-left:5px}.cf-pagination{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cf-page-btn{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;min-width:35px;padding:8px 14px;font-size:13px;transition:all .3s}.cf-page-btn:hover:not(:disabled){background:#2a4a9e}.cf-page-btn:disabled{opacity:.5;cursor:not-allowed}.cf-page-btn.cf-active{color:#fff;background:linear-gradient(90deg,#a64bf4,#ff4fd8);border:none}.cf-no-data{text-align:center;color:#b8c4ff;font-style:italic;padding:40px!important}.cf-popup{color:#fff;z-index:9999;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:8px;padding:12px 20px;font-weight:500;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 5px 20px #0000004d}.cf-modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cf-modal{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.cf-modal-header{background:#132f75;border-bottom:1px solid #2a4a9e;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.cf-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.cf-modal-close{color:#b8c4ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.cf-modal-close:hover{color:#ff4fd8}.cf-modal-body{color:#fff;padding:24px}.cf-edit-form{flex-direction:column;gap:15px;display:flex}.cf-form-group{flex-direction:column;gap:5px;display:flex}.cf-form-group label{color:#b8c4ff;font-size:13px;font-weight:500}.cf-input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.cf-input:focus{border-color:#a64bf4}.cf-view-details{flex-direction:column;gap:12px;display:flex}.cf-detail-row{border-bottom:1px solid #2a4a9e;padding-bottom:8px;display:flex}.cf-detail-row strong{color:#b8c4ff;width:140px;font-size:13px;font-weight:500}.cf-detail-row span{color:#fff;word-wrap:break-word;flex:1;font-size:13px}.cf-modal-footer{background:#132f75;border-top:1px solid #2a4a9e;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex;position:sticky;bottom:0}.cf-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .3s}.cf-modal-btn.cancel{color:#fff;background:#2a4a9e;border:1px solid #2a4a9e}.cf-modal-btn.cancel:hover{background:#1b3c88}.cf-modal-btn.confirm{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff)}.cf-modal-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.cf-popup{color:#fff;z-index:10001;background:linear-gradient(90deg,#f0c,#7a5cff);border-radius:8px;padding:15px 25px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}.cf-table-responsive::-webkit-scrollbar{height:8px}.cf-table-responsive::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.cf-table-responsive::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.cf-table-responsive::-webkit-scrollbar-thumb:hover{background:#a64bf4}.cf-modal::-webkit-scrollbar{width:8px}.cf-modal::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.cf-modal::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.cf-modal::-webkit-scrollbar-thumb:hover{background:#a64bf4}@media(max-width:768px){.cf-main-content{padding:20px 15px}.cf-table-header{flex-direction:column;align-items:stretch;gap:16px}.cf-search-box{width:100%}.cf-tabs{padding-bottom:5px;overflow-x:auto}.cf-tab{white-space:nowrap}.cf-table-footer{flex-direction:column;align-items:center;gap:16px}.cf-rows-selector{flex-wrap:wrap;justify-content:center;width:100%}.cf-pagination{justify-content:center}.cf-detail-row{flex-direction:column;gap:5px}.cf-detail-row strong{width:100%}}.accounts-container{color:#fff;background:#0b1f4f;min-height:calc(100vh - 60px);padding:25px 30px;font-family:Segoe UI,sans-serif}.tabs-navigation{border-bottom:1px solid #2a4a9e;gap:10px;margin-bottom:30px;padding-bottom:10px;display:flex}.tab-btn{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 24px;font-size:16px;font-weight:500;transition:all .3s;position:relative}.tab-btn:hover{color:#fff;background:#1b3c88}.tab-btn.active{color:#f0c;background:#ff00cc1a}.tab-btn.active:after{content:"";background:linear-gradient(90deg,#f0c,#7a5cff);width:100%;height:2px;position:absolute;bottom:-11px;left:0}.accounts-container{color:#fff;min-height:100vh;padding:20px;font-family:Poppins,sans-serif}.popup{z-index:1000;border-radius:8px;padding:12px 18px;font-size:14px;animation:.3s fadeIn;position:fixed;top:20px;right:20px}.popup.success{background:#1db954}.popup.error{background:#ff4d4f}.admin-profile-section{background:#12275a;border:1px solid #1e3a8a;border-radius:12px;padding:20px}.profile-header{justify-content:space-between;align-items:center;display:flex}.profile-header h2{color:#ff4dff;margin:0}.profile-header span{color:#bbb;font-size:13px}.edit-profile-btn,.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:6px;margin-left:10px;padding:6px 12px}.edit-profile-btn{color:#ff4dff;background:0 0;border:1px solid #ff4dff}.save-btn{color:#fff;background:#22c55e}.cancel-btn{color:#fff;background:#ef4444}.section{margin-top:25px}.section h3{color:#ff4dff;margin-bottom:15px}.details-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.detail-item{border-bottom:1px solid #2c3e75;justify-content:space-between;padding-bottom:8px;display:flex}.detail-item span:first-child{color:#aaa}input{color:#fff;background:#0b1a3a;border:1px solid #2c3e75;border-radius:6px;outline:none;padding:6px 10px}input:focus{border-color:#ff4dff}.wallet-address{border:1px solid #2c3e75;border-radius:8px;justify-content:space-between;margin-top:15px;padding:10px;display:flex}.security-item{justify-content:space-between;margin-top:10px;display:flex}.security-item button{color:#fff;cursor:pointer;background:#9333ea;border:none;border-radius:6px;padding:5px 12px}.section input[readonly]{width:80%;margin-top:10px}.section button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7c3aed);border:none;border-radius:6px;margin-left:10px;padding:6px 14px}.modal{z-index:1000;background:#12275a;border:1px solid #2c3e75;border-radius:10px;width:300px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal h3{color:#ff4dff;margin-bottom:15px}.modal input{width:100%;margin-bottom:10px}.modal button{margin-right:10px}@media(max-width:768px){.details-grid{grid-template-columns:1fr}.section input[readonly]{width:100%}.profile-header{flex-direction:column;align-items:flex-start;gap:10px}}.section{margin-bottom:32px}.section h3{color:#f0c;margin-bottom:20px;font-size:18px;font-weight:600}.details-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.detail-item{border-bottom:1px solid #1e3f8a;align-items:baseline;padding:8px 0;display:flex}.detail-label{color:#b8c4ff;width:100px;font-size:14px}.detail-value{color:#fff;font-size:14px;font-weight:500}.wallet-address{background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;align-items:center;gap:15px;padding:12px;display:flex}.wallet-label{color:#b8c4ff;font-size:14px}.wallet-value{color:#a64bf4;background:#0b1f4f;border:1px solid #2a4a9e;border-radius:6px;padding:6px 12px;font-family:monospace;font-size:14px}.security-text{color:#b8c4ff;margin-bottom:15px;font-size:14px}.security-item{border-bottom:1px solid #1e3f8a;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.security-item:last-child{border-bottom:none}.security-item span{color:#b8c4ff;font-size:14px}.edit-btn{color:#fff;cursor:pointer;background:#a64bf4;border:none;border-radius:4px;padding:6px 16px;font-size:12px;transition:all .3s}.edit-btn:hover{background:#f0c;transform:translateY(-2px)}.bank-details-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;padding:6px 16px;font-size:12px;transition:all .3s}.bank-details-btn:hover{background:#45a049;transform:translateY(-2px)}.referral-text{color:#b8c4ff;margin-bottom:20px;font-size:14px;line-height:1.6}.features-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.feature-item{background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;align-items:center;gap:8px;padding:10px;transition:all .3s;display:flex}.feature-item:hover{border-color:#a64bf4;transform:translateY(-2px)}.feature-icon{color:#4caf50;font-weight:700}.feature-item span:last-child{color:#fff;font-size:13px}.referral-link-container{gap:12px;margin-top:20px;display:flex}.referral-link-input{color:#b8c4ff;cursor:default;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;flex:1;padding:12px 16px;font-size:14px}.share-now-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f0c,#7a5cff);border:none;border-radius:8px;padding:12px 30px;font-size:14px;font-weight:500;transition:all .3s}.share-now-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff00cc4d}.ticket-container{color:#fff;min-height:100vh;padding:20px}.ticket-card{background:#12275a;border:1px solid #1e3a8a;border-radius:12px;padding:20px}.ticket-header{justify-content:space-between;margin-bottom:15px;display:flex}.ticket-header input{color:#fff;background:#0b1a3a;border:1px solid #2c3e75;border-radius:6px;padding:6px 10px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#aaa;border-bottom:1px solid #2c3e75;padding:10px}td{border-bottom:1px solid #2c3e75;padding:10px}.ticket-id{color:#ff4dff}.desc{max-width:250px}.badge{border-radius:6px;padding:4px 8px;font-size:12px}.pending{background:#f59e0b}.progress{background:#3b82f6}.resolved{background:#22c55e}.priority{border-radius:6px;padding:4px 8px;font-size:12px}.priority.high{background:#ef4444}.priority.medium{background:#f59e0b}.priority.low{background:#22c55e}.pagination{flex-wrap:wrap;justify-content:space-between;margin-top:15px;display:flex}.pages button{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:6px;margin:3px;padding:5px 10px}.pages button.active{background:#ff4dff}.pages button:disabled{opacity:.5;cursor:not-allowed}.no-data{text-align:center;color:#aaa;padding:20px}.actions-dropdown{display:inline-block;position:relative}.action-btn{color:#b8c4ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:20px;font-weight:700;line-height:1;transform:rotate(90deg)}.action-btn:hover{color:#fff;background:#2a4a9e}.actions-menu{z-index:1000;background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;min-width:140px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 16px #0003}.actions-dropdown:hover .actions-menu{display:block}.actions-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:13px;transition:background .2s}.actions-menu button:hover{background:#2a4a9e}.actions-menu button:not(:last-child){border-bottom:1px solid #2a4a9e}.no-data{text-align:center;color:#b8c4ff;font-style:italic;padding:40px!important}.pagination-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.rows-selector{color:#b8c4ff;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.rows-select{color:#fff;cursor:pointer;appearance:none;background:#1b3c88;border:1px solid #2a4a9e;border-radius:5px;outline:none;padding:6px 24px 6px 12px;font-size:13px;position:relative}.rows-select:hover{border-color:#a64bf4}.rows-info{color:#fff}.pagination-controls{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;min-width:35px;padding:8px 14px;font-size:13px;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#2a4a9e;border-color:#a64bf4}.pagination-btn.active{background:linear-gradient(90deg,#a64bf4,#ff4fd8);border:none}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a64bf4}@media(max-width:768px){.accounts-container{padding:20px 15px}.tabs-navigation{flex-direction:column;gap:5px}.tab-btn{text-align:center;width:100%}.tab-btn.active:after{display:none}.profile-header{flex-direction:column;align-items:flex-start}.header-right{width:100%}.edit-profile-btn,.logout-btn{flex:1}.details-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.referral-link-container{flex-direction:column}.pagination-container{flex-direction:column;align-items:stretch}.rows-selector,.pagination-controls{justify-content:center}.search-input{max-width:100%}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}@media(max-width:768px){.logout-btn{display:none}}.popup{z-index:1100;border-radius:8px;padding:15px 25px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}.popup.success{color:#fff;background:linear-gradient(90deg,#4caf50,#45a049)}.popup.error{color:#fff;background:linear-gradient(90deg,#f44336,#d32f2f)}.popup.info{color:#fff;background:linear-gradient(90deg,#2196f3,#1976d2)}.edit-form{background:#1b3c88;border:1px solid #2a4a9e;border-radius:8px;margin-bottom:20px;padding:20px}.edit-input{color:#fff;background:#0b1f4f;border:1px solid #2a4a9e;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.edit-input:focus{border-color:#a64bf4;outline:none}.wallet-input{flex:1}.edit-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4caf50,#45a049);border:none;border-radius:4px;padding:8px 20px;font-size:14px;transition:all .3s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.cancel-btn{color:#fff;cursor:pointer;background:#2a4a9e;border:none;border-radius:4px;padding:8px 20px;font-size:14px;transition:all .3s}.cancel-btn:hover{background:#1b3c88}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#132f75;border:1px solid #2a4a9e;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{background:#132f75;border-bottom:1px solid #2a4a9e;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-header h3{color:#a64bf4;margin:0;font-size:18px;font-weight:600}.modal-close{color:#b8c4ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-close:hover{color:#ff4fd8}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#b8c4ff;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.modal-input{color:#fff;background:#1b3c88;border:1px solid #2a4a9e;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.modal-input:focus{border-color:#a64bf4}.modal-input::placeholder{color:#8a9dd9}.modal-footer{background:#132f75;border-top:1px solid #2a4a9e;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex;position:sticky;bottom:0}.modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.modal-btn.cancel{color:#fff;background:#2a4a9e;border:1px solid #2a4a9e}.modal-btn.cancel:hover{background:#1b3c88}.modal-btn.confirm{color:#fff;background:linear-gradient(90deg,#f0c,#7a5cff)}.modal-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff00cc4d}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#1b3c88;border-radius:4px}.modal::-webkit-scrollbar-thumb{background:#2a4a9e;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:#a64bf4}.detail-item{align-items:center;gap:10px;display:flex}.detail-item .edit-input{flex:1;max-width:300px}@media(max-width:768px){.modal{width:95%;margin:10px}.detail-item{flex-direction:column;align-items:flex-start}.detail-item .edit-input{width:100%;max-width:100%}.edit-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%}}.us-sidebar{color:#e2e8f0;z-index:1000;scrollbar-width:none;background:linear-gradient(#0b1c4d,#081533);border-right:1px solid #3b82f633;width:260px;height:100vh;padding:22px 18px;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto}.us-sidebar::-webkit-scrollbar{display:none}@media(max-width:768px){.us-sidebar{z-index:1000;width:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.us-sidebar.open{transform:translate(0)}}.us-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;z-index:999;background:#0009;transition:all .3s;position:fixed;inset:0}.us-overlay.show{opacity:1;visibility:visible}.us-logo{align-items:center;gap:10px;margin-bottom:20px;padding-left:5px;display:flex}.us-logo img{object-fit:contain;width:40px;height:40px}.us-logo h1{color:#fff;margin-top:8px;font-size:16px}.us-close-btn{display:none}@media(max-width:768px){.us-close-btn{color:#fff;cursor:pointer;z-index:1100;background:linear-gradient(135deg,#00d4ff,#0072ff);border:none;border-radius:8px;padding:6px 10px;font-size:16px;display:block;position:absolute;top:15px;right:15px}}.us-logo-box{background:linear-gradient(135deg,#4ade80,#3b82f6);border-radius:10px;width:38px;height:38px}.us-logo h1{font-size:18px;font-weight:600}.us-section{color:#94a3b8;letter-spacing:1.2px;margin:20px 0 8px;font-size:11px}.us-item{cursor:pointer;color:#cbd5f5;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;transition:all .25s;display:flex;position:relative}.us-item:hover{color:#fff;background:#ffffff0d}.us-active{color:#fff;background:linear-gradient(90deg,#ec4899,#8b5cf6)}.us-active-bar{background:#ec4899;border-radius:0 4px 4px 0;width:4px;height:24px;position:absolute;left:0}.us-item-left{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.us-arrow{transition:transform .3s}.us-arrow.rotate{transform:rotate(90deg)}.us-dropdown{opacity:0;max-height:0;transition:all .3s;overflow:hidden;transform:translateY(-6px)}.us-dropdown.open{opacity:1;max-height:300px;margin-top:5px;transform:translateY(0)}.us-subitem{color:#94a3b8;border-radius:8px;margin-left:30px;padding:8px;font-size:13px;text-decoration:none;transition:all .2s;display:block}.us-subitem:hover{color:#fff;background:#ffffff0d}.active-sub{color:#fff;background:#ec489926}.us-mobile-top{border-bottom:1px solid #eee;padding:10px;display:none}.us-logout-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:6px;width:100%;padding:10px;font-weight:600}@media(max-width:768px){.us-mobile-top{display:block}}.dashboard{color:#fff;background:linear-gradient(135deg,#0a1a3f,#08122c);min-height:100vh;display:flex}.main{flex-direction:column;flex:1;margin-top:80px;margin-left:260px;display:flex}@media(max-width:768px){.main{margin-left:0}}.content{padding:20px}.page-title{margin-bottom:15px}.section-title{opacity:.8;margin:20px 0 10px;font-size:16px}.grid{gap:15px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#13245a;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;transition:all .3s;display:flex}.card:hover{transform:translateY(-3px)}.card-title{opacity:.7;font-size:12px}.card-icon{background:linear-gradient(135deg,#00c6ff,#0072ff);border-radius:8px;padding:10px;font-size:20px}.box{background:#13245a;border-radius:12px;padding:15px}.box-header{justify-content:space-between;margin-bottom:10px;display:flex}.mini-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mini-card{background:#0d1b45;border-radius:10px;padding:12px}.mini-card p{opacity:.7;font-size:12px}.mini-card h4{margin-top:5px}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:15px}}.utb-container{z-index:999;background:linear-gradient(#0b1c4d,#081533);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:80px;padding:0 16px;display:flex;position:fixed;top:0;left:260px;right:0}.utb-left{align-items:center;gap:10px;display:flex}.ut-brand{align-items:center;display:flex}.utb-app-name{color:#fff;margin-top:8px;font-size:18px;font-weight:600}.utb-right{align-items:center;gap:12px;display:flex}.utb-user-info{text-align:right}.utb-referral{color:#aaa;font-size:11px}.utb-wallet{color:#00d4ff;font-size:13px;font-weight:700}.logout-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:6px;padding:6px 12px}.utb-toggle{color:#fff;background:#0ea5e9;border:none;border-radius:6px;padding:6px 10px;font-size:18px;display:none}@media(min-width:768px){.ut-brand{display:none}}@media(max-width:768px){.utb-container{left:0}.utb-toggle{display:block}.logout-btn{padding:5px 8px;font-size:12px}.utb-wallet{font-size:12px}}.usrAllPlans__layoutWrapper{display:flex}.usrAllPlans__mainContainer{color:#fff;background:#020c1b;flex:1;min-height:100vh;padding:20px}.usrAllPlans__contentArea{margin-top:10px;padding:20px}.usrAllPlans__pageTitle{margin-bottom:20px;font-size:22px}.usrAllPlans__plansGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch;gap:25px;display:grid}.usrAllPlans__planCard{background:#132a5e;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;min-height:320px;padding:25px 20px;transition:all .3s;display:flex;position:relative}.usrAllPlans__planCard:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0006}.usrAllPlans__planBadge{background:linear-gradient(135deg,#f0c,#5b5bff);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;position:absolute;top:-14px;left:20px}.usrAllPlans__planFeatureList{margin-top:25px;padding:0;list-style:none}.usrAllPlans__planFeatureList li{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.usrAllPlans__planFeatureList span{color:#f0c}.usrAllPlans__primaryActionBtn{color:#fff;cursor:pointer;background:0 0;border:1px solid #f0c;border-radius:30px;width:100%;margin-top:20px;padding:12px;transition:all .3s}.usrAllPlans__primaryActionBtn:hover{background:linear-gradient(135deg,#f0c,#5b5bff);border:none}.usrAllPlans__modalOverlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.usrAllPlans__modalContainer{background:#0b1c3d;border:1px solid #ffffff14;border-radius:18px;width:500px;padding:20px}.usrAllPlans__modalHeader{justify-content:space-between;align-items:center;display:flex}.usrAllPlans__modalTitle{font-size:18px}.usrAllPlans__modalCloseBtn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.usrAllPlans__modalBody{margin-top:20px}.usrAllPlans__formGroup{margin-bottom:15px}.usrAllPlans__formGroup label{color:#aaa;font-size:12px}.usrAllPlans__formGroup input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:8px;width:100%;margin-top:5px;padding:10px}.usrAllPlans__modalFooter{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.usrAllPlans__secondaryBtn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:10px;padding:10px 16px}.usrAllPlans__confirmBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:10px;padding:10px 16px}@media(max-width:768px){.usrAllPlans__planCard{width:100%}.usrAllPlans__modalContainer{width:90%}}.usrPortfolio__layoutWrapper{display:flex}.usrPortfolio__mainContainer{color:#fff;background:linear-gradient(135deg,#020c1b,#001a4d);flex:1;min-height:100vh;padding:20px}.usrPortfolio__contentArea{grid-template-columns:repeat(auto-fit,minmax(320px,420px));gap:25px;margin-top:10px;padding:20px;display:grid}.usrPortfolio__pageTitle{margin-bottom:20px;padding:10px;font-size:22px}.usrPortfolio__card{text-align:left;background:#0f1f4b;border:1px solid #ffffff14;border-radius:16px;padding:25px 20px;transition:all .3s;position:relative}.usrPortfolio__card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0006}.usrPortfolio__iconWrapper{background:#ff7ac6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.usrPortfolio__planTitle{margin-top:40px;font-size:20px}.usrPortfolio__planTitle span{color:#ff7ac6}.usrPortfolio__statsRow{gap:15px;margin-top:20px;display:flex}.usrPortfolio__statBox{background:#0f2454;border-radius:12px;flex:1;padding:15px}.usrPortfolio__statBox p{color:#aaa;font-size:13px}.usrPortfolio__statBox h4{color:#ff7ac6;margin-top:5px}.usrPortfolio__progressSection{text-align:left;margin-top:20px}.usrPortfolio__progressHeader{justify-content:space-between;font-size:13px;display:flex}.usrPortfolio__progressAmount{color:gold}.usrPortfolio__progressBar{background:#081733;border-radius:10px;width:100%;height:8px;margin-top:8px;overflow:hidden}.usrPortfolio__progressFill{background:linear-gradient(90deg,#f0c,#00d4ff);height:100%}.usrPortfolio__progressText{color:#aaa;text-align:right;margin-top:6px;font-size:12px}.usrPortfolio__footer{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px}.usrPortfolio__footerRow{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.usrPortfolio__statusBadge{color:#002b12;background:#00c853;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}@media(max-width:768px){.usrPortfolio__card{max-width:100%}.usrPortfolio__statsRow{flex-direction:column}}.usrDeposit__layoutWrapper{width:100%;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex}.usrFirstContent{justify-content:space-between;align-items:center;display:flex}.usrDeposit__mainContainer{color:#fff;background:linear-gradient(135deg,#020c1b,#001a4d);flex:1;min-height:100vh;padding:20px}.usrDeposit__contentArea{padding:20px}.usrDeposit__title{margin-bottom:20px;font-size:22px}.usrDeposit__searchBox input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;width:300px;max-width:100%;margin-bottom:20px;padding:10px}.usrDeposit__tableWrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.usrDeposit__table{border-collapse:collapse;border:1px solid #ffffff1a;width:100%;min-width:900px}.usrDeposit__table th{text-align:left;color:#ccc;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:12px;font-size:13px}.usrDeposit__table td{white-space:nowrap;padding:14px 12px;font-size:14px}.usrDeposit__table tbody tr{background:#ffffff0d}.usrDeposit__table td p{margin:0}.usrDeposit__table td span{color:#aaa;font-size:12px}.usrDeposit__hash{color:#4fc3f7;cursor:pointer}.usrDeposit__amount{color:#00e676;font-weight:700}.usrDeposit__actionBtn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.usrDeposit__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.usrDeposit__rows select{color:#fff;cursor:pointer;background-color:#0b1d45;border:1px solid #fff3;border-radius:6px;outline:none;margin-left:10px;padding:6px 10px}.usrDeposit__rows select option{color:#fff;background-color:#0b1d45}.usrDeposit__pagination button{cursor:pointer;border:none;border-radius:6px;margin:0 5px;padding:6px 10px}.usrDeposit__pagination .active{color:#fff;background:linear-gradient(135deg,#f0c,#5b5bff)}.usrDeposit__actionCell{position:relative}.usrDeposit__dropdown{z-index:10;background:#1c2e5a;border-radius:8px;min-width:120px;padding:8px;position:absolute;top:30px;right:0}.usrDeposit__dropdown button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px}.usrDeposit__dropdown button:hover{background:#ffffff1a}.usrDeposit__modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.usrDeposit__modalBox{background:linear-gradient(145deg,#0b1c3d,#081733);border:1px solid #ffffff14;border-radius:16px;width:520px;max-width:95%;padding:20px}.usrDeposit__modalHeader{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.usrDeposit__modalGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.usrDeposit__modalGrid .full{grid-column:span 2}.usrDeposit__highlightAmount{color:#22c55e;font-weight:600}@media(max-width:768px){.usrDeposit__searchBox input{width:100%}.usrDeposit__modalGrid{grid-template-columns:1fr}.usrDeposit__modalGrid .full{grid-column:span 1}}.uwLayout{display:flex;overflow:hidden}.uwMain{flex-direction:column;flex:1;min-width:0;display:flex}.uwContent{color:#fff;min-height:100vh;padding:20px}.uwHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.uwHeader button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:20px;padding:10px 18px}.uwSearch input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;width:300px;max-width:100%;margin-bottom:20px;padding:10px}.uwTableWrapper{overflow-x:auto}.uwTable{border-collapse:collapse;border:1px solid #ffffff1a;width:100%;min-width:900px}.uwTable th,.uwTable td{text-align:left;white-space:nowrap;padding:12px}.uwTable th{color:#ccc;border-bottom:1px solid #ffffff1a;font-size:13px!important}.uwTable tr{background:#ffffff0d}.uwHash{color:#4fc3f7}.uwStatus{color:orange}.uwFooter{flex-wrap:wrap;justify-content:space-between;margin-top:20px;display:flex}.uwPagination button{margin-left:10px;padding:6px 12px}.statusBadge{text-transform:capitalize;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.statusBadge.pending{color:#ffc107;background:#ffc10726}.statusBadge.approved{color:#28a745;background:#28a74526}.statusBadge.rejected{color:#dc3545;background:#dc354526}.wd-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0a0f1ed9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wd-modal{color:#e5e7eb;background:linear-gradient(145deg,#0b1220,#0f172a);border:1px solid #ffffff0d;border-radius:16px;width:900px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 30px 80px #0009}.wd-header{background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.wd-header h2{font-size:18px;font-weight:600}.wd-header button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:32px;height:32px;font-size:16px;transition:all .2s}.wd-header button:hover{background:#fff3}.wd-body{grid-template-columns:1fr 1fr;gap:18px;padding:20px;display:grid}.wd-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;padding:18px;transition:all .2s}.wd-box:hover{border-color:#3b82f64d}.wd-box h4{color:#9ca3af;letter-spacing:1px;margin-bottom:14px;font-size:13px}.wd-row{justify-content:space-between;margin-bottom:12px;display:flex}.wd-row span{color:#6b7280;font-size:12px}.wd-row b{color:#f9fafb;font-size:14px;font-weight:500}.wd-full{grid-column:span 2}.wd-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.wd-grid div{flex-direction:column;display:flex}.wd-grid span{color:#6b7280;margin-bottom:5px;font-size:11px}.wd-grid b{font-size:14px;font-weight:500}.wd-grid input,.wd-grid select{color:#fff;background:#020617;border:1px solid #1f2937;border-radius:10px;outline:none;margin-top:4px;padding:10px 12px;font-size:13px;transition:all .2s}.wd-grid input:focus,.wd-grid select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.wd-status{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.wd-status.PENDING{color:#f59e0b;background:#f59e0b26}.wd-status.APPROVED{color:#22c55e;background:#22c55e26}.wd-status.REJECTED{color:#ef4444;background:#ef444426}.modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.modal-footer button{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:13px;transition:all .2s}.modal-footer button:first-child{color:#fff;background:linear-gradient(90deg,#2563eb,#3b82f6)}.modal-footer button:first-child:hover{opacity:.9}.modal-footer button:last-child{color:#9ca3af;background:#111827}.modal-footer button:last-child:hover{background:#1f2937}@media(max-width:1024px){.wd-modal{width:95%}.wd-body{grid-template-columns:1fr}.wd-full{grid-column:span 1}.wd-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wd-modal{border-radius:12px;width:95%;max-height:95vh}.wd-header{padding:14px}.wd-header h2{font-size:16px}.wd-body{gap:14px;padding:15px}.wd-box{padding:14px}.wd-grid{grid-template-columns:1fr;gap:14px}.wd-row{flex-direction:column;gap:4px}.wd-row span{font-size:11px}.wd-row b{font-size:13px}.wd-grid input,.wd-grid select{width:100%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media(max-width:400px){.wd-header h2{font-size:14px}.wd-box h4{font-size:12px}}.uw2Overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;inset:0}.uw2Modal{background:linear-gradient(145deg,#0b0f2a,#140035);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:18px;width:520px;max-width:100%;padding:22px;animation:.25s uw2Fade;display:flex;box-shadow:0 20px 60px #0009}@keyframes uw2Fade{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.uw2Header{justify-content:space-between;align-items:center;display:flex}.uw2Header h3{font-size:18px;font-weight:600}.uw2Close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;width:32px;height:32px}.uw2Price{color:#aaa;font-size:13px}.uw2Price span{color:#22c55e;font-weight:600}.uw2Stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.uw2Stats div{text-align:center;background:#ffffff0a;border-radius:10px;padding:10px}.uw2Stats p{color:#aaa;font-size:11px}.uw2Stats h4{color:#22c55e;font-size:14px}.uw2Form{flex-direction:column;gap:12px;display:flex}.uw2Field label{color:#aaa;margin-bottom:4px;font-size:11px;display:block}.uw2Field input,.uw2Field select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px;font-size:13px}.uw2Field select{appearance:none;cursor:pointer}.uw2Field select option{color:#fff;background:#0f172a}.uw2Field input:focus,.uw2Field select:focus{border-color:#5b5bff;box-shadow:0 0 0 1px #5b5bff4d}.error{color:#ff4d4f;font-size:11px}.uw2Notes{background:#ffffff0a;border-radius:10px;padding:12px}.uw2Notes h4{color:#facc15;margin-bottom:6px;font-size:13px}.uw2Notes ul{padding-left:18px}.uw2Notes li{color:#bbb;font-size:12px}.uw2Footer{justify-content:flex-end;gap:10px;display:flex}.uw2Cancel{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;padding:8px 14px}.uw2Submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:8px;padding:8px 16px;font-weight:500}@media(max-width:600px){.uw2Stats{grid-template-columns:1fr 1fr}.uw2Footer{flex-direction:column}.uw2Submit,.uw2Cancel{width:100%}}.utxLayout{display:flex;overflow:hidden}.utxMain{flex-direction:column;flex:1;min-width:0;display:flex}.utxContent{color:#fff;min-height:100vh;padding:20px}.utxFirstContent{justify-content:space-between;align-items:center;display:flex}.utxTitle{margin-bottom:20px;font-size:22px}.utxSearch input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;width:300px;max-width:100%;margin-bottom:20px;padding:10px}.utxTableWrapper{width:100%;overflow-x:auto}.utxTable{border-collapse:collapse;border:1px solid #ffffff1a;width:100%;min-width:850px}.utxTable th{text-align:left;color:#ccc;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:12px;font-size:13px}.utxTable td{white-space:nowrap;padding:14px 12px;font-size:14px}.utxTable tbody tr{background:#ffffff0d}.utxTable td p{margin:0}.utxTable td span{color:#aaa;font-size:12px}.utxAmount{color:#00e676;font-weight:700}.utxFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;display:flex}.utxPagination button{cursor:pointer;border:none;border-radius:6px;margin:0 5px;padding:6px 12px}.utxPagination span{margin:0 10px}@media(max-width:768px){.utxSearch input{width:100%}.utxFooter{flex-direction:column;align-items:flex-start;gap:10px}}.uroiLayout{display:flex;overflow:hidden}.uroiMain{flex-direction:column;flex:1;min-width:0;display:flex}.uroiContent{color:#fff;min-height:100vh;padding:20px}.uroiTitle{margin-bottom:20px;font-size:22px}.uroiSearch input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;width:300px;max-width:100%;margin-bottom:20px;padding:10px}.uroiTableWrapper{width:100%;overflow-x:auto}.uroiTable{border-collapse:collapse;border:1px solid #ffffff1a;width:100%;min-width:850px}.uroiTable th{text-align:left;color:#ccc;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:12px;font-size:13px}.uroiTable td{white-space:nowrap;padding:14px 12px;font-size:14px}.uroiTable tbody tr{background:#ffffff0d}.uroiTable td p{margin:0}.uroiTable td span{color:#aaa;font-size:12px}.uroiType{color:#60a5fa;font-weight:500}.uroiAmount{color:#00e676;font-weight:700}.uroiFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;display:flex}.uroiPagination button{cursor:pointer;border:none;border-radius:6px;margin:0 5px;padding:6px 12px}.uroiPagination span{margin:0 10px}@media(max-width:768px){.uroiSearch input{width:100%}.uroiFooter{flex-direction:column;align-items:flex-start;gap:10px}}.udiLayout{display:flex;overflow:hidden}.udiMain{flex-direction:column;flex:1;min-width:0;display:flex}.udiContent{color:#fff;min-height:100vh;padding:20px}.udiTitle{margin-bottom:20px;font-size:22px}.udiSearch input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;width:300px;max-width:100%;margin-bottom:20px;padding:10px}.udiTableWrapper{width:100%;overflow-x:auto}.udiTable{border-collapse:collapse;border:1px solid #ffffff1a;width:100%;min-width:850px}.udiTable th{text-align:left;color:#ccc;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:12px;font-size:13px}.udiTable td{white-space:nowrap;padding:14px 12px;font-size:14px}.udiTable tbody tr{background:#ffffff0d}.udiEmpty{text-align:left;color:#aaa;padding:20px}.udiType{color:#60a5fa}.udiAmount{color:#00e676;font-weight:700}.udiFooter{flex-wrap:wrap;justify-content:space-between;margin-top:20px;display:flex}.udiPagination button{cursor:pointer;border:none;border-radius:6px;margin-left:10px;padding:6px 12px}@media(max-width:768px){.udiSearch input{width:100%}.udiFooter{flex-direction:column;gap:10px}}.refLayout{display:flex;overflow:hidden}.refMain{flex-direction:column;flex:1;min-width:0;display:flex}.refContent{color:#fff;min-height:100vh;padding:20px}.refHeader{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.refActions{gap:10px;display:flex}.refBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:10px;padding:8px 16px;font-size:14px}.refBtn.outline{background:0 0;border:1px solid #fff3}.refSearch input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;width:300px;max-width:100%;margin-bottom:20px;padding:10px}.refTableWrapper{width:100%;overflow-x:auto}.refTable{border-collapse:collapse;border:1px solid #ffffff1a;width:100%;min-width:750px}.refTable th{text-align:left;color:#ccc;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:12px;font-size:13px}.refTable td{white-space:nowrap;padding:14px 12px;font-size:14px}.refTable tbody tr{background:#ffffff0d}.refEmpty{color:#aaa;padding:20px}.refLevel{color:#60a5fa;font-weight:500}.refFooter{flex-wrap:wrap;justify-content:space-between;margin-top:20px;display:flex}.refPagination button{cursor:pointer;border:none;border-radius:6px;margin-left:10px;padding:6px 12px}@media(max-width:768px){.refHeader{flex-direction:column;align-items:flex-start;gap:10px}.refSearch input{width:100%}.refFooter{flex-direction:column;gap:10px}}.refSelect{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:10px;padding:8px 14px}.refModalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.refModal{background:linear-gradient(145deg,#0b1c3d,#081733);border:1px solid #ffffff14;border-radius:16px;width:420px;max-width:95%;padding:20px}.refModalHeader{justify-content:space-between;margin-bottom:15px;display:flex}.refModalBody{flex-direction:column;gap:15px;display:flex}.refField label{color:#aaa;font-size:12px}.refField input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:8px;width:100%;padding:10px}.refModalFooter{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.refCancel{color:#fff;background:#ffffff1a;border:none;border-radius:8px;padding:8px 14px}.refApply{color:#fff;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:8px;padding:8px 16px}@media(max-width:600px){.refActions{flex-direction:column;width:100%}.refSelect,.refBtn{width:100%}}.refDropdown{width:160px;position:relative}.refDropdownHeader{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.refDropdownMenu{z-index:50;background:#0b1c3d;border:1px solid #ffffff1a;border-radius:12px;width:100%;position:absolute;top:110%;left:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.refDropdownItem{cursor:pointer;color:#ccc;padding:10px 14px;transition:all .2s}.refDropdownItem:hover{color:#fff;background:#ffffff1a}.refDropdownItem.active{color:#fff;background:linear-gradient(135deg,#f0c,#5b5bff)}.networkLayout{height:100vh;display:flex}.networkMain{flex-direction:column;flex:1;display:flex}.networkContent{flex:1;padding:20px;overflow:auto}.pageTitle{text-align:center;color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:600}.loadingText{text-align:center;color:#6b7280;margin-top:60px;font-size:16px}.nodeCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:space-between;width:160px;padding:10px 12px;transition:all .2s;display:flex;box-shadow:0 6px 18px #00000014}.nodeCard:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.nodeHeader{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.nodeText .name{color:#111827;font-size:14px;font-weight:600}.nodeText .id{color:#6b7280;font-size:11px}.wallet{color:#16a34a;text-align:right;margin-top:8px;font-size:13px;font-weight:700}.rd3t-link{stroke:#cbd5e1!important;stroke-width:2px!important}.networkContent::-webkit-scrollbar{width:6px}.networkContent::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media(max-width:768px){.nodeCard{width:140px}.pageTitle{font-size:16px}}.u3Layout{display:flex;overflow:hidden}.u3Main{flex:1;min-width:0}.u3Container{color:#fff;min-height:100vh;padding:20px}.u3Header{text-align:center;background:linear-gradient(145deg,#0f2a66,#0a1a4f);border-radius:20px;margin-bottom:20px;padding:30px;box-shadow:0 20px 60px #0009}.u3Avatar{background:linear-gradient(135deg,#00e676,#00bcd4);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:auto;font-size:22px;display:flex}.u3Card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;margin-bottom:20px;padding:18px}.u3RowItem{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:10px 0;display:flex}.u3Wallets{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.u3Wallet{background:#ffffff0f;border-radius:10px;padding:12px}.u3Wallet h3{color:#00e676}.u3Row{justify-content:space-between;align-items:center;display:flex}.u3Btns{justify-content:center;align-items:center;gap:10px;margin-top:5px;display:flex}.u3Badge{background:#22c55e;border-radius:8px;padding:5px 10px}.u3Highlight{color:#22c55e;font-weight:500}.u3Sub{color:#aaa;margin-bottom:10px;font-size:13px}.u3Badges span{background:#00ff961a;border-radius:6px;margin-right:10px;padding:4px 8px}.u3SideBtns{gap:15px;display:flex}.u3SideBtns button{cursor:pointer;border:2px solid #cbd5e1;border-radius:5px;padding:5px}.u3SideBtns button:hover{color:#333;background-color:#fff}.u3ReferralBox{background:#ffffff0f;border-radius:8px;justify-content:space-between;margin:15px 0;padding:10px;display:flex}.primary{color:#fff;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:8px;padding:8px 14px}.outline{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:8px 14px}@media(max-width:768px){.u3Wallets{grid-template-columns:1fr 1fr}.u3Row{flex-direction:column;align-items:flex-start;gap:10px}.modalGrid{grid-template-columns:1fr}}.modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalBox{background:linear-gradient(145deg,#0b1c3d,#081733);border-radius:14px;width:400px;max-width:95%;padding:20px}.modalHeader{justify-content:space-between;margin-bottom:15px;display:flex}.modalBody{flex-direction:column;gap:10px;display:flex}.modalBody input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:8px;padding:10px}.modalWide{width:700px;max-width:95%}.modalGrid{grid-template-columns:1fr 1fr;gap:20px;margin-top:15px;display:grid}.modalCard{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.modalCard input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:8px;padding:10px}.secondary{color:#fff;background:#ffffff1a;border:none;border-radius:8px;padding:10px}.full{width:100%}@media(max-width:768px){.modalGrid{grid-template-columns:1fr}}.ustLayout{display:flex;overflow:hidden}.ustMain{flex:1;min-width:0}.ustContent{color:#fff;min-height:100vh;padding:20px}.ustHeader{justify-content:space-between;align-items:center;display:flex}.ustCreateBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:20px;padding:8px 18px}.ustSearch input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;width:300px;max-width:100%;margin:20px 0;padding:10px}.ustTableWrapper{overflow-x:auto}.ustTable{border-collapse:collapse;border:1px solid #ffffff1a;width:100%;min-width:900px}.ustTable th,.ustTable td{text-align:left;white-space:nowrap;padding:12px}.ustTable th{color:#ccc;border-bottom:1px solid #ffffff1a}.ustTable tr{background:#ffffff0d}.ustEmpty{color:#aaa;padding:20px}.ustStatus{color:orange}.ustFooter{justify-content:space-between;margin-top:20px;display:flex}.ustModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ustModal{background:linear-gradient(145deg,#0b1c3d,#081733);border-radius:14px;width:450px;max-width:95%;padding:20px}.ustModalBody{flex-direction:column;gap:10px;display:flex}.ustModalBody input,.ustModalBody textarea,.ustModalBody select{color:#fff;background:0 0;border:1px solid #fff3;border-radius:8px;padding:10px}@media(max-width:768px){.ustFooter{flex-direction:column;gap:10px}}.ustModalHeader{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.ustSubText{color:#aaa;font-size:12px}.ustField{flex-direction:column;gap:6px;display:flex}.ustField label{color:#aaa;font-size:12px}.ustField input,.ustField textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:10px}.ustUploadBox{text-align:center;cursor:pointer;border:1px dashed #ffffff4d;border-radius:10px;padding:15px;position:relative}.ustUploadBox input{opacity:0;cursor:pointer;position:absolute;inset:0}.ustUploadBox span{color:#aaa;font-size:13px}.ustModalFooter{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ustCancel{color:#fff;background:#ffffff1a;border:none;border-radius:8px;padding:8px 14px}.ubLayout{display:flex;overflow:hidden}.ubMain{flex:1;min-width:0}.ubContainer{color:#fff;min-height:100vh;padding:20px}.ubHeader{text-align:center;margin-bottom:25px}.ubHeader p{color:#aaa;margin-top:10px;margin-bottom:10px;font-size:13px}.ubGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ubCard{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:20px}.ubField{flex-direction:column;margin-bottom:15px;display:flex}.ubField label{color:#aaa;margin-bottom:5px;font-size:12px}.ubField input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;padding:12px}.ubWarning{color:#ffd54f;background:#ffc1071a;border-radius:10px;margin-top:15px;padding:10px;font-size:13px}.ubFooter{justify-content:flex-end;margin-top:20px;display:flex}.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:10px;padding:10px 20px}@media(max-width:768px){.ubGrid{grid-template-columns:1fr}.ubFooter{justify-content:center}}.ubViewCard{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;margin-top:20px;padding:24px;box-shadow:0 10px 25px #0003}.ubViewHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ubViewHeader h3{font-size:18px;font-weight:600}.ubStatus{background:#22c55e;border-radius:20px;padding:4px 10px;font-size:12px}.ubViewGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.ubItem{background:#ffffff0d;border-radius:10px;padding:14px;transition:all .2s}.ubItem:hover{background:#ffffff14}.ubItem p{color:#94a3b8;margin-bottom:5px;font-size:12px}.ubItem h4{font-size:16px;font-weight:600}.ubEmptyState{text-align:center;margin-top:30px}.ubEmptyState p{color:#64748b;margin-bottom:10px}.modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modalBox{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;width:100%;max-width:900px;max-height:90vh;padding:20px;animation:.3s fadeIn;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modalHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modalHeader h3{font-size:18px}.modalHeader button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.modalGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.modalCard{background:#ffffff0d;border-radius:12px;padding:18px}.modalFooter{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modalFooter button:first-child{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;padding:10px 16px}@media(max-width:768px){.modalBox{border-radius:12px;padding:15px}.modalGrid{grid-template-columns:1fr}.modalFooter{flex-direction:column}.modalFooter button{width:100%}}.userRewardLayout{padding:15px}.userRewardTittle{justify-content:space-between;align-items:center;display:flex}.reward-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f0c,#5b5bff);border:none;border-radius:20px;padding:10px 18px}.reward-overlay{z-index:999;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.reward-popup{background:#0b1a3a;border-radius:16px;width:420px;max-height:85vh;padding:20px;animation:.25s popupFade;overflow-y:auto;box-shadow:0 20px 50px #0009}.reward-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.reward-header h3{font-size:18px;font-weight:600}.reward-header button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.reward-body{flex-direction:column;gap:15px;display:flex}.reward-card{background:linear-gradient(135deg,#132a63,#0f1f4b);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}.reward-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0006}.reward-icon{color:gold;min-width:30px;font-size:26px}.reward-info{flex-direction:column;gap:4px;display:flex}.reward-target{color:#aaa;font-size:13px}.reward-name{color:#fff;font-size:14px;font-weight:600}.reward-status{font-size:12px;font-weight:500}.reward-status.active{color:#00e676}@keyframes popupFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.userRewardPage{padding:24px}.userRewardHeader h2{margin:0;font-size:26px}.userRewardHeader p{color:#6b7280;margin-top:6px}.rewardCard{border:1px solid #e5e7eb;border-radius:16px;margin-top:20px;padding:20px}.rewardCardTop{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.rewardTitleBlock{align-items:center;gap:12px;display:flex}.rewardIcon{color:#f59e0b;font-size:26px}.rewardStatus,.statusBadge{border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.rewardStatus.pending,.statusBadge.pending{color:#92400e;background:#fef3c7}.rewardStatus.success,.statusBadge.success{color:#166534;background:#dcfce7}.rewardTableWrap{overflow-x:auto}.rewardTable{border-collapse:collapse;width:100%}.rewardTable th,.rewardTable td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.timelineBox{gap:20px;display:flex}.timelineItem{align-items:center;gap:10px;display:flex}.circle{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.timelineItem.done .circle{color:#fff;background:#22c55e}.timelineText{font-size:13px}.completed{color:#16a34a}.pendingText{color:#6b7280}.progressBox{margin-top:20px}.progressHead{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.progressBar{background:#e5e7eb;border-radius:999px;width:100%;height:10px}.progressFill{background:#f59e0b;border-radius:999px;height:100%}.rewardEmpty{text-align:center;color:#6b7280;padding:20px}.rc-card-container{gap:20px;display:grid}.rc-title{margin-bottom:20px;font-size:22px;font-weight:700}.rc-card{background:#132f75;border-radius:14px;padding:18px;box-shadow:0 4px 20px #0000004d}.rc-card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.rc-card-header h3{margin:0;font-size:18px}.rc-card-header p{color:#94a3b8;font-size:13px}.rc-target{color:#22c55e;font-weight:700}.rc-card-form{flex-wrap:wrap;gap:15px;margin-bottom:15px;display:flex}.rc-field{flex-direction:column;gap:4px;font-size:12px;display:flex}.rc-input{color:#fff;border:1px solid #334155;border-radius:8px;width:130px;padding:8px}.rc-input-wide{width:160px}.rc-select{color:#fff;background:#020617;border:1px solid #334155;border-radius:8px;padding:8px}.rc-save-btn{color:#fff;cursor:pointer;background:#00e676;border:none;border-radius:8px;padding:10px 16px}.rc-update-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:6px 10px}.rc-table{border-collapse:collapse;width:100%}.rc-table th,.rc-table td{border-bottom:1px solid #334155;padding:10px;font-size:13px}.rc-table th{color:#94a3b8}.rc-month-box{border-radius:10px;padding:12px}.urc-container{min-height:100vh;padding:20px}.urc-title{margin-bottom:20px;font-size:22px;font-weight:700}.urc-card{border-radius:10px;margin-bottom:20px;padding:15px}.urc-card h3{margin-bottom:10px}.urc-table{border-collapse:collapse;width:100%;margin-top:10px}.urc-table th,.urc-table td{border-bottom:1px solid #ddd;padding:8px}.urc-table th{background:#f0f0f0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}