@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";html{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5f9;font-weight:400;line-height:1.5}body{min-width:320px;margin:0}img,svg{max-width:100%;display:block}#root{min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:root{--p4p-bg:#090316;--p4p-sidebar:#10051f;--p4p-card:#18082f;--p4p-card-light:#210b40;--p4p-purple:#7b20ff;--p4p-purple-light:#a83cff;--p4p-magenta:#d52cff;--p4p-yellow:#ffd83d;--p4p-gold:#fc3;--p4p-cyan:#43d8ff;--p4p-white:#fff;--p4p-text:#f5efff;--p4p-muted:#b9acd1;--p4p-border:#9932ffa6;--p4p-purple-glow:0 0 6px #a337ff8c, 0 0 18px #8422ff4d}html,body,#root{background:var(--p4p-bg);color:var(--p4p-text);font-family:Inter,Poppins,system-ui,sans-serif}.app-shell,.supervisor-shell{background:radial-gradient(circle at 50% 0,#5e14a038,#0000 35%),#090316}.sidebar{background:linear-gradient(#120521 0%,#0b0318 100%);border-right:1px solid #9632ff59;width:fit-content;min-width:150px;max-width:220px;box-shadow:inset -1px 0 #b432ff26}.sidebar-nav{gap:10px}.nav-item{color:#fff;width:100%;height:48px;min-height:48px;padding:10px 14px;font-size:14px;transition:all .2s;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.nav-item:hover{color:#fff;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.topbar{background:#0d041d;border-bottom:1px solid #8c32ff40;height:64px}.header-menu,.toolbar-user,.header-icon{background:#7b20ff26;border:1px solid #9932ff73;border-radius:10px}.p4p-dashboard{flex-direction:column;gap:10px;padding:10px 0 0;display:flex}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 30%,#a83cff42,#0000 28%),radial-gradient(circle at 72% 72%,#50cdff2e,#0000 24%);position:absolute;inset:0}.hero-right:before{content:"";background:linear-gradient(145deg,#945bff8c,#471b6833);border-radius:32px 32px 16px 16px;width:135px;height:68px;position:absolute;bottom:8px;right:22px;transform:rotate(12deg);box-shadow:inset 0 0 18px #ffffff14,0 0 22px #9637ff40}.hero-right:after{content:"";background:linear-gradient(145deg,#ffd63fb3,#ff950047);border-radius:20px;width:88px;height:44px;position:absolute;top:18px;right:54px;transform:rotate(-18deg);box-shadow:0 0 18px #ffcc336b}.hero-logo{object-fit:contain;filter:drop-shadow(0 0 8px #d232ffa6);width:78px;height:78px;margin-right:14px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.info-card,.metric-card,.panel-card,.cta-card{background:linear-gradient(145deg,#220d41f5,#120724fa);border:1px solid #a032ff80;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 0 8px #8923ff40}.info-card:hover,.metric-card:hover,.panel-card:hover,.cta-card:hover{border-color:#b964ffcc;transform:translateY(-2px);box-shadow:0 0 14px #a02dff73}.info-card{min-height:210px;padding:16px 18px 18px}.card-title,.panel-title,.metric-title,.cta-title{color:#fff;font-size:15px;font-weight:700}.card-link,.panel-link{color:#d071ff;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.profile-avatar{color:#fff;background:linear-gradient(135deg,#ffb3d8,#7a4dff 40%,#3d185a);border:2px solid #ffffff38;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:800;display:grid;box-shadow:0 0 12px #b450ff80}.profile-topline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-tier-tag{color:var(--p4p-yellow);background:#ffcd281f;border:1px solid #ffcd2833;border-radius:20px;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;display:inline-flex}.profile-meta-list{gap:7px;margin-top:2px;display:grid}.meta-line{width:100%;color:var(--p4p-muted);grid-template-columns:14px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.meta-icon{color:#d9c4ff;font-size:10px}.shield-wrap{color:#fff;background:linear-gradient(135deg,#7e4affe6,#52d6ff8c);border-radius:50%;place-items:center;width:72px;height:72px;margin:4px auto 8px;font-size:30px;font-weight:800;display:grid;box-shadow:0 0 20px #7e4aff59}.verified-copy{color:var(--p4p-muted);margin-bottom:12px;font-size:13px}.check-mark{color:#071d12;background:#22d98b;border-radius:50%;place-items:center;width:18px;height:18px;font-weight:900;display:inline-grid}.tier-card{text-align:center;flex-direction:column;align-items:center;display:flex}.tier-icon-wrap{color:#fff;background:linear-gradient(140deg,#ffffff2e,#6089ff33);border-radius:18px;place-items:center;width:74px;height:74px;font-size:34px;display:grid;box-shadow:inset 0 0 15px #ffffff14}.tier-name{color:#fff;margin-top:10px;font-size:18px;font-weight:800}.tier-copy{color:var(--p4p-muted);margin-top:4px;font-size:12px}.tier-progress-line span{background:linear-gradient(90deg,#a640ff,#54d8ff);border-radius:20px;width:52%;height:100%;display:block}.tier-stat,.tier-subtle{color:var(--p4p-muted);font-size:12px}.tier-stat strong{color:#fff;font-weight:800}.promo-card{text-align:center;background:linear-gradient(#1e0f39f5,#11081ffa);flex-direction:column;justify-content:space-between;align-items:center;padding:16px 14px;display:flex}.promo-head{letter-spacing:.06em;color:var(--p4p-yellow);text-transform:uppercase;font-size:14px;font-weight:800;line-height:1.2}.promo-button{color:#241400;background:linear-gradient(90deg,#ffd43b,#ffea72);border:none;border-radius:10px;height:36px;margin-top:12px;padding:0 16px;font-weight:800;box-shadow:0 0 14px #ffce434d}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric-title{color:#fff;font-size:13px}.metric-value{color:#fff;letter-spacing:-.04em;font-size:25px;font-weight:800;line-height:1.1}.metric-foot{color:#4ce2a7;margin-top:8px;font-size:12px}.bottom-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:10px;display:grid}.transactions-panel thead th{color:#bbaed0;text-align:left;border-bottom:1px solid #ffffff14;padding:0 8px 10px;font-size:11px;font-weight:600}.transactions-panel tbody td{color:#f2ebff;border-bottom:1px solid #ffffff0f;padding:12px 8px}.status-pill{border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.games-panel{min-height:260px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.game-tile{color:#fff;text-shadow:0 2px 10px #0006;background:linear-gradient(135deg,#5f19d2,#2d0b5f);border-radius:12px;justify-content:center;align-items:end;min-height:115px;padding:10px;font-size:15px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 0 8px #9d28ff40}.game-tile:before{content:"";background:linear-gradient(#ffffff0d,#00000029);position:absolute;inset:0}.game-tile span{z-index:1;position:relative}.cta-card{justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.cta-icon{color:#fff;background:linear-gradient(135deg,#7e4affd9,#52d6ff8c);border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 0 14px #934fff61}.cta-copy{flex:1;min-width:0}.cta-title{margin-bottom:4px;font-size:14px}.cta-button{color:#fff;background:linear-gradient(90deg,#8d4dff,#b36aff);border:none;border-radius:10px;padding:9px 14px;font-weight:700}.p4p-sidebar-promo{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:220px;margin-top:12px;padding:18px 8px 0;display:flex;position:relative;overflow:visible}.p4p-promo-title{flex-direction:column;align-items:center;gap:2px;margin:0 0 10px;display:flex}.p4p-promo-button{color:#fff;background:linear-gradient(90deg,#c063ff 0%,#8f52ff 100%);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:150px;height:42px;margin-top:2px;padding:8px 16px;font-size:14px;font-weight:700;display:flex;box-shadow:0 0 0 1px #ffffff0f,0 12px 22px #a65eff6b}.p4p-promo-arrow{font-size:18px;line-height:1}.sidebar-logout{margin-top:auto;padding:12px 8px 2px}@media (width<=1200px){.overview-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}}@media (width<=900px){.sidebar{width:170px}.hero{height:100px}.hero-title{white-space:normal;font-size:21px}.hero-subtitle{white-space:normal;font-size:10px}.hero-logo{width:60px;height:60px}}@media (width<=700px){.overview-grid,.metrics-grid,.cta-row{grid-template-columns:1fr}.transactions-panel{overflow-x:auto}.transactions-panel table{min-width:640px}}:root{--blue-900:#0c3e84;--blue-800:#0b4a9e;--blue-700:#1d5fd6;--blue-600:#2a7ae8;--blue-500:#3b82f6;--blue-100:#eaf3ff;--nav-blue:#0e5ab5;--nav-dark:#0f2d57;--bg:#f3f5f9;--panel:#fff;--panel-alt:#f7f8fb;--line:#dfe7f2;--line-soft:#edf0f6;--text:#1f2a37;--muted:#69778d;--green:#2bb673;--green-soft:#eafaf1;--red:#e65555;--red-soft:#ffe9e9;--orange:#f29d38;--orange-soft:#fff1df;--purple:#7c69ff;--purple-soft:#f1eeff;--bronze:#d9994d;--silver:#a7b5c4;--gold:#f8ba32;--diamond:#5da9ff;--shadow:0 10px 24px #10182814;--font-ui:"Manrope", "Poppins", sans-serif;--font-display:"Sora", "Poppins", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100dvh;font-family:var(--font-ui);letter-spacing:-.01em;color:var(--text);background:radial-gradient(circle at 12% 4%,#7300ff73,#0000 22rem),radial-gradient(circle at 88% 18%,#c200ff2e,#0000 18rem),linear-gradient(145deg,#090018 0%,#10012d 38%,#070012 100%);margin:0;font-weight:500;overflow-x:clip}h1,h2,h3,h4,h5,h6,.page-header-title,.page-header-kicker,.brand-wordmark,.app-title{font-family:var(--font-display);letter-spacing:-.04em}button,input,select,textarea{font:inherit;font-family:var(--font-ui)}input:-webkit-autofill{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}input:-webkit-autofill:hover{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}input:-webkit-autofill:focus{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}select:-webkit-autofill{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}textarea:-webkit-autofill{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}.customer-signup-card .signup-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.customer-signup-card .signup-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.customer-signup-card .signup-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.customer-login-form .login-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.customer-login-form .login-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.customer-login-form .login-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.portal-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.portal-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.portal-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #4826744d}.signup-form input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text)}.signup-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text)}.signup-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text)}.otp-input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text)}.detail-grid input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text)}.field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text)}.field select:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text)}.password-modal .signup-form input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #0c0520d9}.password-modal .signup-form input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #0c0520d9}.password-modal .signup-form input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #0c0520d9}.detail-grid input:-webkit-autofill{-webkit-text-fill-color:#f9f2ff;caret-color:#f9f2ff;box-shadow:inset 0 0 0 1000px #0d07185c}.detail-grid input:-webkit-autofill:hover{-webkit-text-fill-color:#f9f2ff;caret-color:#f9f2ff;box-shadow:inset 0 0 0 1000px #0d07185c}.detail-grid input:-webkit-autofill:focus{-webkit-text-fill-color:#f9f2ff;caret-color:#f9f2ff;box-shadow:inset 0 0 0 1000px #0d07185c}.supervisor-profile-edit-field input:-webkit-autofill{-webkit-text-fill-color:#efe7ff;caret-color:#efe7ff;box-shadow:inset 0 0 0 1000px #10032eeb}.supervisor-profile-edit-field input:-webkit-autofill:hover{-webkit-text-fill-color:#efe7ff;caret-color:#efe7ff;box-shadow:inset 0 0 0 1000px #10032eeb}.supervisor-profile-edit-field input:-webkit-autofill:focus{-webkit-text-fill-color:#efe7ff;caret-color:#efe7ff;box-shadow:inset 0 0 0 1000px #10032eeb}.basic-profile-field input:-webkit-autofill{-webkit-text-fill-color:#efe7ff;caret-color:#efe7ff;box-shadow:inset 0 0 0 1000px #10032eeb}.basic-profile-field input:-webkit-autofill:hover{-webkit-text-fill-color:#efe7ff;caret-color:#efe7ff;box-shadow:inset 0 0 0 1000px #10032eeb}.basic-profile-field input:-webkit-autofill:focus{-webkit-text-fill-color:#efe7ff;caret-color:#efe7ff;box-shadow:inset 0 0 0 1000px #10032eeb}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 16% 3%,#8d44ff66,#0000 20rem),radial-gradient(circle at 90% 8%,#e043ff38,#0000 18rem),linear-gradient(145deg,#0b001d 0%,#120624 30%,#0a0219 100%);width:100vw;max-width:100vw;min-height:100dvh;display:flex}.sidebar{color:#f9ecff;background:linear-gradient(#120522 0%,#0b0318 100%);border-right:1px solid #9d34ff59;flex-direction:column;flex:0 0 185px;width:185px;min-width:185px;max-width:185px;height:100vh;min-height:100vh;padding:14px 10px;display:flex;position:relative;box-shadow:inset -1px 0 #b432ff1f}.brand-block{justify-content:center;align-items:center;min-height:105px;margin-bottom:8px;display:flex}.mobile-nav-toggle{display:none}.brand-stack{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.brand-mark{justify-content:center;width:100%;margin-bottom:4px;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 18px #ffb44657);width:100%;max-width:160px;height:auto;display:block}.brand-tagline{letter-spacing:.18em;text-transform:uppercase;color:#f8d876;text-shadow:0 0 18px #ffce5c61,0 0 26px #d096ff2e;white-space:nowrap;justify-content:center;align-items:center;width:100%;margin-top:2px;font-size:.58rem;font-weight:800;display:inline-flex;position:relative}.brand-tagline:before{content:"";background:linear-gradient(90deg,#0000,#ffd677e6,#0000);width:64%;height:1px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffd67773}.brand-wordmark{letter-spacing:-.07em;color:#f5edff;text-shadow:0 4px 18px #ffffff2e,0 0 28px #9b5cff24;justify-content:center;align-items:baseline;gap:.06em;font-family:Poppins,sans-serif;font-size:1.7rem;font-weight:700;line-height:.9;display:flex}.brand-four{color:#ffdc6f;text-shadow:0 0 20px #ffbe46cc}.brand-tag{letter-spacing:.12em;color:#ffffffc7;text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:.5rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:8px;margin-top:4px;display:flex}.nav-item{color:#fff;text-align:left;letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;width:100%;height:40px;min-height:40px;padding:9px 12px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;line-height:1.15;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:flex;transform:translate(0);background:linear-gradient(90deg,#7b2dff8f,#a348ff70)!important;border:1px solid #b46eff6b!important;border-radius:12px!important;outline:none!important;box-shadow:inset 0 1px #ffffff14,0 0 16px #913cff3d!important}.nav-item.active{color:#f9f1ff!important;background:linear-gradient(90deg,#8d5cfffa,#b481fff0)!important;border:1px solid #ddbbff85!important;border-radius:12px!important;box-shadow:0 14px 26px #5626b657,inset 0 1px #ffffff2e,0 0 18px #8d63ff2e!important}.nav-item.active .nav-label{font-weight:700;color:#f9f1ff!important}.nav-item:hover{color:#fff;transform:translateY(-1px);background:linear-gradient(90deg,#8c41ffa8,#b969ff8a)!important;border:1px solid #d2afff80!important;outline:none!important;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #7042c452!important}.nav-item span:last-child{transform:translateY(-1px)}.nav-icon{color:#fff6e0;filter:drop-shadow(0 0 8px #ffd68259);background:linear-gradient(135deg,#ffd67766,#c88cff66);border:1px solid #ffdc8c8c;border-radius:9px;justify-content:center;align-items:center;width:27px;min-width:27px;height:27px;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff38,0 0 12px #ffc86459,0 8px 18px #8848ff47}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{background:linear-gradient(135deg,#ffe48c8c,#ffffff29);border-color:#ffe08bbf;transform:translateY(-1px)scale(1.05);box-shadow:inset 0 1px #ffffff4d,0 0 16px #ffcd6480,0 10px 20px #ffbc4347}.nav-icon svg{stroke-width:2.4px;width:15px;height:15px}.p4p-sidebar-promo{text-align:center;justify-content:center;align-items:center;width:100%;min-height:220px;margin-top:10px;padding:8px 0 0;display:flex;position:relative;overflow:visible}.p4p-sidebar-promo-stack{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.p4p-sidebar-promo-image{object-fit:contain;filter:drop-shadow(0 0 8px #be28ff59);width:155px;max-width:100%;height:auto;margin:0 auto;display:block}.supervisor-shell .p4p-sidebar-promo-image-only{min-height:0;margin-top:8px;padding:6px 0 0}.supervisor-shell .p4p-sidebar-promo-image-only .p4p-sidebar-promo-image{width:110px}.basic-shell .p4p-sidebar-promo{min-height:0;margin-top:8px;padding:6px 0 0}.basic-shell .p4p-sidebar-promo-stack{gap:0}.basic-shell .p4p-sidebar-promo-image{width:110px}.p4p-promo-gift-box{filter:drop-shadow(0 0 14px #c461ffb3);justify-content:center;align-items:center;width:150px;height:88px;margin:0 auto 10px;display:flex;position:relative}.p4p-promo-gift{z-index:2;background:linear-gradient(#b858ff 0%,#6e2bff 100%);border:3px solid #f3beff8c;border-radius:16px;justify-content:center;align-items:center;width:98px;height:68px;font-size:38px;line-height:1;display:flex;position:relative;box-shadow:0 0 18px #be4cffbf,inset 0 0 14px #fff3}.p4p-promo-gift:before,.p4p-promo-gift:after{content:"";background:#ffffff3d;position:absolute}.p4p-promo-gift:before{border-radius:8px 8px 0 0;width:26px;height:10px;top:-14px;left:50%;transform:translate(-50%)}.p4p-promo-gift:after{border-radius:6px;width:10px;height:18px;top:-10px;left:50%;transform:translate(-50%)}.p4p-promo-crown{z-index:3;filter:drop-shadow(0 0 12px #ffd752cc);font-size:22px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.p4p-promo-coin{color:#8b4e00;background:radial-gradient(circle at 30% 30%,#fff2ad 0%,#f7c84a 28%,#d58b1f 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:inline-flex;position:absolute;top:18px;box-shadow:0 0 12px #ffc840e6}.coin-left{left:14px}.coin-right{right:14px}.p4p-promo-title{flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0 0 10px;display:flex}.p4p-promo-more,.p4p-promo-main{color:#fff;letter-spacing:-.06em;text-align:center;text-shadow:0 0 18px #ffe6ff59;font-weight:700;line-height:.9;display:block}.p4p-promo-more{font-size:26px}.p4p-promo-main{max-width:170px;font-size:24px}.p4p-promo-button{color:#fff;letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(90deg,#7b2dff 0%,#a348ff 100%);border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:168px;height:48px;padding:8px 18px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;display:flex;box-shadow:0 0 20px #913cff73}.p4p-promo-arrow{font-size:22px;line-height:1;transform:translateY(-1px)}@media (width<=900px){.p4p-sidebar-promo{height:220px}.p4p-promo-gift-box{width:126px;height:76px}.p4p-promo-gift{width:92px;height:62px;font-size:36px}.p4p-promo-more{font-size:30px}.p4p-promo-main{max-width:125px;font-size:24px}.p4p-promo-button{width:136px;height:40px}}.feature-button{color:#fdf7ff;background:linear-gradient(90deg,#b969fff2,#7a4effeb);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:22px;height:22px;margin:12px auto 0;padding:8px 12px;font-size:.72rem;font-weight:600;display:flex;box-shadow:0 10px 22px #a55aff61}.feature-arrow svg{width:20px;height:20px}.sidebar-logout{color:#fff;text-align:center;letter-spacing:-.02em;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;margin-left:auto;margin-right:auto;padding:8px 12px 10px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.sidebar-logout:hover{opacity:.9}.logout-icon{color:#f6e3ff;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.logout-icon svg{stroke-width:2px;width:20px;height:20px}.main-panel{flex-direction:column;flex:auto;width:calc(100vw - 190px);min-width:0;max-width:calc(100vw - 190px);display:flex;overflow-x:hidden}.customer-dashboard-shell{background:radial-gradient(circle at 14% 0,#b45aff24,#0000 32%),radial-gradient(circle at 88% 12%,#d664ff1a,#0000 28%),radial-gradient(circle at 50% 100%,#783cdc14,#0000 40%);width:100%;min-width:0;padding:14px 18px 22px;position:relative}.dashboard-inner{flex-direction:column;gap:14px;min-width:0;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f071d70;border-bottom:1px solid #c25dff1f;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 18px 0 16px;display:flex;position:relative}.topbar-actions{margin-left:auto}.header-menu{color:#f5ebff;background:#ffffff0a;border:1px solid #c285ff47;border-radius:12px;place-items:center;width:40px;height:40px;display:none}.header-menu svg{width:18px;height:18px}.notification-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-badge{color:#fff;z-index:2;background:linear-gradient(135deg,#ff8c7b 0%,#ff5f6d 35%,#ff3d4d 100%);border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.62rem;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #11091fcc,0 8px 18px #ff4c5c73}.topbar-actions{align-items:center;gap:14px;display:flex}.toolbar-user{color:#f5ebff;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #c285ff38;border-radius:16px;align-items:center;gap:12px;max-width:100%;padding:7px 12px 7px 8px;display:flex;box-shadow:inset 0 1px #ffffff14,0 10px 22px #09041433}.toolbar-user-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.toolbar-avatar{color:#140d25;background:linear-gradient(135deg,#f4d97c 0%,#f2b62d 38%,#8b3dff 100%);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff80,0 8px 16px #8b3dff52}.toolbar-name{letter-spacing:-.02em;color:#fff;font-size:.9rem;font-weight:700;line-height:1.2}.toolbar-role{color:#e9dcffb3;white-space:nowrap;font-size:.68rem;line-height:1.2}.toolbar-dropdown-item{color:#efe4ff;text-align:left;background:0 0;border:none;border-radius:10px;width:100%;padding:11px 12px;font-size:.9rem;font-weight:500}.signup-shell{background:linear-gradient(#edf4ff 0%,#f3f5f9 100%);place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.signup-card{border:1px solid var(--line);width:clamp(min(860px,100%),42vw,1180px);box-shadow:var(--shadow);background:#fffffff5;border-radius:22px;padding:28px}.signup-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--blue-700);margin:0 0 8px;font-size:.72rem;font-weight:700}.signup-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3vw,2.6rem)}.signup-form,.otp-form,.locked-state,.success-state{flex-direction:column;gap:18px;display:flex}.field-row{gap:16px;display:grid}.field-row.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.signup-form label,.otp-form label{color:var(--text);flex-direction:column;gap:8px;font-weight:600;display:flex}.signup-form input,.otp-input{border:1px solid var(--line);height:46px;color:var(--text);font:inherit;background:#fff;border-radius:12px;padding:0 14px}.signup-form input:focus,.otp-input:focus{border-color:var(--blue-500);outline:2px solid #3a7aff33}.signup-form input.input-error,.otp-input.input-error,.detail-grid input.input-error{border-color:#d64545}.signup-form input.input-error:focus,.otp-input.input-error:focus,.detail-grid input.input-error:focus{outline-color:#d6454533}.field-error-msg{color:#d64545;font-size:.8rem;font-weight:600}.modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.global-loader{z-index:2000;background:radial-gradient(circle at 30% 20%,#9823ff2e,#0000 30rem),linear-gradient(145deg,#090018 0%,#12052d 45%,#090015 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.global-loader-inner{flex-direction:column;align-items:center;gap:18px;display:flex}.global-loader-spinner{border:4px solid #c23dff33;border-top-color:#c93cff;border-radius:50%;width:52px;height:52px;animation:.8s linear infinite global-loader-spin;box-shadow:0 0 22px #bf3dff59}.global-loader-text{color:#ece2ffd9;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:600}@keyframes global-loader-spin{to{transform:rotate(360deg)}}.modal-card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:24px;display:flex;box-shadow:0 20px 60px #0f172a40}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{margin:0}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;display:flex}.app-shell .modal-overlay:has(.password-modal){-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070216c7;overflow-y:auto}.app-shell .password-modal{--password-accent:#c06aff;--password-border:#be67ff8f;border:1px solid var(--password-border);color:#f9f1ff;background:radial-gradient(circle at 90% 0,#ad4cff36,#0000 52%),linear-gradient(150deg,#291045,#120823 68%,#0d071d);border-radius:8px;gap:22px;width:min(100%,440px);max-height:calc(100dvh - 32px);padding:26px;overflow-y:auto;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #060112b3,0 0 24px #9632f438}.basic-shell .password-modal{--password-accent:#e779ff;--password-border:#e14bffa8;background:radial-gradient(circle at 90% 0,#de3dff3b,#0000 52%),linear-gradient(150deg,#290a52,#130626 68%,#0c041d)}.supervisor-shell .password-modal{--password-accent:#f5d57a;--password-border:#ca7cff8c}.password-modal .modal-header{border-bottom:1px solid var(--password-border);padding-bottom:16px}.password-modal .modal-header h3{color:#fff;font-family:var(--font-display);font-size:1.3rem;line-height:1.25}.password-modal .modal-close{border:1px solid var(--password-border);color:#eee0ff;background:#9d44e226;border-radius:6px;justify-content:center;width:34px;height:34px}.password-modal .modal-close svg{width:18px;height:18px}.password-modal .signup-form{gap:16px}.password-modal .signup-form label{color:#eee0ff;gap:7px;font-size:.83rem}.password-modal .signup-form input{color:#fff;background:#0c0520d9;border:1px solid #b978ea73;border-radius:6px;width:100%}.password-modal .signup-form input::placeholder{color:#aa97bf}.password-modal .signup-form input:focus{outline:2px solid color-mix(in srgb, var(--password-accent) 35%, transparent);border-color:var(--password-accent)}.password-modal .signup-form input.input-error{border-color:#ff8eac}.password-modal .password-input-wrap{align-items:center;display:flex;position:relative}.password-modal .password-input-wrap input{padding-right:38px}.password-modal .password-input-wrap .password-toggle{position:absolute;right:10px}.password-modal .field-error-msg{color:#ffacc0}.password-modal .signup-actions{margin-top:8px}.password-modal .primary-btn,.password-modal .secondary-btn{border-radius:6px;min-height:44px}.password-modal .primary-btn{color:#fff;background:linear-gradient(110deg,#8d29ed,#bd54f8);box-shadow:0 6px 18px #9a36ff4d}.supervisor-shell .password-modal .primary-btn{background:linear-gradient(110deg,#8134db,#a04beb)}.password-modal .secondary-btn{border:1px solid var(--password-border);color:#eee0ff;background:#9347d324}.password-modal .status-banner.success{color:#9cf3bd;background:#1e9b5b2e;border-color:#67e7a073}.password-modal .status-banner.error{color:#ffb7c9;background:#c630552b;border-color:#ff7a9c73}.password-modal button:focus-visible{outline:2px solid var(--password-accent);outline-offset:3px}@media (width<=480px){.app-shell .password-modal{padding:20px 16px}.password-modal .signup-actions{flex-direction:column;align-items:stretch}}.signup-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.otp-label.login-signup-prompt{margin-top:18px}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-weight:700}.primary-btn{color:#fff;background:linear-gradient(135deg,#0d4d9a 0%,#1763d3 100%)}.secondary-btn{color:var(--blue-800);background:#edf4ff}.status-banner{border:1px solid #0000;border-radius:12px;padding:12px 14px;font-weight:600}.status-banner.success{background:var(--green-soft);color:#0d7a48;border-color:#2bb6732e}.status-banner.error{background:var(--red-soft);color:#b63d3d;border-color:#e6555526}.otp-label{color:var(--muted);margin:0;font-size:1rem}.otp-input{text-align:center;letter-spacing:.35em;width:min(260px,100%);padding-left:12px;font-size:1.7rem}.locked-state,.success-state{padding-top:8px}.locked-state h2,.success-state h2{margin:0;font-size:1.7rem}.locked-state p,.success-state p{color:var(--muted);margin:0;line-height:1.6}.header-icon{color:#f5ebff;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #c485ff3d;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #07041038}.header-icon:before{content:"";background:linear-gradient(135deg,#ffffff2e,#ffffff05 48%,#ffffff1a);border-radius:50%;position:absolute;inset:1px}.header-icon svg{z-index:1;filter:drop-shadow(0 1px 2px #0000002e);width:16px;height:16px;position:relative}.toolbar-user{cursor:pointer;font:inherit;text-align:left;color:#f5ebff;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #c285ff33;border-radius:16px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex;box-shadow:inset 0 1px #ffffff14,0 8px 18px #08031238}.toolbar-user:hover{background:linear-gradient(135deg,#ffffff29,#ffffff14);border-color:#c285ff52}.toolbar-user-menu{position:relative}.toolbar-chevron{color:#e9dcffb8;place-items:center;display:grid}.toolbar-chevron svg{width:12px;height:12px}.toolbar-dropdown{z-index:20;background:linear-gradient(#120921f7,#0b0615fa);border:1px solid #c485ff47;border-radius:16px;min-width:210px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 45px #03020c6b,inset 0 1px #ffffff0d}.toolbar-dropdown-item{text-align:left;width:100%;font:inherit;color:#f5ebff;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px;font-weight:500}.toolbar-dropdown-item:hover{background:#a878ff1f}.toolbar-avatar{color:#fff;background:linear-gradient(135deg,#a348ff,#5b1899);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.toolbar-name{font-size:.95rem;font-weight:700}.toolbar-role{color:var(--muted);font-size:.72rem}.content-area{width:100%;min-width:0;max-width:100%;padding:18px 22px 20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:6px 4px 0;display:flex}.page-header.compact{margin-bottom:18px}.page-header-title-wrap{align-items:center;gap:16px;display:flex}.page-header-copy{flex-direction:column;gap:2px;display:flex}.page-header-kicker{color:#f7d976;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#ffd6771f,#a859ff1a);border:1px solid #ffd67761;border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.page-header-icon{background:linear-gradient(135deg,#ffd6773d,#a859ff42,#140f26b8);border:1px solid #ffd67773;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 16px 30px #7634cc47,0 0 0 1px #ffd6771f}.page-header-icon:before{content:"";background:linear-gradient(135deg,#fff3,#ffffff05);border:1px solid #ffffff17;border-radius:12px;position:absolute;inset:7px}.page-header-icon svg{z-index:1;color:#ffdc78;filter:drop-shadow(0 4px 12px #ffc94f73);width:26px;height:26px;position:relative}.page-header h1{letter-spacing:-.06em;color:#f8f1ff;text-shadow:0 10px 30px #a65fff33;margin:0;font-size:clamp(1.8rem,2.2vw,2.5rem);font-weight:800;line-height:1.05}.page-header p{color:#dfd6f0b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem}.state-pills{align-items:center;gap:10px;display:flex}.phase-pill,.approved-pill,.view-only-link,.secondary-badge,.phase-tag{border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.phase-pill{border:1px solid var(--line);color:var(--blue-700);background:#edf5ff}.approved-pill{color:var(--green);background:#eafaf1;border:1px solid #2bb67340}.view-only-link{border:1px solid var(--line);color:var(--muted);background:#f8f9fb}.customer-overview{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;max-width:1800px;margin-inline:auto;display:grid}.welcome-banner{background:radial-gradient(circle at 88% 20%,#d85aff47,#0000 46%),radial-gradient(circle at 12% 14%,#ae4cff66,#0000 30%),linear-gradient(120deg,#3a1660fa,#1c0b34fa 55%,#10061efa);border:1px solid #c482ff8c;border-radius:18px;grid-template-columns:150px minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:18px;width:100%;max-width:1800px;min-height:72px;margin-inline:auto;padding:8px 20px 8px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #bf7dff1f,0 0 18px #9b46ff38}.welcome-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 70%,#c86eff1f,#0000 24%);position:absolute;inset:0}.welcome-brand{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;display:flex;position:relative}.welcome-brand-mark{justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative}.welcome-brand-mark img{object-fit:contain;filter:drop-shadow(0 0 14px #ffbf5c59);width:100%;max-width:138px;height:auto;display:block}.welcome-profile-upload{aspect-ratio:1;color:#fff1b1;background:linear-gradient(145deg,#c23dffb8,#390c7ceb);border:2px solid #fad36dc7;border-radius:50%;place-items:center;width:min(100%,112px);display:grid;position:relative;overflow:visible;box-shadow:0 0 18px #bf3dff75,inset 0 1px #ffffff3d}.welcome-profile-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.welcome-profile-upload img,.welcome-profile-upload svg{border-radius:inherit;object-fit:cover;width:100%;height:100%}.welcome-profile-upload svg{width:46%;height:46%}.welcome-profile-upload-action{color:#28103f;background:linear-gradient(135deg,#f5c43f,#cf7c1f);border:1px solid #ffed9ce6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:1rem;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 3px 10px #00000059}.welcome-brand-tagline{color:#f8d876;letter-spacing:.14em;text-shadow:0 0 18px #ffce5c61,0 0 26px #d096ff2e;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;width:100%;margin-top:6px;font-size:.62rem;font-weight:800;line-height:1.2;display:inline-flex;position:relative}.welcome-brand-tagline:before{content:"";background:linear-gradient(90deg,#0000,#ffd677e6,#0000);width:64%;height:1px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffd67773}.welcome-brand-pill{color:#1b0c2b;letter-spacing:.08em;background:linear-gradient(#ffd86e,#f0a72f);border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:24px;font-size:.6rem;font-weight:800;display:inline-flex;position:absolute;bottom:-6px;right:-8px;box-shadow:0 8px 20px #ffb74761}.welcome-copy{z-index:3;min-width:0;max-width:540px;position:relative}.welcome-copy h1{color:#fff;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.7rem,2.4vw,2.6rem);font-weight:800;line-height:1.14}.gold-name{color:#ffd64c}.welcome-copy p{color:#ece2ffc7;overflow-wrap:anywhere;margin:6px 0 0;font-size:1.05rem}.welcome-art{z-index:2;aspect-ratio:1677/938;pointer-events:none;justify-content:flex-end;align-items:center;width:100%;min-width:0;max-width:460px;margin-left:auto;display:flex;position:relative;overflow:visible}.welcome-game-art{object-fit:contain;object-position:center;filter:drop-shadow(0 0 18px #d461ff66);width:100%;height:100%;display:block}.hero-controller{background:linear-gradient(145deg,#5f1184f5,#381265fa 32%,#150726fa);border:3px solid #bc78ffb8;border-radius:28% 28% 18% 18%/24% 24% 28% 28%;width:270px;height:138px;position:absolute;bottom:-16px;right:12px;transform:rotate(-16deg);box-shadow:inset 0 0 18px #b55eff2e,0 0 28px #a246ff66}.hero-controller:before,.hero-controller:after{content:"";background:#190827cc;border-radius:50%;position:absolute;box-shadow:inset 0 0 10px #9c56ff42}.hero-controller:before{width:30px;height:30px;bottom:18px;left:22px}.hero-controller:after{width:24px;height:24px;top:22px;right:24px}.controller-dpad{background:radial-gradient(circle at 50% 35%,#ffe07f33,#491974c2 40%,#1a082af5);border:2px solid #d198ff66;border-radius:50%;position:absolute;inset:18px 34px}.controller-button{background:linear-gradient(#fff1aa,#d9a635 55%,#865412 100%);border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 0 12px #ffce5a80}.controller-button.left{top:22px;left:46px}.controller-button.right{bottom:18px;right:36px}.hero-crown{clip-path:polygon(0% 100%,10% 36%,24% 64%,39% 18%,53% 64%,68% 18%,82% 64%,90% 36%,100% 100%);background:linear-gradient(#ffe9b2 0%,#f8d56e 22%,#d69a1e 100%);border-radius:10px 10px 12px 12px;width:120px;height:72px;position:absolute;top:10px;right:150px;box-shadow:inset 0 0 18px #fff6,0 0 18px #ffd25780}.hero-crown:before,.hero-crown:after{content:"";background:#ffffff59;border-radius:50%;width:12px;height:12px;position:absolute;top:2px}.hero-crown:before{left:16px}.hero-crown:after{right:16px}.hero-coin{background:radial-gradient(circle at 35% 35%,#fff8d9 0%,#f8d16c 18%,#d99828 48%,#8a5410 100%);border:2px solid #ffeeb4b3;border-radius:50%;width:32px;height:32px;display:block;position:absolute;box-shadow:0 0 16px #ffcc4a80,inset -8px -8px 12px #5f350747}.coin-left{top:12px;left:18px}.coin-right{width:28px;height:28px;bottom:16px;right:12px}.banner-tag{color:#ffde72;letter-spacing:.14em;z-index:2;background:#ffffff0d;border:1px solid #ffdb7259;border-radius:999px;padding:7px 12px;font-size:.66rem;font-weight:700;position:absolute;bottom:12px;right:18px}.top-cards-grid{width:100%}.profile-summary-card,.verification-card,.tier-card,.promo-card,.dashboard-stat-card,.panel-card{background:linear-gradient(165deg,#1c0d32f5,#0c0618f7);border:1px solid #b46eff4d;border-radius:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #af6cff1a,0 0 22px #7f2aff1f}.dashboard-stat-card:before,.panel-card:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#0000,#d882ffbf,#0000);height:2px;position:absolute;inset:0 0 auto}.dashboard-stat-card:hover,.panel-card:hover{border-color:#d882ff80;transform:translateY(-2px);box-shadow:inset 0 0 18px #af6cff24,0 10px 28px #7f2aff3d}.customer-overview>.profile-summary-card,.customer-overview>.verification-card,.customer-overview>.tier-card,.customer-overview>.promo-card{box-sizing:border-box;flex-direction:column;justify-content:flex-start;min-width:0;height:100%;display:flex}.customer-overview>.verification-card,.customer-overview>.tier-card{padding:14px 14px 16px}.profile-summary-card{min-height:212px;padding:18px 16px 14px}.profile-summary-heading{flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;min-height:38px;margin:0 0 16px;display:flex}.profile-summary-heading-title{flex:100%;align-items:center;gap:9px;min-width:0;display:flex}.profile-summary-heading-icon{color:#e86cff;filter:drop-shadow(0 0 9px #e86cffcc);justify-content:center;align-items:center;display:inline-flex}.profile-summary-heading-icon svg{width:24px;height:24px}.profile-summary-heading h3{color:#fff;min-width:0;font-family:var(--font-display);letter-spacing:-.02em;align-items:center;min-height:2.3em;margin:0;font-size:1.12rem;font-weight:700;line-height:1;display:flex}.profile-summary-view-button{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#4b1b93f2,#2e1169f2);border:1px solid #ae5fffbf;border-radius:999px;flex:none;align-items:center;gap:7px;margin-left:auto;padding:7px 11px;font-size:.7rem;font-weight:700;transition:border-color .16s,background .16s;display:inline-flex;box-shadow:inset 0 0 12px #c659ff2e,0 0 12px #6c26ff2e}.profile-summary-view-button span{color:#e7a0ff;font-size:1rem;line-height:.8}.profile-summary-view-button:hover{background:linear-gradient(135deg,#6526befa,#3b1583fa);border-color:#e86cff}.profile-card-header{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:10px;display:flex}.profile-header-row,.profile-name-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.profile-badge-wrap{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.profile-avatar{color:#fff;background:radial-gradient(circle at 32% 25%,#f8e0be 0 12%,#0000 13%),linear-gradient(145deg,#e8bd91 0%,#ac715d 42%,#72415e 100%);border:3px solid #52ffe0e6;border-radius:50%;place-items:center;width:68px;height:68px;font-size:1.2rem;font-weight:800;display:grid;box-shadow:0 0 0 3px #6944d673,0 0 22px #40f0cf2e}.profile-online-dot{background:#21df96;border:3px solid #160b31;border-radius:50%;width:14px;height:14px;position:absolute;bottom:4px;right:-1px;box-shadow:0 0 10px #21df96a6}.profile-header-copy,.profile-name-copy{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.profile-header-copy h3,.profile-name-copy h4{color:#fff;letter-spacing:-.04em;margin:0;font-weight:800}.profile-header-copy h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.12rem}.profile-name-copy h4{font-size:1rem}.view-only-pill{color:#eadeffe6;background:#ffffff0a;border:1px solid #d2ceff3d;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.gold-badge{color:#fffdf5;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#fffadc 0%,#f7d96a 18%,#e9af1b 44%,#8a6208 100%);border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:.58rem;font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffb8,0 10px 20px #ffbf473d}.gold-badge svg{fill:currentColor;width:12px;height:12px;margin-right:3px}.gold-badge:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff94,#ffffff0a 40%,#ffffff2e);position:absolute;inset:1px}.profile-subtext{color:#e4d6ffb3;font-size:.62rem}.profile-detail-list{gap:5px;margin-top:4px;display:grid}.profile-detail-item{color:#e4d6ffc2;border-top:1px solid #b46eff1f;grid-template-columns:22px minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:6px;padding-top:5px;font-size:.62rem;display:grid}.detail-icon{color:#ffdf7b;filter:drop-shadow(0 0 6px #ffdf7b8c);justify-content:center;align-items:center;display:inline-flex}.detail-icon svg{width:17px;height:17px}.detail-label{color:#e4d6ffc2;letter-spacing:.01em;overflow-wrap:anywhere;font-size:.6rem;font-weight:600}.profile-detail-item strong{color:#fff;text-align:left;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;font-size:.6rem;font-weight:600;overflow:visible}.verification-card,.tier-card{text-align:center;justify-content:flex-start;align-items:center;min-width:0;min-height:212px;padding:14px 14px 16px}.verification-heading{flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;min-height:38px;margin-bottom:16px;display:flex}.verification-heading-title{flex:100%;align-items:center;gap:9px;min-width:0;display:flex}.verification-heading-title h3{min-width:0}.verification-heading-icon{color:#e86cff;filter:drop-shadow(0 0 7px #e86cffb3);display:inline-flex}.verification-heading-icon svg{width:24px;height:24px}.verification-heading h3{color:#fff;min-width:0;font-family:var(--font-display);letter-spacing:-.02em;align-items:center;min-height:2.3em;margin:0;font-size:1.12rem;font-weight:700;line-height:1;display:flex}.verification-shield,.tier-graphic{color:#fff;background:radial-gradient(circle at 35% 30%,#78ffc761,#2f9765cc);border:2px solid #6dffbb80;border-radius:22px;place-items:center;width:100px;height:100px;margin-bottom:12px;display:grid;position:relative;box-shadow:0 0 22px #40ffac2e}.verification-shield{background:radial-gradient(circle,#dc47ffc7,#5c14bee6 56%,#1e0850f5);border:2px solid #c45aff;border-radius:28px;flex:none;width:clamp(82px,9vw,104px);height:clamp(82px,9vw,104px);margin-bottom:8px;box-shadow:0 0 12px #da4cffcc,0 0 34px #8b27ff80,inset 0 0 22px #ff82ff40}.verification-shield:before,.tier-graphic:before,.tier-graphic:after{content:"";border:1px solid #ffffff2e;border-radius:18px;position:absolute;inset:12px}.verification-shield:after{content:"";background:#ffffff26;border-radius:50%;width:18px;height:18px;position:absolute;top:14px;right:14px;box-shadow:0 0 18px #fff3}.verification-shield svg,.tier-graphic svg{z-index:1;width:42px;height:42px;position:relative}.verification-shield svg{width:62px;height:62px}.verification-card>h3,.tier-card .tier-title{color:#fff;letter-spacing:-.06em;margin:0;font-size:1.95rem;font-weight:800}.verification-card>h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.12rem}.verification-card p,.tier-card p{color:#e4d6ffcc;margin:8px 0 10px;font-size:.86rem;line-height:1.5}.verification-card>p{font-family:var(--font-ui);margin:5px 0 12px;font-size:.68rem;line-height:1.35}.verification-status{color:#a6f0c2;text-align:left;background:linear-gradient(90deg,#00664485,#0a42504d);border:1px solid #3cd4c46b;border-radius:16px;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:8px 12px;display:flex}.verification-status>span:last-child{min-width:0}.verification-status strong,.verification-status small{font-family:var(--font-ui);display:block}.verification-status strong{color:#fff;font-size:.68rem;line-height:1.2}.verification-status small{color:#e0fff2c7;margin-top:3px;font-size:.58rem}.verification-check{color:#fff;background:#18df79;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 16px #18df798c}.verification-check svg{width:19px;height:19px}@media (width<=520px){.verification-heading,.profile-summary-heading{flex-direction:column;align-items:stretch;gap:9px;min-height:0;margin-bottom:14px}.verification-heading-title{gap:7px}.verification-heading h3,.profile-summary-heading h3{white-space:normal;font-size:1rem}.verification-shield{width:88px;height:88px}.verification-shield svg{width:52px;height:52px}.verification-card>p{max-width:230px}.verification-status{gap:9px;padding:7px 9px}.verification-check{width:30px;height:30px}}@media (width<=360px){.verification-card{padding-inline:10px}.verification-heading{margin-bottom:12px}.verification-heading-title{width:100%}.verification-status strong,.verification-status small{overflow-wrap:anywhere}}.verification-dot{background:#53e7a5;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #53e7a5cc}.tier-card .tier-graphic{color:#fff;background:linear-gradient(135deg,#dcd0ffe6,#6f5cb8eb);border-color:#deccff7a;position:relative;box-shadow:inset 0 1px #ffffff8a,0 0 24px #7f70ff42}.tier-card .tier-graphic:before{content:"";background:linear-gradient(135deg,#ffffff47,#ffffff08 48%,#ffffff1f);border:1px solid #fff3;border-radius:18px;position:absolute;inset:8px}.tier-card .tier-graphic.tier-bronze{color:#fff;background:linear-gradient(135deg,#fdf3e3 0%,#f2d5a0 22%,#d69646 45%,#6d4214 100%);border-color:#ffd692cc;box-shadow:inset 0 1px #ffffffb8,0 0 24px #d9994d66}.tier-card .tier-graphic.tier-silver{color:#fff;background:linear-gradient(135deg,#fff 0%,#edf2f6 18%,#bfc9d6 38%,#56606c 100%);border-color:#dfe6ede6;box-shadow:inset 0 1px #fffffff2,0 0 24px #a7b5c457}.tier-card .tier-graphic.tier-gold{color:#fff;background:linear-gradient(135deg,#fffde9 0%,#f9df8a 18%,#efbc37 46%,#8a5d0d 100%);border-color:#ffd866d1;box-shadow:inset 0 1px #ffffffc7,0 0 28px #f8ba3266}.tier-card .tier-graphic.tier-diamond{color:#fff;background:linear-gradient(135deg,#f6fbff 0%,#dfeeff 16%,#a6cbff 42%,#224eae 100%);border-color:#a4ceffcc;box-shadow:inset 0 1px #ffffffb8,0 0 26px #5da9ff5c}.tier-card .tier-graphic svg{z-index:1;filter:drop-shadow(0 3px 8px #0000003d);position:relative}.tier-card .tier-graphic:after{content:"";background:linear-gradient(90deg,#ffffff40,#ffffffb3,#ffffff26);border-radius:999px;height:8px;position:absolute;bottom:12px;left:22px;right:22px;box-shadow:0 0 12px #fff3}.tier-progress{background:#8f80b72e;border-radius:999px;width:100%;height:10px;margin:8px 0 10px;position:relative;overflow:visible}.tier-progress span{border-radius:inherit;background:linear-gradient(90deg,#aa7bff,#d7b4ff);width:47%;height:100%;display:block;box-shadow:0 0 18px #aa7bff73}.tier-progress:after{content:"👑";filter:drop-shadow(0 0 12px #ffc45480);font-size:1.1rem;position:absolute;top:-15px;right:6px}.tier-points{color:#fff;font-size:.9rem;font-weight:700}.tier-card small{color:#e4d6ffbf;margin-top:8px;font-size:.72rem}.promo-card{text-align:center;background:radial-gradient(circle at 50% 0,#d85aff3d,#0000 55%),linear-gradient(#371850f5,#10091ef5);justify-content:flex-start;align-items:center;min-height:212px;padding:18px 16px 16px}.promo-chip{letter-spacing:.12em;color:#fff;background:#ffffff0f;border:1px solid #d896ff66;border-radius:999px;justify-content:center;align-self:center;align-items:center;margin-bottom:6px;padding:6px 14px;font-size:.62rem;font-weight:800;display:inline-flex}.promo-art{justify-content:center;align-items:center;width:100%;margin:4px 0 6px;display:flex;position:relative}.promo-art-image{object-fit:contain;filter:drop-shadow(0 0 22px #d882ff59);width:100%;max-width:168px;height:auto;display:block}.promo-card h3{letter-spacing:-.02em;flex-direction:column;gap:2px;margin:0;font-size:1.14rem;font-weight:800;line-height:1.2;display:flex}.promo-title-accent{color:#e86cff;text-shadow:0 0 16px #e86cff80}.promo-title-gold{color:#ffd876;text-shadow:0 0 16px #ffd87666}.promo-card p{color:#ece2ffcc;margin:8px 0 14px;font-size:.8rem}.promo-button,.cta-action{color:#150d22;cursor:pointer;background:linear-gradient(90deg,#f7d168,#f39e5a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 24px #f89d574d}.promo-button:hover,.cta-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px #f89d576b}.promo-button{border-radius:999px;align-self:center;padding:11px 22px}.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.dashboard-stat-card{background:linear-gradient(165deg,#1c0d32f5,#0c0618f7);border:1px solid #aa74ff3d;border-radius:18px;flex-direction:column;justify-content:center;min-height:116px;padding:12px 12px 10px;display:flex;box-shadow:inset 0 0 14px #9056ff1a}.stat-head{color:#e4d6ffcc;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:.74rem;display:flex}.dashboard-stat-card .mini-icon{color:#f7eeff;background:linear-gradient(135deg,#d882ff47,#7e3cdc38);border:1px solid #b884ff47;border-radius:9px;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 0 8px #d882ff2e}.dashboard-stat-card .mini-icon svg{width:14px;height:14px}.mini-icon.mini-icon-wallet{color:#f5ebff;background:linear-gradient(160deg,#b579ff 0%,#8b3dff 48%,#5b1899 100%);border:1px solid #d8aaff80;border-radius:11px;width:34px;height:34px;box-shadow:inset 0 1px #ffffff40,0 0 16px #8b3dff8c}.mini-icon-wallet svg{width:18px;height:18px}.stat-value{color:#fff;background:linear-gradient(90deg,#fff,#e7cfff);-webkit-text-fill-color:transparent;letter-spacing:-.06em;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.8rem;font-weight:800;line-height:1.1}.stat-change{color:#a2f0bb;align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:flex}.stat-activity{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.stat-activity .stat-activity-time{letter-spacing:0;background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#e7cfffb8;color:#e7cfffb8;font-size:.78rem;font-weight:600}.stat-change:before{content:"↗";color:#72ef9a;font-size:.7rem;font-weight:800;display:inline-block}.lower-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px;width:100%;display:grid}.transactions-card,.games-card{padding:16px 18px 12px}.panel-header h3{color:#fff;letter-spacing:-.03em;margin:0;font-size:1.12rem}.panel-header h3 .transaction-count{color:#e4d6ff99;letter-spacing:0;font-size:.78rem;font-weight:600}.view-link{color:#d49aff;cursor:pointer;background:0 0;border:none;font-weight:700;transition:color .16s}.view-link:hover{color:#ecb8ff;text-shadow:0 0 12px #d882ff80}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:0}.table-scroll th,.table-scroll td{text-align:left;color:#ece2ffd1;border-bottom:1px solid #b46eff1f;padding:10px 8px;font-size:.76rem}.table-scroll th{color:#dfd4fdb3;font-weight:700}.table-scroll tbody tr{transition:background .16s}.table-scroll tbody tr:hover{background:#b46eff14}.type-badge{color:#d8c1ff;background:#a474ff1f;border:1px solid #a474ff38;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pill{color:#9ceec0;background:#25c4701f;border:1px solid #2dda7b33;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.game-tile{border:1px solid #bd93ff3d;border-radius:18px;justify-content:center;align-items:flex-end;min-height:130px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #9a46ff1f}.game-tile:hover{border-color:#d882ff8c;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #9a46ff47}.game-tile img{object-fit:cover;width:100%;height:100%;transition:transform .25s;position:absolute;inset:0}.game-tile:hover img{transform:scale(1.06)}.game-tile span{z-index:1;text-align:center;color:#fff;letter-spacing:-.02em;background:linear-gradient(#0000,#08021acc);width:100%;padding:10px 8px;font-size:.8rem;font-weight:800;display:block;position:relative}.bottom-cta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.cta-banner{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:110px;padding:18px;display:grid}.cta-mark{background:linear-gradient(135deg,#d9b0ff38,#7e3cdc2e);border:1px solid #dcb0ff4d;border-radius:16px;place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid;box-shadow:inset 0 0 12px #d882ff29}.cta-copy{min-width:0}.cta-copy h3{color:#fff;letter-spacing:-.03em;margin:0 0 6px;font-size:1.1rem}.cta-copy p{color:#ece2ffcc;margin:0;font-size:.78rem;line-height:1.5}.profile-cta .cta-mark img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.profile-photo-status{color:#83efae;align-items:center;gap:6px;margin-top:8px;font-size:.75rem;font-weight:700;display:inline-flex}.profile-photo-status svg{width:16px;height:16px}.profile-photo-error{color:#ffb7c9;margin-top:6px;font-size:.75rem;line-height:1.4;display:block}@media (width<=1280px){.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1023px){.customer-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.customer-overview{grid-template-columns:1fr}}@media (width<=1023px){.welcome-banner{grid-template-columns:132px minmax(0,.9fr) minmax(0,1.3fr);min-height:60px}.welcome-art{max-width:320px}.welcome-brand-mark img{max-width:118px}.welcome-profile-upload{width:min(100%,96px)}.welcome-brand-tagline{white-space:normal}.welcome-copy h1{font-size:clamp(1.35rem,2.4vw,2.6rem)}.welcome-copy p{font-size:.9rem}}@media (width<=980px){.lower-grid,.bottom-cta-row{grid-template-columns:1fr}}@media (width<=767px){.welcome-banner{grid-template-columns:110px minmax(0,1fr);min-height:0;padding:8px 14px}.welcome-brand-mark img{max-width:92px}.welcome-profile-upload{width:min(100%,76px)}.welcome-brand-tagline{letter-spacing:.06em;white-space:normal;text-align:center;font-size:.52rem}.welcome-copy{max-width:100%}.welcome-art{grid-column:1/-1;justify-content:center;width:100%;max-width:280px;margin:4px auto 0}.welcome-game-art{object-position:center}.cta-banner{grid-template-columns:56px minmax(0,1fr)}.cta-banner .cta-action{grid-column:1/-1;justify-self:start;margin-top:4px}}@media (width<=520px){.welcome-brand-mark img{max-width:76px}.welcome-profile-upload{width:min(100%,66px)}.welcome-brand-tagline{letter-spacing:.05em;white-space:normal;text-align:center;font-size:.46rem}}@media (width<=760px){.customer-dashboard-shell{padding:14px 14px 18px}.dashboard-stat-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.toolbar-user{padding-right:8px}.toolbar-role{display:none}}.card-light{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:16px}.profile-summary-card,.status-card,.verified-card,.tier-card,.metric-card,.recent-activity,.view-only-banner,.supervisor-queue,.supervisor-details,.workflow-panel,.upload-panel,.threshold-panel,.profile-panel-card{background:#fffffff5}.profile-summary-card{box-sizing:border-box;height:100%;padding:18px 22px 14px}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-header-row h3,.section-title-row h3,.upload-header h3,.threshold-header h3,.table-title-row h3,.workflow-head,.info-name{margin:0;font-size:1.05rem}.profile-lines{gap:10px;display:grid}.profile-line{color:var(--muted);border-bottom:1px solid var(--line-soft);grid-template-columns:160px 1fr;align-items:center;gap:14px;padding-bottom:6px;font-size:.82rem;display:grid}.profile-line:last-child{border-bottom:none}.profile-line strong{color:var(--text);font-weight:600}.status-side,.tier-side{flex-direction:column;gap:16px;height:100%;display:flex}.status-card{flex-direction:column;flex:1;align-items:center;gap:12px;min-height:166px;padding:18px;display:flex}.status-icon{border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto;font-size:2rem;display:grid}.status-icon.green{background:var(--green-soft);color:var(--green)}.status-card h3{text-align:center;margin:0;font-size:1.25rem}.status-card p{text-align:center;color:var(--muted);margin:0;line-height:1.5}.status-card .primary-btn{text-decoration:none;display:inline-block}.customer-status-shell{align-content:start;min-height:calc(100vh - 60px)}.customer-status-banner{grid-template-columns:150px minmax(0,1fr) minmax(220px,.9fr);min-height:184px}.application-status-mark{aspect-ratio:1;color:#ffe18a;background:radial-gradient(circle at 35% 25%,#ffd67047,#8135ca4d 62%,#230c3de0);border:1px solid #ffda6dbf;border-radius:50%;place-items:center;width:88px;display:grid;box-shadow:0 0 25px #ce7bff57,inset 0 0 18px #ffe0871f}.application-status-mark.rejected{color:#ff9d90;border-color:#ff897dc7}.application-status-mark svg{width:40px;height:40px}.application-status-layout{grid-template-columns:minmax(0,1.65fr) minmax(220px,.75fr);gap:14px;width:100%;max-width:1800px;margin-inline:auto;display:grid}.application-status-panel{color:#f5efff;background:linear-gradient(145deg,#1f0743f5,#0b0320fa);border-color:#cb4fffa3;min-width:0;padding:24px;box-shadow:inset 0 0 18px #bb3eff1c,0 0 16px #8d1cec29}.application-status-heading{align-items:center;gap:10px;margin-bottom:16px;display:flex}.application-status-icon{color:#ffda70;background:#ffcf4d24;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.application-status-icon.rejected{color:#ff9288;background:#ff706924}.application-status-icon svg{width:19px;height:19px}.application-status-label,.application-next-kicker{color:#ffda70;text-transform:uppercase;font-size:.7rem;font-weight:800}.application-status-label.rejected{color:#ff9288}.application-status-panel h2,.application-next-panel h3{color:#fff;margin:0;font-size:1.45rem;line-height:1.25}.application-status-copy,.application-next-panel p{color:#ece2ffc2;max-width:680px;margin:8px 0 0;font-size:.92rem;line-height:1.6}.application-progress{grid-template-columns:minmax(72px,1fr) minmax(18px,.55fr) minmax(92px,1.2fr) minmax(18px,.55fr) minmax(82px,1fr);align-items:start;margin:28px 0 4px;display:grid}.application-progress-step{color:#e1d3f58c;text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;font-size:.74rem;line-height:1.35;display:flex}.application-progress-marker{color:#e1d3f5a3;background:#ffffff0d;border:1px solid #bea2dd59;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.application-progress-marker svg{width:18px;height:18px}.application-progress-step.complete,.application-progress-step.current{color:#fff}.application-progress-step.complete .application-progress-marker{color:#77edb7;background:#2aae7b2e;border-color:#67e1afb3}.application-progress-step.current .application-progress-marker{color:#ffda70;background:#ffcf4d29;border-color:#ffda70db;box-shadow:0 0 16px #ffcf4d2e}.application-progress.rejected .application-progress-step.current .application-progress-marker{color:#ff9d90;background:#ff706929;border-color:#ff897ddb;box-shadow:0 0 16px #ff706929}.application-progress-line{background:linear-gradient(90deg,#67e1afb3,#bea2dd40);height:1px;margin-top:19px}.application-progress.rejected .application-progress-line:last-of-type{background:#ff897d8c}.application-status-panel>.primary-btn{color:#fff;white-space:nowrap;background:linear-gradient(105deg,#a600ff 0%,#5d00ff 48%,#d000ff 100%);border:0;border-radius:13px;justify-content:center;align-items:center;width:max-content;max-width:100%;min-height:52px;margin-top:22px;padding:0 18px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 5px 20px #a900ff66}.application-next-panel{background:linear-gradient(115deg,#230a3c6b,#0c041d33);border-left:1px solid #cb4fff6b;align-self:stretch;padding:22px 20px}.application-next-panel h3{margin-top:9px;font-size:1.12rem}.application-next-panel p{font-size:.84rem}.application-next-status{color:#f5efff;border-top:1px solid #cb4fff3d;align-items:flex-start;gap:9px;margin-top:22px;padding-top:16px;font-size:.78rem;line-height:1.45;display:flex}.application-next-status svg{color:#ffda70;flex:none;width:17px;height:17px}@media (width<=767px){.customer-status-banner{grid-template-columns:110px minmax(0,1fr);min-height:0;padding:8px 14px}.application-status-layout{grid-template-columns:1fr}.application-status-panel{padding:20px 16px}.application-next-panel{background:0 0;border-top:1px solid #cb4fff6b;border-left:0;padding:18px 4px 4px}}@media (width<=480px){.application-progress{grid-template-columns:1fr;gap:0;margin-top:22px}.application-progress-step{text-align:left;flex-direction:row;justify-content:flex-start}.application-progress-marker{flex:none}.application-progress-line{background:#67e1af8c;width:1px;height:14px;margin:0 0 0 18px}}.verified-card{padding:16px 16px 18px}.phone-pill{color:var(--green);background:var(--green-soft);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:inline-flex}.phone-pill svg{width:16px;height:16px}.phone-number{margin-top:14px;font-size:1.05rem;font-weight:700}.phone-meta{color:var(--muted);margin-top:8px;font-size:.8rem}.tier-card{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;height:100%;padding:18px 18px 16px;display:flex}.shield-wrap{color:#4d5f82;border:1px solid var(--line);background:linear-gradient(135deg,#edf1f8,#dfe7f3);border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:10px;display:grid}.shield-wrap svg{width:40px;height:40px}.tier-label{letter-spacing:-.05em;font-size:2rem;font-weight:800}.tier-sub{color:var(--muted);margin-top:4px;margin-bottom:12px}.tier-progress{background:#edf2f7;border-radius:999px;width:100%;height:8px;margin-bottom:10px;overflow:hidden}.tier-progress span{background:linear-gradient(90deg,#3b82f6,#6aa4ff);width:50%;height:100%;display:block}.tier-amount{margin-bottom:6px;font-size:.95rem;font-weight:700}.tier-footer{color:var(--muted);margin-bottom:14px;font-size:.8rem}.view-benefits,.link-btn,.support-btn,.edit-btn,.ghost-link,.close-btn,.chevron-btn{color:var(--blue-700);background:0 0;border:none;font-weight:700}.summary-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px;display:grid}.metric-card{padding:18px 18px 12px}.metric-head{color:var(--muted);justify-content:flex-start;align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;display:flex}.small-icon{box-sizing:border-box;width:34px;height:34px;color:var(--blue-700);background:#f2f6ff;border-radius:10px;place-items:center;display:grid}.metric-value{letter-spacing:-.05em;margin-bottom:6px;font-size:2rem;font-weight:800}.last-activity-value{white-space:nowrap;line-height:1.15;display:block}.last-activity-value small{letter-spacing:normal;margin-left:6px;font-size:.85rem;font-weight:600}.metric-change{color:var(--muted);font-size:.8rem}.recent-activity{margin-top:24px;padding:18px 18px 10px}.table-title-row,.section-title-row,.upload-header,.threshold-header,.panel-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.recent-activity table,.data-table,.profile-panel-card table{border-collapse:collapse;width:100%;margin-top:12px}.recent-activity th,.recent-activity td,.data-table th,.data-table td,.profile-panel-card th,.profile-panel-card td{text-align:left;border-bottom:1px solid var(--line-soft);padding:12px 10px;font-size:.85rem}.recent-activity th,.data-table th,.profile-panel-card th{color:var(--muted);font-weight:600}.type-badge,.status-badge{border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.type-badge.buy,.status-badge.green{color:var(--green);background:var(--green-soft)}.status-badge.red{color:var(--red);background:var(--red-soft)}.status-badge.orange{color:var(--orange);background:var(--orange-soft)}.view-only-banner{align-items:center;gap:14px;margin-top:24px;padding:18px 20px;display:flex}.banner-icon{width:38px;height:38px;color:var(--blue-700);background:#edf3ff;border-radius:50%;place-items:center;display:grid}.banner-icon svg{width:18px;height:18px}.view-only-banner strong{margin-bottom:4px;font-size:1.05rem;display:block}.view-only-banner p{color:var(--muted);max-width:720px;margin:0}.support-btn{color:var(--blue-700);background:#edf5ff;border-radius:10px;margin-left:auto;padding:10px 14px}.summary-grid.five-up{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-compact{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:14px;padding:18px 16px 14px}.mini-icon{width:36px;height:36px;color:var(--blue-700);background:#eef4ff;border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.mini-top{color:var(--muted);min-height:36px;font-size:.8rem}.mini-value{letter-spacing:-.04em;margin:6px 0 4px;font-size:1.7rem;font-weight:800}.mini-note{color:var(--muted);font-size:.76rem}.view-only-alert{border:1px solid var(--line);color:var(--muted);background:#edf6ff;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.view-only-alert svg{flex-shrink:0;width:18px;height:18px}.basic-user-layout,.supervisor-layout{grid-template-columns:minmax(0,2.2fr) minmax(360px,.9fr);gap:18px;display:grid}.table-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:16px;padding:18px 18px 12px}.filters-bar{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:12px;padding-bottom:12px;display:flex}.filter-row{grid-template-columns:1.5fr .7fr .7fr;gap:12px;display:grid}.filter-row.secondary{grid-template-columns:1.2fr .9fr .9fr auto}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:.75rem}.field input,.field select{border:1px solid var(--line);height:38px;color:var(--text);background:#fff;border-radius:9px;padding:0 12px}.mini-inputs{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.calendar-wrap{position:relative}.calendar-wrap:after{content:"📅";font-size:.9rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-button{border:1px solid var(--line);height:38px;color:var(--blue-700);background:#f3f7ff;border-radius:8px;align-self:end;padding:0 14px;font-weight:600}.data-table-header{color:var(--muted);margin-top:14px;margin-bottom:4px;font-size:.82rem}.data-table tbody tr:hover{background:#f8fbff}.tier-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.72rem;font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffb3,0 8px 18px #0f172a14}.tier-badge:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff75,#ffffff0f 48%,#ffffff2e);position:absolute;inset:1px}.tier-badge{z-index:1;position:relative}.tier-bronze{color:#fffdf8;background:linear-gradient(135deg,#fff7ef 0%,#f4d4a4 20%,#d69646 42%,#7b4d1b 100%);border-color:#ca823080}.tier-silver{color:#fff;background:linear-gradient(135deg,#fff 0%,#e7edf4 18%,#bcc8d5 38%,#5d6977 100%);border-color:#95a5b48c}.tier-gold{color:#fffdf2;background:linear-gradient(135deg,#fffbe9 0%,#f7e38d 18%,#efba27 42%,#8a5d0c 100%);border-color:#e5af358c}.tier-diamond{color:#f9fbff;background:linear-gradient(135deg,#f5fbff 0%,#d9ebff 16%,#9ec8ff 42%,#2a5bb4 100%);border-color:#6baeff94}.tier-default{color:var(--blue-700);background:linear-gradient(135deg,#eef4ff,#dfeaff)}.pagination{justify-content:center;gap:8px;margin-top:18px;display:flex}.page-btn{border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:#fff;border-radius:8px;font-weight:600}.page-btn.active{background:var(--blue-700);border-color:var(--blue-700);color:#fff}.profile-panel{display:flex}.profile-panel-card{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:16px;padding:18px 16px}.panel-title-row{margin-bottom:10px}.panel-title-row h3{font-size:1.1rem}.close-btn{color:var(--muted);font-size:1.5rem;line-height:1}.customer-phone{margin-bottom:10px;font-size:1.05rem;font-weight:700}.info-block{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin-bottom:14px;padding:14px 0}.info-row{color:var(--muted);grid-template-columns:1fr;gap:4px;margin-bottom:10px;font-size:.8rem;display:grid}.info-row strong{color:var(--text);font-size:.86rem}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.internal-profile-usage{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:16px}.internal-profile-heading,.internal-history-heading,.internal-history-pagination{justify-content:space-between;align-items:center;gap:10px;display:flex}.internal-profile-heading h4,.internal-history-heading h4{color:var(--text);margin:0;font-size:.92rem}.internal-profile-heading .status-badge{white-space:nowrap}.internal-usage-grid{gap:8px;margin-top:12px}.internal-usage-grid>div{border:1px solid var(--line-soft);background:var(--panel-alt);border-radius:6px;min-width:0;padding:9px}.internal-usage-grid>div span,.internal-usage-grid>div strong{overflow-wrap:anywhere;display:block}.internal-usage-grid>div span{color:var(--muted);font-size:.68rem}.internal-usage-grid>div strong{color:var(--text);margin-top:4px;font-size:.8rem}.internal-history-heading{margin:18px 0 8px}.internal-history-heading>span{color:var(--muted);font-size:.72rem}.internal-history-scroll{max-height:360px;overflow:auto}.internal-history-table{min-width:620px;font-size:.72rem}.internal-history-table th,.internal-history-table td{padding:8px}.internal-history-pagination{color:var(--muted);justify-content:flex-end;margin-top:10px;font-size:.75rem}.internal-history-pagination button{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px}.internal-history-pagination button:disabled{cursor:not-allowed;opacity:.5}.summary-grid>div{border:1px solid var(--line-soft);background:#f9fafc;border-radius:10px;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.summary-grid span{color:var(--muted);font-size:.72rem}.summary-grid strong{font-size:.9rem}.usage-summary{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px}.usage-header,.history-header{margin-bottom:12px;font-size:1rem;font-weight:700}.usage-item{grid-template-columns:92px 1fr 44px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.usage-label{color:var(--muted);font-size:.76rem}.usage-bar{background:#edf2f7;border-radius:999px;height:8px;overflow:hidden}.usage-bar span{border-radius:inherit;background:linear-gradient(90deg,#f2c14c,#dba321);height:100%;display:block}.history-block{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px}.history-block table{font-size:.75rem}.supervisor-main{flex-direction:column;gap:18px;display:flex}.supervisor-directory-panel{border-radius:16px;min-width:0;padding:16px}.supervisor-directory-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.supervisor-directory-heading h3{color:#f6ebff;margin:4px 0 0}.supervisor-directory-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.supervisor-directory-actions .ghost-link{white-space:nowrap;border:1px solid #c767ff3d;border-radius:6px;padding:7px 9px}.supervisor-directory-actions .ghost-link:disabled{cursor:wait;opacity:.55}.supervisor-directory-panel .filters-bar{border-color:#c456ff42;gap:8px;padding-bottom:10px}.supervisor-directory-panel .filter-row{gap:8px}.supervisor-directory-panel .field{gap:4px}.supervisor-directory-panel .field label{color:#e4d6ffb8;font-size:.66rem}.supervisor-directory-panel .field input,.supervisor-directory-panel .field select{color:#efe7ff;background:#10032eeb;border:1px solid #a044ec80;border-radius:6px;height:34px;font-size:.68rem}.supervisor-directory-panel .mini-inputs span{color:#e4d6ffb8}.supervisor-directory-panel .filter-row.date-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}.supervisor-directory-panel .date-range-field .mini-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px}.supervisor-directory-panel .clear-button{color:#fff;background:linear-gradient(135deg,#8e23ee,#bb42ff);border-color:#c751ffa3;height:34px;font-size:.68rem}.supervisor-directory-panel .data-table-header{color:#e4d6ffb8}.supervisor-directory-table{min-width:880px}.supervisor-directory-scroll{height:420px;overflow:auto}.supervisor-directory-scroll .supervisor-directory-table thead th{z-index:2;background:#160b29;position:sticky;top:0}.supervisor-shell .supervisor-directory-panel .data-table thead{background:#070119ad}.supervisor-shell .supervisor-directory-panel .data-table th,.supervisor-shell .supervisor-directory-panel .data-table td{color:#eee4ff;border-bottom-color:#a046de33}.supervisor-shell .supervisor-directory-panel .data-table tbody tr:hover{background:#7c22d529}.supervisor-directory-customer-row{cursor:pointer}.supervisor-customer-detail-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05010ec7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.supervisor-customer-detail-dialog{background:linear-gradient(#23133e,#0f091d);border:1px solid #ce92ff6b;border-radius:14px;width:min(1080px,100%);max-height:min(88vh,900px);padding:22px;overflow:auto;box-shadow:0 28px 80px #0000008c}.supervisor-customer-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.supervisor-customer-detail-header h3{color:#f6ebff;margin:5px 0 8px}.supervisor-customer-detail-meta{color:#e4d6ffb8;align-items:center;gap:12px;display:flex}.supervisor-status-toggle{color:#ff9d9d;cursor:pointer;background:#e6555524;border:1px solid #e6555580;border-radius:6px;height:28px;padding:0 10px;font-size:.66rem;font-weight:700}.supervisor-status-toggle:disabled{cursor:wait;opacity:.6}.supervisor-customer-detail-close{color:#f6ebff;cursor:pointer;background:#10032ecc;border:1px solid #c767ff4d;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.supervisor-customer-detail-close svg{width:18px;height:18px}.supervisor-profile-edit{background:#10032e6b;border:1px solid #a046de42;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:10px;margin-top:16px;padding:12px;display:grid}.supervisor-profile-edit-field{flex-direction:column;gap:4px;display:flex}.supervisor-profile-edit-field span{color:#e4d6ffb8;font-size:.66rem}.supervisor-profile-edit-field input{color:#efe7ff;background:#10032eeb;border:1px solid #a044ec80;border-radius:6px;height:32px;padding:0 8px;font-size:.7rem}.supervisor-profile-save{color:#fff;background:linear-gradient(135deg,#8e23ee,#bb42ff);border:1px solid #c751ffa3;border-radius:7px;height:32px;padding:0 14px;font-size:.7rem;font-weight:700}.supervisor-profile-save:disabled{cursor:wait;opacity:.6}@media (width<=760px){.supervisor-profile-edit{grid-template-columns:minmax(0,1fr)}}.supervisor-audit-section{box-sizing:border-box;width:min(100%,1200px);margin:0 auto}.supervisor-audit-panel{border-radius:16px;min-width:0;padding:16px}.supervisor-audit-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.supervisor-audit-heading h3{color:#f6ebff;margin:4px 0 0}.supervisor-audit-scroll{max-width:100%;max-height:520px;overflow:auto}.supervisor-audit-table{min-width:900px}.supervisor-shell .supervisor-audit-table thead th{z-index:2;background:#160b29;position:sticky;top:0}.supervisor-shell .supervisor-audit-table th,.supervisor-shell .supervisor-audit-table td{color:#eee4ff;border-bottom-color:#a046de33}.supervisor-shell .supervisor-audit-table tbody tr:hover{background:#7c22d533}.supervisor-audit-details{overflow-wrap:anywhere;max-width:360px;white-space:normal!important}.supervisor-audit-pagination{color:#e4d6ffb8;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;font-size:.78rem;display:flex}.supervisor-audit-pagination button{color:#f6ebff;cursor:pointer;background:#10032ecc;border:1px solid #c767ff4d;border-radius:6px;padding:7px 10px}.supervisor-audit-pagination button:disabled{cursor:not-allowed;opacity:.5}.supervisor-shell .supervisor-customer-detail-dialog .internal-profile-usage{border-top-color:#a046de42}.supervisor-shell .supervisor-customer-detail-dialog .internal-profile-heading h4,.supervisor-shell .supervisor-customer-detail-dialog .internal-history-heading h4{color:#f6ebff}.supervisor-shell .supervisor-customer-detail-dialog .internal-usage-grid>div{background:#10032e94;border-color:#a046de42}.supervisor-shell .supervisor-customer-detail-dialog .internal-usage-grid>div span,.supervisor-shell .supervisor-customer-detail-dialog .internal-history-heading>span{color:#e4d6ffb8}.supervisor-shell .supervisor-customer-detail-dialog .internal-usage-grid>div strong{color:#f6ebff}.supervisor-shell .supervisor-customer-detail-dialog .internal-history-table th,.supervisor-shell .supervisor-customer-detail-dialog .internal-history-table td{color:#eee4ff}@media (width<=960px){.supervisor-directory-panel .filter-row,.supervisor-directory-panel .filter-row.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.supervisor-directory-panel .filter-row,.supervisor-directory-panel .filter-row.secondary,.supervisor-directory-panel .filter-row.date-ranges{grid-template-columns:minmax(0,1fr)}}.supervisor-queue,.supervisor-details,.workflow-panel,.upload-panel,.threshold-panel{border:1px solid #d8aaff3d;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 18px 40px #190b303d,inset 0 1px #ffffff14}.supervisor-queue:before,.supervisor-details:before,.workflow-panel:before,.upload-panel:before,.threshold-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000 35%,#ffffff05);position:absolute;inset:0}.supervisor-queue{padding:18px 16px}.supervisor-queue .section-title-row{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#a06efffa,#764fffeb 48%,#5834c0f5);border:1px solid #ffffff1f;border-radius:18px;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:0 0 18px;padding:12px 16px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff3,0 14px 28px #5834c047}.supervisor-queue .section-title-row h3{color:#fff;letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:6px;max-width:100%;margin:0;font-size:1.3rem;font-weight:700;line-height:1.2;display:flex}.supervisor-queue .section-title-row .secondary-badge{color:#fff;background:#ffffff38}.supervisor-queue .section-title-row .ghost-link{color:#fff;white-space:nowrap;margin-top:0;margin-left:auto;text-decoration:underline}.secondary-badge{color:var(--blue-700);background:#eef4ff;justify-content:center;min-width:28px}.queue-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.queue-item{background:linear-gradient(#ffffff0a,#7b5fbe0d);border:1px solid #a0aacd4d;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.queue-item:hover{border-color:#caa1ff80;transform:translateY(-1px);box-shadow:0 10px 22px #673cba26}.queue-avatar,.detail-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d5fd6);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff2e,0 8px 18px #2960d133}.queue-copy{flex-direction:column;gap:3px;display:flex}.queue-empty{background:#94a3b808;justify-content:center;align-items:center;min-height:110px;padding:24px 16px;display:flex}.queue-empty .queue-copy{text-align:center;align-items:center;width:100%}.queue-empty .queue-name{font-size:1rem;line-height:1.4}.queue-empty .queue-meta{max-width:360px;line-height:1.5}.queue-name,.detail-name-row h3{font-weight:700}.queue-phone,.queue-meta,.detail-name-row div{color:var(--muted);font-size:.75rem}.ghost-link{color:var(--blue-700);align-items:center;margin-top:14px;display:inline-flex}.supervisor-details{background:linear-gradient(#1f123bf5,#0f091afa),#100822f5;padding:18px 18px 12px}.detail-meta{letter-spacing:.12em;text-transform:uppercase;color:#e9d9ff;background:linear-gradient(135deg,#a06eff2e,#ffffff05);border:1px solid #cdaaff47;border-radius:999px;align-items:center;margin-bottom:12px;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.detail-name-row{background:linear-gradient(#ffffff08,#7e4cdc0f);border:1px solid #d1b2ff33;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.detail-grid>label,.detail-grid div{color:var(--muted);background:linear-gradient(#ffffff05,#764fff0a);border:1px solid #b398d92e;border-radius:12px;flex-direction:column;gap:5px;padding:10px 11px;font-size:.76rem;display:flex}.detail-grid>label>span,.detail-grid>div>span{align-items:center;min-height:18px;font-weight:600;display:flex}.detail-grid input{color:#f9f2ff;background:#0d07185c;border:1px solid #cdb5ff33;border-radius:10px;width:100%;height:38px;padding:0 12px;box-shadow:inset 0 1px #ffffff0a}.detail-grid input:focus{border-color:#b78fffcc;outline:none;box-shadow:0 0 0 3px #a46eff24}.detail-grid input:disabled{color:#e5d6ffad;cursor:not-allowed;background:#ffffff08}.detail-grid strong{color:#f3ebff;background:#ffffff08;border:1px solid #cdb5ff2e;border-radius:10px;align-items:center;min-height:38px;padding:0 12px;font-size:.82rem;display:flex}.approval-actions{align-items:center;gap:12px;margin-top:18px;display:flex}.field-error{color:#b63d3d;margin-top:14px;font-size:.85rem;font-weight:600}.approve-btn,.reject-btn,.save-btn{letter-spacing:.01em;border:none;border-radius:12px;padding:10px 16px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 18px #1a13241f}.approve-btn{color:#fff;background:linear-gradient(135deg,#22b36f,#13a05d)}.approve-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px #16a35e42}.reject-btn{color:#fff;background:linear-gradient(135deg,#f36a6a,#d84a4a)}.reject-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px #db49493d}.save-btn{color:var(--blue-700);background:linear-gradient(135deg,#edf5ff,#dfeaff);margin-left:auto}.save-btn:hover{transform:translateY(-1px);box-shadow:0 14px 24px #4573d62e}.workflow-panel{padding:18px 16px}.workflow-head{letter-spacing:-.02em;margin-bottom:12px;font-weight:700}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.workflow-step{text-align:center;background:linear-gradient(#ffffff0a,#6144ba14);border:1px solid #b2bddd59;border-radius:14px;padding:14px 10px;position:relative;box-shadow:inset 0 1px #ffffff0f}.workflow-step.active{background:linear-gradient(#2d6eff14,#5d54ff1f);border-color:#98a8ff85;box-shadow:inset 0 1px #ffffff14,0 10px 22px #456af21f}.step-dot{width:28px;height:28px;color:var(--blue-700);background:#dfeafc;border-radius:50%;place-items:center;margin:0 auto 8px;font-weight:700;display:grid}.workflow-step.active .step-dot{color:#fff;background:#1f8f5b}.step-count{letter-spacing:-.05em;font-size:1.2rem;font-weight:800}.step-name{color:var(--muted);margin-top:6px;font-size:.72rem}.supervisor-side{flex-direction:column;gap:18px;display:flex}.upload-panel,.threshold-panel{padding:18px 16px}.upload-zone{text-align:center;color:var(--muted);background:linear-gradient(#ffffff0a,#9174eb0f);border:2px dashed #a593ff80;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-top:16px;padding:18px 14px;display:flex;box-shadow:inset 0 0 18px #a474ff14}.upload-illustration{color:#dfe9ff;background:linear-gradient(135deg,#5b78ff33,#a86bff33);border:1px solid #a79eff47;border-radius:14px;place-items:center;width:54px;height:54px;margin:0 auto 12px;display:grid}.upload-prompt{overflow-wrap:anywhere;max-width:100%;line-height:1.4}.upload-zone .approve-btn{margin-top:0}.upload-zone button{background:var(--blue-700);color:#fff;border:none;border-radius:9px;margin-top:14px;padding:10px 18px;font-weight:700}.upload-list{color:var(--muted);margin:16px 0;padding-left:20px;font-size:.8rem;line-height:1.6}.upload-stats{gap:10px;display:grid}.upload-stats div{border-bottom:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;gap:16px;padding-bottom:8px;font-size:.8rem;display:flex}.upload-stats strong{color:var(--text)}.block-link{margin-top:12px;display:inline-flex}.threshold-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.threshold-item{border:1px solid var(--line-soft);border-radius:12px;grid-template-columns:42px minmax(0,1fr) 132px;align-items:center;gap:12px;padding:10px;display:grid}.threshold-icon{color:#fff;background:linear-gradient(135deg,#eef4ff,#dfeaff);border:1px solid #8faaff47;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,0 6px 12px #4c65aa1f}.threshold-icon:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffffb3,#fff0 42%,#fff3);position:absolute;inset:1px}.threshold-icon svg{z-index:1;filter:drop-shadow(0 1px #0000002e);position:relative}.threshold-icon.tier-bronze{color:#fffaf3;background:linear-gradient(135deg,#fff6ea 0%,#f0c78a 18%,#d99a4d 42%,#8b5c1d 100%);border-color:#d89a4d73}.threshold-icon.tier-silver{color:#fff;background:linear-gradient(135deg,#f9fbff 0%,#dfe7ef 20%,#aab8c8 46%,#6a7684 100%);border-color:#92a0af85}.threshold-icon.tier-gold{color:#fffef7;background:linear-gradient(135deg,#fff9d8 0%,#f7d869 18%,#f2b41f 42%,#9b6806 100%);border-color:#f8ba3280}.threshold-icon.tier-diamond{color:#f7fbff;background:linear-gradient(135deg,#edf7ff 0%,#cce2ff 20%,#7eb7ff 45%,#345ab0 100%);border-color:#60a6ff80}.threshold-copy{flex-direction:column;gap:4px;display:flex}.threshold-name{font-weight:700}.threshold-meta{color:var(--muted);font-size:.75rem}.threshold-amount{box-sizing:border-box;border:1px solid var(--line);text-align:right;width:132px;color:var(--text);background:#fff;border-radius:8px;padding:7px 8px;font-weight:700}.tier-override-controls{border-top:1px solid var(--line-soft);gap:8px;margin-top:16px;padding-top:14px;display:grid}.tier-override-controls select{box-sizing:border-box;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:8px}.manual-tier-table-section{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:14px}.manual-tier-table-section h4{margin:0}.manual-tier-table{min-width:760px}.supervisor-shell .manual-tier-table tbody tr:hover{background:#7c22d529}.stat-card{background:linear-gradient(#fffffffa,#f5f5faf5);border:1px solid #8e7cb147;border-radius:18px;padding:16px 18px;box-shadow:0 10px 26px #1a132714,inset 0 1px #ffffffb3}.stat-card.blue .stat-icon{color:var(--blue-700);background:#edf4ff}.stat-card.green .stat-icon{color:var(--green);background:#ebfaf2}.stat-card.purple .stat-icon{color:var(--purple);background:#f2efff}.stat-card.orange .stat-icon{color:var(--orange);background:#fff0e0}.stat-card.indigo .stat-icon{color:var(--blue-800);background:#eef3ff}.stat-icon{border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid;box-shadow:inset 0 1px #fff9}.stat-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem}.stat-value{letter-spacing:-.06em;color:#1a1330;margin-bottom:4px;font-size:1.9rem;font-weight:800}.stat-note{color:var(--muted);font-size:.8rem}.supervisor-stats{margin-bottom:24px}.supervisor-shell{background:radial-gradient(circle at 12% 4%,#7300ff8c,#0000 22rem),radial-gradient(circle at 88% 18%,#c200ff3b,#0000 18rem),linear-gradient(145deg,#090018 0%,#12052d 38%,#090015 100%)}.supervisor-shell .sidebar{background:linear-gradient(#1e083ef5,#100622f5);border-right:1px solid #c767ff2e;width:150px;padding:10px 10px 12px;box-shadow:inset -1px 0 #ffffff0a}@media (width>=761px){.supervisor-shell .sidebar,.app-shell:not(.supervisor-shell) .sidebar,.basic-shell .sidebar{align-self:flex-start;height:100dvh;position:sticky;top:0;overflow-y:auto}}.supervisor-shell .main-panel{background:0 0}.supervisor-shell .topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c071c59;border-bottom:1px solid #c25dff1a}.supervisor-shell .content-area{background:0 0;width:100%;max-width:100%;margin:0 auto}.supervisor-shell .page-header{background:radial-gradient(circle at 88% 20%,#d85aff47,#0000 46%),radial-gradient(circle at 12% 14%,#ae4cff66,#0000 30%),linear-gradient(120deg,#3a1660fa,#1c0b34fa 55%,#10061efa);border:1px solid #c482ff8c;border-radius:18px;grid-template-columns:150px minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:18px;min-height:72px;padding:8px 20px 8px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #bf7dff1f,0 0 18px #9b46ff38}.supervisor-shell .page-header-title-wrap{z-index:1;grid-column:1/3;min-width:0;position:relative}.supervisor-profile-upload{color:#fff1b1;background:linear-gradient(145deg,#c23dffb3,#390c7ce6);border:1px solid #fad36db8;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative;overflow:visible;box-shadow:0 0 18px #bf3dff75,inset 0 1px #ffffff3d}.supervisor-profile-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.supervisor-profile-upload img,.supervisor-profile-upload svg{border-radius:inherit;object-fit:cover;width:100%;height:100%}.supervisor-profile-upload svg{width:27px;height:27px}.supervisor-profile-upload-action{color:#28103f;background:linear-gradient(135deg,#f5c43f,#cf7c1f);border:1px solid #ffed9ce6;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.9rem;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 3px 10px #00000059}.supervisor-shell .page-header-copy{min-width:0}.supervisor-banner-art{z-index:2;aspect-ratio:1677/938;pointer-events:none;grid-column:3;width:100%;max-width:460px;margin-left:auto;position:relative}.supervisor-banner-art img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=1023px){.supervisor-shell .page-header{grid-template-columns:132px minmax(0,.9fr) minmax(0,1.3fr);min-height:60px}.supervisor-banner-art{max-width:320px}}@media (width<=767px){.supervisor-shell .page-header{grid-template-columns:110px minmax(0,1fr);min-height:0;padding:8px 14px}.supervisor-shell .page-header-title-wrap{grid-column:1/-1}.supervisor-banner-art{grid-column:1/-1;justify-self:center;width:100%;max-width:280px;margin:4px auto 0}}.supervisor-shell .stat-card,.supervisor-shell .card-light{background:linear-gradient(#23133ef5,#0f091dfa);border:1px solid #ce92ff57;box-shadow:inset 0 1px #ffffff0f,inset 0 0 22px #ae6dff1f,0 16px 30px #180a2d6b}.supervisor-shell .card-light{position:relative;overflow:hidden}.supervisor-shell .card-light:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000 35%,#ffffff03);position:absolute;inset:0}.supervisor-shell .page-header p,.supervisor-shell .detail-meta,.supervisor-shell .queue-phone,.supervisor-shell .queue-meta,.supervisor-shell .detail-name-row div,.supervisor-shell .detail-grid>label,.supervisor-shell .detail-grid>div,.supervisor-shell .threshold-meta,.supervisor-shell .step-name,.supervisor-shell .upload-list,.supervisor-shell .upload-zone,.supervisor-shell .upload-stats div,.supervisor-shell .stat-title,.supervisor-shell .stat-note{color:#e4d6ffb8}.supervisor-shell .card-header-row h3,.supervisor-shell .section-title-row h3,.supervisor-shell .upload-header h3,.supervisor-shell .threshold-header h3,.supervisor-shell .workflow-head,.supervisor-shell .detail-name-row h3,.supervisor-shell .queue-name,.supervisor-shell .upload-stats strong,.supervisor-shell .threshold-name,.supervisor-shell .threshold-amount,.supervisor-shell .detail-grid strong,.supervisor-shell .step-count,.supervisor-shell .stat-value,.supervisor-shell .tier-override-controls strong{color:#f6ebff}.supervisor-shell .stat-card.blue .stat-icon{color:#7cb3ff;background:#3b82f633}.supervisor-shell .stat-card.green .stat-icon{color:#6fe3ab;background:#2bb67333}.supervisor-shell .stat-card.purple .stat-icon{color:#d9a6ff;background:#a82cff38}.supervisor-shell .stat-card.orange .stat-icon{color:#ffc06e;background:#f29d3838}.supervisor-shell .stat-card.indigo .stat-icon{color:#c9a6ff;background:#5e14a04d}.supervisor-shell .secondary-badge{color:#e2c4ff;background:#7b20ff38}.supervisor-shell .edit-btn,.supervisor-shell .ghost-link,.supervisor-shell .chevron-btn,.supervisor-shell .link-btn,.supervisor-shell .close-btn{color:#d67aff}.supervisor-shell .queue-item,.supervisor-shell .threshold-item,.supervisor-shell .workflow-step{background:#7b20ff0f;border:1px solid #b46eff38}.supervisor-shell .workflow-step.active{background:#7b20ff0f;border-color:#b46eff38;box-shadow:inset 0 1px #ffffff0f}.supervisor-shell .step-dot{color:#f6ebff;background:#7b20ff59}.supervisor-shell .workflow-step.active .step-dot{color:#fff;background:#18a957}.basic-shell{background:radial-gradient(circle at 68% 0,#9823ff3d,#0000 30rem),radial-gradient(circle at 2% 72%,#4f12cc57,#0000 24rem),linear-gradient(145deg,#080015 0%,#100126 42%,#060011 100%)}.basic-shell .sidebar{background:linear-gradient(#190439fa,#0b021dfc);border-right-color:#d246ff6b}.basic-shell .main-panel,.basic-shell .content-area{background:0 0}.basic-shell .topbar{background:#09021b75;border-bottom-color:#d769ff38}.basic-shell .page-header{background:radial-gradient(circle at 56% 28%,#dd30ff59,#0000 28%),linear-gradient(105deg,#24054dfa,#130432f5 55%,#0b021ffa);border:1px solid #d149ffdb;border-radius:12px;grid-template-columns:150px minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:18px;min-height:72px;margin-bottom:12px;padding:8px 20px 8px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #c137ff2e,0 0 22px #a72cff3d}.basic-banner-copy,.basic-shell .view-only-link{z-index:2;position:relative}.basic-banner-copy{grid-column:1/3;align-items:center;gap:14px;min-width:0;display:flex}.basic-banner-text{min-width:0}.basic-profile-upload{color:#fff1b1;background:linear-gradient(145deg,#c23dffb3,#390c7ce6);border:1px solid #fad36db8;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative;overflow:visible;box-shadow:0 0 18px #bf3dff75,inset 0 1px #ffffff3d}.basic-profile-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.basic-profile-upload img,.basic-profile-upload svg{border-radius:inherit;object-fit:cover;width:100%;height:100%}.basic-profile-upload svg{width:27px;height:27px}.basic-profile-upload-action{color:#28103f;background:linear-gradient(135deg,#f5c43f,#cf7c1f);border:1px solid #ffed9ce6;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.9rem;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 3px 10px #00000059}.basic-banner-kicker{color:#f7d56b;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:.62rem;font-weight:800;display:inline-block}.basic-shell .page-header h1{letter-spacing:-.035em;text-shadow:0 0 18px #ffffff29;font-size:clamp(1.5rem,2vw,2.2rem)}.basic-shell .page-header p{color:#f1e1ffcc;letter-spacing:.08em;font-size:.7rem}.basic-shell .view-only-link{color:#ffe68a;background:#f7c94d1f;border:1px solid #f9d1669e;border-radius:999px;margin:0;padding:7px 11px;position:absolute;top:14px;right:40%}.basic-banner-art{z-index:1;aspect-ratio:1677/938;pointer-events:none;grid-column:3;width:100%;max-width:460px;margin-left:auto;position:relative}.basic-banner-art img{object-fit:contain;filter:drop-shadow(0 0 15px #d447ff85);width:100%;height:100%;display:block}.basic-shell .summary-grid.five-up{gap:10px;margin-bottom:10px}.basic-shell .stat-compact,.basic-shell .table-panel,.basic-shell .profile-panel-card,.basic-shell .basic-threshold-panel{background:linear-gradient(145deg,#1f0743f5,#0b0320fa);border-color:#cb4fffa3;box-shadow:inset 0 0 18px #bb3eff1c,0 0 16px #8d1cec29}.basic-shell .stat-compact{min-height:112px;padding:12px 14px;position:relative;overflow:hidden}.basic-shell .stat-compact:after{content:"";opacity:.75;clip-path:polygon(0 100%,18% 67%,36% 84%,54% 42%,72% 60%,100% 0,100% 100%);border-bottom:5px solid #bd37ff;border-right:5px solid #bd37ff;width:44px;height:34px;position:absolute;bottom:12px;right:12px}.basic-shell .stat-compact .mini-icon{color:#ef9bff;background:linear-gradient(135deg,#b42bff7a,#5613b180);border:1px solid #d869ff66;width:30px;height:30px;margin-bottom:6px}.basic-shell .mini-top,.basic-shell .mini-note,.basic-shell .data-table-header,.basic-shell .field label,.basic-shell .info-row{color:#e6d2f7b8}.basic-shell .mini-top{min-height:0;font-size:.68rem}.basic-shell .mini-value{z-index:1;color:#fff;margin:3px 0;font-size:1.55rem;position:relative}.basic-shell .mini-note{font-size:.66rem}.basic-shell .view-only-alert{color:#ead9fb;background:#320964a3;border-color:#cc53ff8a;border-radius:9px;padding:9px 12px;font-size:.72rem}.basic-shell .basic-user-layout{grid-template-columns:minmax(0,2.35fr) minmax(280px,.95fr);gap:10px}.basic-shell .table-panel{border-radius:12px;padding:12px}.basic-shell .profile-panel-card{border-radius:12px;padding:13px}.basic-shell .filters-bar{border-bottom-color:#c456ff42;gap:8px;padding-bottom:10px}.basic-shell .filter-row{gap:8px}.basic-shell .filter-row.date-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-shell .date-range-field .mini-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px}.basic-shell .field{gap:4px}.basic-shell .field label{font-size:.66rem}.basic-shell .field input,.basic-shell .field select{color:#efe7ff;background:#10032eeb;border-color:#a044ec80;border-radius:6px;height:31px;font-size:.68rem}.basic-shell .clear-button{color:#fff;background:linear-gradient(135deg,#8e23ee,#bb42ff);border-color:#c751ffa3;border-radius:7px;height:31px;font-size:.68rem}.basic-shell .basic-profile-edit{border-top:1px solid #a046de42;border-bottom:1px solid #a046de42;margin-bottom:12px;padding:10px 0}.basic-shell .basic-profile-field{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.basic-shell .basic-profile-field span{color:#e4d6ffb8;font-size:.66rem}.basic-shell .basic-profile-field input{color:#efe7ff;background:#10032eeb;border:1px solid #a044ec80;border-radius:6px;height:31px;padding:0 8px;font-size:.68rem}.basic-shell .basic-profile-save{width:100%;margin-top:2px}.basic-shell .basic-status-toggle{color:#ff9d9d;background:#e6555524;border-color:#e6555580;width:100%;margin:2px 0 10px}.basic-shell .basic-threshold-panel{border:1px solid #cb4fffa3;border-radius:12px;margin-top:14px;padding:12px}.basic-shell .status-banner.success{color:#6fe3ab;background:#2bb67329;border-color:#2bb67373}.basic-shell .status-banner.error{color:#ff9d9d;background:#e6555524;border-color:#e6555573}.basic-shell .basic-threshold-panel .threshold-header h3{color:#f6ebff;margin:0;font-size:.92rem}.basic-shell .basic-threshold-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.basic-shell .basic-threshold-item{background:#10032e6b;border-color:#a046de42;grid-template-columns:minmax(0,1fr) 90px;padding:8px}.basic-shell .basic-threshold-item .threshold-name,.basic-shell .basic-threshold-item .threshold-meta{color:#f6ebff}.basic-shell .basic-threshold-item .threshold-meta{color:#e4d6ffb8;font-size:.6rem}.basic-shell .basic-threshold-amount{color:#efe7ff;background:#10032eeb;border-color:#a044ec80;width:90px;font-size:.68rem}@media (width<=960px){.basic-shell .basic-threshold-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.basic-shell .basic-threshold-list{grid-template-columns:minmax(0,1fr)}}.basic-shell .data-table-header{margin-top:10px;font-size:.68rem}.basic-shell .data-table,.basic-shell .profile-panel-card table{margin-top:6px}.basic-shell .data-table thead,.basic-shell .profile-panel-card thead{background:#070119ad}.basic-shell .data-table th,.basic-shell .data-table td,.basic-shell .profile-panel-card th,.basic-shell .profile-panel-card td{color:#eee4ff;white-space:nowrap;border-bottom-color:#a046de33;padding:8px 6px;font-size:.66rem}.basic-shell .data-table th,.basic-shell .profile-panel-card th{color:#bba4d7;font-size:.62rem}.basic-shell .data-table tbody tr:hover{background:#7c22d529}.basic-shell .data-table tbody tr[tabindex]{cursor:pointer}.basic-shell .data-table tbody tr.selected-customer-row{background:#7c22d53d}.basic-shell .data-table tbody tr.selected-customer-row td:first-child{box-shadow:inset 3px 0 #c653ff}.customer-name-cell{align-items:center;gap:7px;display:inline-flex}.customer-table-avatar{color:#fff;background:linear-gradient(135deg,#d854ff,#8023e4);border-radius:50%;place-items:center;width:21px;height:21px;font-size:.55rem;font-weight:800;display:grid}.basic-shell .row-action{color:#eadcff;cursor:pointer;background:0 0;border:0;font-size:1.1rem;line-height:1}.basic-shell .tier-badge{padding:4px 8px;font-size:.58rem}.basic-shell .pagination{gap:5px;margin-top:12px}.basic-shell .page-btn{color:#ede4ff;background:#10032de6;border-color:#ac48ed8f;border-radius:5px;width:22px;height:22px;font-size:.64rem}.basic-shell .page-btn.active{background:linear-gradient(135deg,#7e23de,#b13cff);border-color:#ab37ff}.basic-shell .panel-title-row h3,.basic-shell .customer-phone,.basic-shell .info-row strong,.basic-shell .summary-grid strong,.basic-shell .usage-header,.basic-shell .history-header{color:#fff}.basic-shell .panel-title-row{margin-bottom:4px}.basic-shell .close-btn{color:#eee1ff}.basic-shell .customer-phone{font-size:.74rem}.basic-shell .info-block{border-color:#a046de3d;margin-bottom:10px;padding:10px 0}.basic-shell .info-row{gap:2px;margin-bottom:7px;font-size:.62rem}.basic-shell .info-row strong{font-size:.66rem}.basic-shell .profile-panel-card .summary-grid{gap:5px}.basic-shell .profile-panel-card .summary-grid>div{background:#1c0746cc;border:1px solid #a14adc52;border-radius:7px;padding:7px}.basic-shell .profile-panel-card .summary-grid span{color:#bda9d8;font-size:.57rem}.basic-shell .profile-panel-card .summary-grid strong{font-size:.67rem}.basic-shell .usage-summary,.basic-shell .history-block{border-top-color:#a046de42;margin-top:10px;padding-top:10px}.basic-shell .usage-header,.basic-shell .history-header{font-size:.68rem}.basic-shell .usage-item{font-size:.58rem}.basic-shell .usage-bar{background:#6234967a}.basic-shell .usage-bar span{background:linear-gradient(90deg,#bc38ff,#ffbd58)}.basic-shell .status-badge.green{color:#78f7ae;background:#1cdb7524}@media (width<=900px){.basic-shell .basic-user-layout{grid-template-columns:minmax(0,1fr)}.basic-shell .basic-user-layout>*{min-width:0}.basic-shell .profile-panel{min-width:0;max-width:none}}@media (width<=1023px){.basic-shell .page-header{grid-template-columns:132px minmax(0,.9fr) minmax(0,1.3fr);min-height:60px}.basic-banner-art{max-width:320px}}@media (width<=767px){.basic-shell .page-header{grid-template-columns:110px minmax(0,1fr);min-height:0;padding:8px 14px}.basic-banner-copy{grid-column:1/-1}.basic-profile-upload{width:46px;height:46px}.basic-shell .page-header h1{font-size:1.35rem}.basic-shell .view-only-link{display:none}.basic-banner-art{grid-column:1/-1;justify-self:center;width:100%;max-width:280px;margin:4px auto 0}.basic-shell .summary-grid.five-up{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-shell .filter-row,.basic-shell .filter-row.secondary,.basic-shell .filter-row.date-ranges{grid-template-columns:1fr}}.supervisor-shell .detail-grid input,.supervisor-shell .threshold-amount,.supervisor-shell .tier-override-controls select{color:#f6ebff;background:#09031699;border:1px solid #b46eff4d}.supervisor-shell .detail-grid input:disabled{color:#e4d6ff80;background:#ffffff0a}.supervisor-shell .detail-grid strong{background:#ffffff0a;border:1px solid #b46eff38}.supervisor-shell .upload-zone{background:#7b20ff14;border-color:#b46eff59}.supervisor-shell .upload-illustration{color:#d9a6ff;background:#7b20ff38}.supervisor-shell .upload-zone .approve-btn,.supervisor-shell .upload-zone button{color:#fff;background:linear-gradient(135deg,#7b20ff,#a83cff)}.supervisor-shell .status-banner.success{color:#8ef0bc;background:#2bb67329;border-color:#2bb6734d}.supervisor-shell .status-banner.error{color:#ff9e9e;background:#e6555529;border-color:#e655554d}.p4p-dashboard{flex-direction:column;gap:10px;min-width:0;padding:10px 0 0;display:flex}.p4p-hero{background:#16052f;border:1px solid #b432ffcc;border-radius:14px;width:100%;height:100px;min-height:100px;position:relative;overflow:hidden;box-shadow:0 0 8px #b432ff99,0 0 22px #961eff4d}.p4p-hero-art{object-fit:fill;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.p4p-hero-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0f03238c 0%,#0f032333 35%,#0f032300 60%);position:absolute;inset:0}.p4p-hero-content{z-index:10;pointer-events:none;align-items:center;padding-left:22px;display:flex;position:absolute;inset:0}.p4p-hero-logo{object-fit:contain;filter:drop-shadow(0 0 8px #d232ffa6);flex-shrink:0;width:78px;height:78px;margin-right:14px;display:block}.p4p-hero-text{z-index:20;flex-direction:column;justify-content:center;margin-top:0;display:flex;position:relative}.p4p-hero-title{white-space:nowrap;color:#fff;text-shadow:0 2px 8px #00000073;flex-wrap:wrap;align-items:center;margin:0;font-weight:800;line-height:1.05;display:flex;font-size:25px!important}.p4p-hero-welcome{color:#fff}.p4p-hero-name{text-shadow:0 0 8px #ffd73273;margin-left:6px;color:#ffd83d!important}.p4p-wave{margin-left:6px}.p4p-hero-subtitle{color:#ffffffe6;margin:5px 0 0;font-weight:500;line-height:1.2;font-size:11px!important}.hero{background:linear-gradient(90deg,#1a0637 0%,#2d0a4d 30%,#1e0c3a 100%)!important;border:1px solid #be3cffcc!important;border-radius:14px!important;align-items:center!important;width:100%!important;height:100px!important;min-height:100px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 8px #be3cffb3,0 0 22px #961eff59!important}.hero-left{z-index:2!important;align-items:center!important;width:45%!important;min-width:0!important;padding-left:18px!important;display:flex!important;position:relative!important}.hero-right{z-index:1!important;background:0 0!important;width:55%!important;height:100%!important;position:relative!important}.hero-logo{object-fit:contain!important;filter:drop-shadow(0 0 8px #d232ffb3)!important;flex-shrink:0!important;width:80px!important;height:80px!important;margin-right:14px!important;display:block!important}.hero-text-wrap{flex-direction:column!important;justify-content:center!important;min-width:0!important;display:flex!important}.hero-title{white-space:nowrap!important;color:#fff!important;text-shadow:0 2px 8px #0000008c!important;margin:0!important;font-size:25px!important;font-weight:800!important;line-height:1.05!important}.hero-title span{color:#ffd83d!important;margin-left:7px!important}.hero-subtitle{color:#ffffffeb!important;white-space:nowrap!important;margin:5px 0 0!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important}@media (width<=900px){.P4P_FINAL_HERO_LOGO{flex-basis:70px!important;width:70px!important;min-width:70px!important;height:70px!important;min-height:70px!important}.P4P_FINAL_HERO_TITLE{font-size:21px!important;line-height:23px!important}}@media (width<=650px){.P4P_FINAL_HERO{height:100px!important}.P4P_FINAL_HERO_CONTENT{left:12px!important}.P4P_FINAL_HERO_LOGO{flex-basis:58px!important;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important;margin-right:8px!important}.P4P_FINAL_HERO_TITLE{font-size:17px!important;line-height:19px!important}.P4P_FINAL_HERO_SUBTITLE{font-size:9px!important}}@media (width<=900px){.p4p-hero-title{font-size:21px}.p4p-hero-logo{width:60px;height:60px}}@media (width<=700px){.p4p-hero{height:105px;min-height:105px}.p4p-hero-title{white-space:normal;font-size:17px}.p4p-hero-subtitle{font-size:10px}.p4p-hero-logo{width:52px;height:52px}}.hero-user-name-wrap{flex-direction:column;gap:2px;display:flex}.hero-user-name{color:#fff;font-size:1rem;font-weight:800}.hero-user-email{color:#ffffffc2;font-size:.75rem}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.info-card,.metric-card,.panel-card,.cta-card{background:linear-gradient(#241248eb,#100822f5);border:1px solid #bc68ff73;border-radius:18px;position:relative;box-shadow:inset 0 0 18px #a05aff1f,0 0 20px #6e1ec82e}.info-card{min-height:220px;padding:18px 18px 16px;overflow:hidden}.card-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-title{color:#f6ebff;font-size:1.02rem;font-weight:700}.card-link,.panel-link{color:#d67aff;cursor:pointer;background:0 0;border:none;font-weight:700}.profile-summary-inner{flex-direction:column;gap:12px;display:flex}.profile-image-input{display:none}.profile-avatar-wrap{width:54px;height:54px;position:relative}.profile-avatar-button{color:#1a1f2f;width:54px;height:54px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#f2d3ae,#8c5cff);border:3px solid #ffffff2e;border-radius:50%;place-items:center;padding:0;font-weight:800;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden}.profile-avatar-button:hover:not(:disabled),.profile-avatar-button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #d67aff38}.profile-avatar-button:disabled,.profile-camera-button:disabled,.profile-image-action-buttons button:disabled,.profile-image-remove:disabled{cursor:wait;opacity:.65}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.profile-camera-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d67aff,#7625ff);border:2px solid #24113f;border-radius:50%;place-items:center;width:26px;height:26px;padding:5px;display:grid;position:absolute;bottom:-5px;right:-7px;box-shadow:0 5px 12px #50109657}.profile-camera-button svg{width:13px;height:13px}.profile-image-actions{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.profile-image-preview-label,.profile-image-status{color:#e4d6ffb3;font-size:.7rem}.profile-image-action-buttons{flex-shrink:0;gap:6px;display:flex}.profile-image-action-buttons button,.profile-image-remove{min-height:32px;font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:.7rem;font-weight:700}.profile-image-cancel,.profile-image-remove{color:#e6b8ff;background:#7625ff14;border:1px solid #d67aff66}.profile-image-save{color:#24152d;background:linear-gradient(135deg,#f4d77d,#ff9a44);border:1px solid #ffde737a}.profile-image-remove{align-self:flex-start}.profile-image-status.success{color:#9df5bd}.profile-image-status.error{color:#ff9eae}.profile-avatar{color:#1a1f2f;background:linear-gradient(135deg,#f2d3ae,#8c5cff);border:3px solid #ffffff2e;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.profile-summary-card .profile-avatar,.app-shell .toolbar-avatar{overflow:hidden}.profile-summary-card .profile-avatar img,.app-shell .toolbar-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-topline{flex-direction:column;gap:8px;display:flex}.profile-name{color:#fff;font-size:1.05rem;font-weight:800}.profile-tier-tag{color:#ffde73;background:#ffc8481f;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.profile-meta-list{gap:7px;display:grid}.meta-line{color:#e4daffd1;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.76rem;display:grid}.meta-line strong{color:#fff;font-weight:600}.meta-icon{color:#d98bff}.verified-card{text-align:center;flex-direction:column;align-items:center;display:flex}.shield-wrap{color:#fff;background:radial-gradient(circle at 30% 30%,#36bf7b6b,#1c6b41b8);border:3px solid #bcffd5b3;border-radius:26px;place-items:center;width:96px;height:96px;margin:8px auto 14px;font-size:3rem;font-weight:900;display:grid;box-shadow:inset 0 0 19px #6cffb447,0 0 18px #3eff9b2e}.verified-title{color:#fff;margin-bottom:6px;font-size:1.3rem;font-weight:800}.verified-copy{color:#e7dcffcc;margin-bottom:18px;font-size:.86rem;line-height:1.5}.check-row{color:#b6f8d0;background:#1bbf751a;border:1px solid #59dd9a42;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.check-mark{color:#98f8c0;background:#74eeae2e;border-radius:50%;place-items:center;width:18px;height:18px;display:inline-grid}.tier-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.tier-icon-wrap{color:#7f5ecb;background:linear-gradient(#f5f1ff,#dfe0ff);border:2px solid #ffffff47;border-radius:28px;place-items:center;width:95px;height:95px;margin:10px auto;font-size:3rem;display:grid}.tier-name{color:#fff;letter-spacing:-.05em;font-size:2rem;font-weight:800}.tier-copy{color:#e8ddffd1;font-size:.82rem}.tier-progress-line{background:#b1a6e924;border-radius:999px;width:100%;height:8px;margin:16px 0 10px;overflow:hidden}.tier-progress-line span{border-radius:inherit;background:linear-gradient(90deg,#b974ff,#5ae2ff);width:46%;height:100%;display:block}.tier-stat{color:#fff;margin-bottom:6px;font-size:.9rem}.tier-subtle{color:#dcd1ffcc;font-size:.76rem}.promo-card{background:linear-gradient(#4f2177eb,#1b0c2ef5);flex-direction:column;justify-content:center;padding:16px 18px 14px;display:flex}.promo-emoji{margin-bottom:8px;font-size:2.8rem}.promo-head{color:#ffde75;letter-spacing:-.03em;font-size:1.15rem;font-weight:900;line-height:1.2}.promo-copy{color:#ffffffe6;margin-top:12px;font-size:.82rem}.promo-button,.cta-button{cursor:pointer;border:none;border-radius:12px;font-weight:800}.promo-button{color:#1e1832;background:linear-gradient(90deg,#f0d66c,#f6c851);margin-top:auto;padding:12px 16px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.metric-card{min-height:120px;padding:14px 14px 10px}.metric-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.metric-title{color:#ece2ffe0;font-size:.88rem;font-weight:700}.metric-icon{background:#9b6eff29;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 0 12px #89a4ff2e}.metric-value{color:#fff;letter-spacing:-.06em;margin-bottom:8px;font-size:1.7rem;font-weight:900}.metric-foot{color:#d7cbffc2;font-size:.74rem}.wallet-card{background:linear-gradient(#1c3c78e0,#091026f5)}.reward-card{background:linear-gradient(#5a2378e0,#130b2af5)}.games-card{background:linear-gradient(#124a6be0,#0a1627f5)}.volume-card{background:linear-gradient(#15466ae0,#0d152cf5)}.bottom-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr);gap:10px;width:100%;min-width:0;max-width:100%;display:grid}.panel-card{padding:16px 18px 12px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-title{color:#f1f7ff;font-size:1.04rem;font-weight:700}.transactions-panel table{border-collapse:collapse;width:100%;font-size:.76rem}.transactions-panel th,.transactions-panel td{text-align:left;color:#dce5ffe6;border-bottom:1px solid #93abdc2e;padding:10px 8px}.transactions-panel thead th{color:#c0cbffe6;font-size:.72rem;font-weight:700}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pill.success{color:#a9f9cf;background:#2cb2691f;border:1px solid #46bf7647}.games-panel{padding-bottom:16px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.game-card{cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.game-card:hover{transform:translateY(-2px);box-shadow:0 0 18px #aa32ffa6}.game-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game-tile{letter-spacing:-.04em;text-align:center;border-radius:18px;justify-content:center;align-items:flex-end;min-height:120px;padding:10px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #ffffff14}.game-tile span{z-index:1;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px #00000080;font-size:.8rem;line-height:1.05;display:block;position:relative}.tile-1{background:linear-gradient(135deg,#ff7d4f,#3b2a5e)}.tile-2{background:linear-gradient(135deg,#de67b9,#f5b578)}.tile-3{background:linear-gradient(135deg,#fce38a,#f38181)}.tile-4{background:linear-gradient(135deg,#8fd3f4,#2a5ee6)}.cta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.cta-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.cta-icon{background:#c878ff24;border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.8rem;display:grid}.cta-copy{flex-direction:column;gap:5px;display:flex}.cta-title{color:#fff;font-size:1.08rem;font-weight:800}.cta-subtitle{color:#e9ddffc2;font-size:.78rem}.cta-button{color:#1a1f2f;background:linear-gradient(90deg,#f6de67,#f4bc47);padding:12px 16px}.cta-button.alt{background:linear-gradient(90deg,#ffe27a,#ffc935)}.profile-cta{background:linear-gradient(#3a1d5cf5,#120a22fa)}.referral-cta{background:linear-gradient(#3c1c6ae6,#120a20fa)}@media (width<=1280px){.overview-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.dashboard-hero{grid-template-columns:1fr}.hero-user-card{justify-self:start}.bottom-grid{grid-template-columns:1fr}}@media (width<=760px){.overview-grid,.metrics-grid,.cta-row{grid-template-columns:1fr}.dashboard-hero{padding:20px 18px}.hero-text{flex-direction:column;align-items:flex-start;margin-left:0}.hero-badge{margin-bottom:12px;position:static}.cta-card{grid-template-columns:auto 1fr}.cta-button{grid-column:1/-1;width:100%}.transactions-panel table{display:block;overflow-x:auto}}.main-panel{min-width:0}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll>table{width:100%;min-width:0}@media (width<=1100px){.basic-user-layout,.supervisor-layout{grid-template-columns:minmax(0,1fr)}.supervisor-layout>*,.supervisor-main>*{min-width:0}.summary-grid.five-up{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:150px}}@media (width<=960px){.page-header,.view-only-banner{flex-direction:column;align-items:flex-start}.support-btn{margin-left:0}.profile-line{grid-template-columns:1fr;gap:3px}.filter-row,.filter-row.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.clear-button{justify-self:start}}@media (width<=760px){.app-shell{flex-direction:column}.main-panel{order:2}.sidebar{z-index:40;border-bottom:1px solid #ffffff1f;border-right:none;order:1;width:100%;padding:10px 14px;position:relative}.brand-block{border-bottom:none;justify-content:space-between;width:100%;min-height:0;margin-bottom:0;padding:0}.brand-stack{flex-direction:row;flex:0 auto;width:auto;min-width:0}.brand-mark{width:auto;margin-bottom:0}.brand-tagline{display:none}.brand-logo{width:auto;max-width:150px;height:42px;max-height:42px;display:block}.mobile-nav-toggle{color:#fff;background:#ffffff1a;border:1px solid #ffffff47;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.mobile-nav-toggle svg{width:22px;height:22px}.header-menu{display:grid}.sidebar-nav{display:none}.sidebar-nav.mobile-nav-open{background:#0a3f83;border-bottom:1px solid #ffffff1f;flex-direction:column;gap:6px;margin:0;padding:10px 14px 14px;display:flex;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 12px 20px #0f2d5733}.basic-shell .sidebar-nav.mobile-nav-open{background:linear-gradient(#190439fa,#0b021dfc);border-bottom:1px solid #d246ff6b;box-shadow:0 12px 20px #0006}.nav-item{padding:9px 10px}.p4p-sidebar-promo,.sidebar-logout,.earn-box,.user-mini-profile{display:none}.content-area{padding:16px}.topbar{flex-wrap:wrap;gap:12px;height:auto;padding:12px 14px}.filter-row,.filter-row.secondary,.detail-grid,.workflow-steps,.summary-grid.five-up,.summary-grid.three-up{grid-template-columns:1fr}.page-header h1{font-size:1.65rem}.page-header p{font-size:.9rem}.table-title-row,.section-title-row,.upload-header,.threshold-header,.panel-title-row{flex-wrap:wrap;align-items:flex-start}.toolbar-name,.toolbar-role,.toolbar-chevron{display:none}.signup-shell{place-items:start center;padding:16px 12px}.signup-card{border-radius:14px;padding:20px 16px}.signup-header,.signup-actions,.approval-actions{flex-direction:column;align-items:stretch}.field-row.two-up{grid-template-columns:1fr}.primary-btn,.secondary-btn{text-align:center}}@media (width<=420px){.basic-shell .content-area{padding:12px 10px 20px}.content-area{padding:14px 12px 20px}.topbar-actions{gap:8px}.state-pills{flex-wrap:wrap}.mini-inputs{grid-template-columns:1fr}.mini-inputs span{display:none}}@media (width>=1920px){.signup-card{border-radius:26px;padding:40px}.eyebrow{font-size:.9rem}.signup-header h1{font-size:3.1rem}.signup-form label,.otp-form label{font-size:1.1rem}.signup-form input,.otp-input{border-radius:14px;height:56px;font-size:1.15rem}.primary-btn,.secondary-btn{padding:15px 22px;font-size:1.05rem}}.customer-signup-shell{color:#fff;background:radial-gradient(circle at 12% 4%,#7300ff8c,#0000 22rem),radial-gradient(circle at 88% 18%,#c200ff3b,#0000 18rem),linear-gradient(145deg,#11002c 0%,#18023c 48%,#070015 100%);justify-content:center;min-height:100dvh;padding:18px 14px 120px;display:flex;position:relative;overflow:hidden}.customer-signup-shell:before,.customer-signup-shell:after{content:"";pointer-events:none;border:1px solid #c12dff59;position:absolute;transform:rotate(-20deg)}.customer-signup-shell:before{width:130%;height:170px;bottom:5%;left:-20%;box-shadow:0 0 28px #9300ff52}.customer-signup-shell:after{border-color:#ffa60040;width:105%;height:120px;bottom:0;right:-36%}.customer-signup-content{z-index:1;flex-direction:column;align-items:center;width:min(100%,560px);display:flex;position:relative}.customer-signup-logo{object-fit:contain;filter:drop-shadow(0 0 20px #9800ff6b);width:min(64%,240px);height:205px}.signup-tagline{color:#ffffffdb;letter-spacing:.34em;margin:-26px 0 17px;font-size:.62rem;font-weight:700}.signup-tagline span,.customer-signup-header h1 span{color:#ce2cff}.customer-signup-card{background:linear-gradient(145deg,#1f0f3ef2,#0a061bf7);border:1px solid #b931ffc7;border-radius:20px;width:100%;padding:22px 24px 20px;box-shadow:0 0 0 1px #7000ff38,0 0 28px #8900ff4d,inset 0 0 28px #6300d61a}.customer-signup-header{align-items:flex-start;margin-bottom:14px}.customer-signup-header .eyebrow{color:#bd2dff;letter-spacing:.07em;margin-bottom:3px}.customer-signup-header h1{color:#fff;letter-spacing:-.04em;font-size:clamp(1.9rem,5.8vw,2.45rem)}.customer-signup-intro{color:#bdb2ce;margin-top:5px;font-size:.92rem;line-height:1.4}.customer-signup-card .phase-tag{color:#f3edff;white-space:nowrap;background:#6f42a22e;border:1px solid #994be433;border-radius:8px;flex-shrink:0;margin-top:1px;padding:8px 10px;font-size:.78rem}.customer-signup-card .signup-form{gap:13px}.customer-signup-card .field-row.two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-signup-card .signup-form label{color:#f7f2fb;gap:5px;font-size:.78rem}.customer-signup-card .signup-form input{color:#fff;background:#4826744d;border:1px solid #9b6cd285;border-radius:8px;height:44px;padding:0 12px;font-size:.79rem;box-shadow:inset 0 0 10px #8e2aff14}.customer-signup-card .signup-input-wrap{color:#d239ff;background:#4826744d;border:1px solid #9b6cd285;border-radius:8px;align-items:center;height:44px;padding:0 10px;display:flex;box-shadow:inset 0 0 10px #8e2aff14}.customer-signup-card .signup-input-wrap:focus-within{border-color:#c52bff;box-shadow:0 0 10px #c52bff52,inset 0 0 10px #8e2aff14}.customer-signup-card .signup-input-wrap>svg{stroke-width:2px;flex:none;width:20px;height:20px}.customer-signup-card .signup-input-wrap>svg:last-child{color:#bd46e5;width:18px}.password-toggle{color:#bd46e5;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.password-toggle svg{width:18px;height:18px}.login-input-wrap .password-toggle svg{width:22px;height:22px}.customer-signup-card .signup-input-wrap input{width:100%;min-width:0;height:100%;padding:0 9px;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.customer-signup-card .signup-input-wrap input:focus{box-shadow:none!important;border:0!important;outline:none!important}.customer-signup-card .signup-form input::placeholder{color:#968ba9}.customer-signup-card .signup-form input:focus{border-color:#c52bff;outline:2px solid #cf29ff38}.customer-signup-card .signup-actions{margin-top:5px}.customer-signup-card .signup-actions .secondary-btn{white-space:nowrap}.customer-signup-card .signup-actions .primary-btn{background:linear-gradient(105deg,#a600ff 0%,#5d00ff 48%,#d000ff 100%);border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:1rem;display:inline-flex;box-shadow:0 5px 20px #a900ff66}.customer-signup-card .success-state>.primary-btn{color:#fff;background:linear-gradient(105deg,#a600ff 0%,#5d00ff 48%,#d000ff 100%);border-radius:13px;width:100%;min-height:52px;box-shadow:0 5px 20px #a900ff66}.customer-signup-card .success-state>.secondary-btn{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.customer-signup-card .signup-actions .primary-btn svg{width:23px;height:23px}.customer-signup-card .otp-label{color:#ded6e9;text-align:center;margin-top:0;font-size:.78rem}.customer-signup-card .login-divider{margin:3px 0}.customer-signup-card .otp-label a{color:#d22bff;font-weight:700}.customer-login-shell{color:#fff;background:radial-gradient(circle at 20% 0,#8000ff94,#0000 22rem),radial-gradient(circle at 98% 30%,#9d00ff40,#0000 20rem),linear-gradient(145deg,#100027 0%,#18043d 48%,#05000f 100%);justify-content:center;min-height:100dvh;padding:16px 14px 70px;display:flex;position:relative;overflow:hidden}.customer-login-shell:before,.customer-login-shell:after{content:"";pointer-events:none;border:1px solid #c22aff59;position:absolute;transform:rotate(-17deg)}.customer-login-shell:before{width:125%;height:190px;bottom:3%;left:-18%;box-shadow:0 0 34px #9100ff57}.customer-login-shell:after{border-color:#ffa6003d;width:100%;height:120px;bottom:0;right:-34%}.customer-login-content{z-index:1;flex-direction:column;align-items:center;width:min(100%,528px);display:flex;position:relative}.customer-login-logo{object-fit:contain;filter:drop-shadow(0 0 22px #9800ff70);width:min(70%,270px);height:225px}.login-tagline{color:#ffffffdb;letter-spacing:.34em;margin:-31px 0 18px;font-size:.65rem;font-weight:700}.login-tagline span,.customer-login-header h1 span{color:#cf2cff}.customer-login-card{background:linear-gradient(145deg,#1f0f3ef2,#0a061bf7);border:1px solid #b931ffc7;border-radius:20px;width:100%;padding:27px 29px 24px;box-shadow:0 0 0 1px #7000ff38,0 0 28px #8900ff4d,inset 0 0 28px #6300d61a}.customer-login-header{align-items:flex-start;margin-bottom:21px}.customer-login-header .eyebrow{color:#bd2dff;letter-spacing:.07em;margin-bottom:6px}.customer-login-header h1{color:#fff;letter-spacing:-.04em;font-size:clamp(2rem,5.8vw,2.55rem)}.customer-login-intro{color:#bdb2ce;max-width:440px;margin-top:5px;font-size:.98rem;line-height:1.45}.customer-login-form{gap:19px}.customer-login-form label{color:#f7f2fb;gap:7px;font-size:.87rem}.login-input-wrap{color:#d239ff;background:#4826744d;border:1px solid #9b6cd285;border-radius:12px;align-items:center;height:58px;padding:0 14px;display:flex;box-shadow:inset 0 0 10px #8e2aff14}.login-input-wrap:focus-within{border-color:#c52bff;outline:2px solid #cf29ff38}.login-input-wrap svg{stroke-width:2.2px;flex:none;width:23px;height:23px}.login-input-wrap svg:last-child{color:#bd46e5;width:22px}.customer-login-form .login-input-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 12px;font-size:1rem}.customer-login-form .login-input-wrap input::placeholder{color:#968ba9}.customer-login-card .signup-actions{flex-direction:column;gap:13px;margin-top:3px;display:flex}.customer-login-card .signup-actions .primary-btn{background:linear-gradient(105deg,#a600ff 0%,#5d00ff 48%,#d000ff 100%);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:57px;font-size:1.08rem;display:inline-flex;box-shadow:0 5px 20px #a900ff66}.customer-login-card .signup-actions .primary-btn svg,.login-signup-prompt a svg{width:24px;height:24px}.customer-login-card .link-btn{color:#d32bff;align-self:flex-end;padding:0;font-size:.84rem}.login-divider{color:#aca0bd;align-items:center;gap:14px;margin:25px 0 18px;font-size:.74rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#a67ec447;flex:1;height:1px}.customer-login-card .otp-label{color:#ded6e9;text-align:center;justify-content:center;align-items:center;gap:4px;margin-top:0;font-size:.91rem;display:flex}.customer-login-card .otp-label a{color:#d22bff;align-items:center;gap:4px;font-weight:700;display:inline-flex}.customer-login-card .otp-label a svg{width:18px;height:18px}.portal-login-shell{color:#fff;background:radial-gradient(circle at 20% 0,#8000ff94,#0000 22rem),radial-gradient(circle at 98% 30%,#9d00ff40,#0000 20rem),linear-gradient(145deg,#100027 0%,#18043d 48%,#05000f 100%);justify-content:center;min-height:100dvh;padding:24px 14px 70px;display:flex;position:relative;overflow:hidden}.portal-login-shell:before,.portal-login-shell:after{content:"";pointer-events:none;border:1px solid #c22aff59;position:absolute;transform:rotate(-17deg)}.portal-login-shell:before{width:125%;height:190px;bottom:3%;left:-18%;box-shadow:0 0 34px #9100ff57}.portal-login-shell:after{border-color:#ffa6003d;width:100%;height:120px;bottom:0;right:-34%}.portal-login-content{z-index:1;flex-direction:column;align-items:center;width:min(100%,528px);display:flex;position:relative}.portal-login-logo{object-fit:contain;filter:drop-shadow(0 0 22px #9800ff70);width:min(70%,270px);height:205px}.portal-login-tagline{color:#ffffffdb;letter-spacing:.34em;margin:-28px 0 18px;font-size:.65rem;font-weight:700}.portal-login-tagline span,.portal-login-header h1 span{color:#cf2cff}.portal-login-card{background:linear-gradient(145deg,#1f0f3ef2,#0a061bf7);border:1px solid #b931ffc7;border-radius:20px;width:100%;padding:27px 29px 24px;box-shadow:0 0 0 1px #7000ff38,0 0 28px #8900ff4d,inset 0 0 28px #6300d61a}.portal-login-header{align-items:flex-start;margin-bottom:21px}.portal-login-header .eyebrow{color:#bd2dff;letter-spacing:.07em;margin-bottom:6px}.portal-login-header h1{color:#fff;letter-spacing:-.04em;font-size:clamp(1.9rem,5.8vw,2.45rem)}.portal-login-intro{color:#bdb2ce;margin-top:5px;font-size:.96rem;line-height:1.45}.portal-login-form{gap:19px}.portal-login-field label{color:#f7f2fb;flex-direction:column;gap:7px;font-size:.87rem;font-weight:600;display:flex}.portal-input-wrap{color:#d239ff;background:#4826744d;border:1px solid #9b6cd285;border-radius:12px;align-items:center;height:58px;padding:0 14px;display:flex;box-shadow:inset 0 0 10px #8e2aff14}.portal-input-wrap:focus-within{border-color:#c52bff;box-shadow:0 0 10px #c52bff52,inset 0 0 10px #8e2aff14}.portal-input-wrap>svg{stroke-width:2.2px;flex:none;width:23px;height:23px}.portal-input-wrap input{color:#fff;width:100%;min-width:0;height:100%;padding:0 12px;font-size:1rem;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.portal-input-wrap input::placeholder{color:#968ba9}.portal-login-card .signup-actions .primary-btn{background:linear-gradient(105deg,#a600ff 0%,#5d00ff 48%,#d000ff 100%);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:57px;font-size:1.08rem;display:inline-flex;box-shadow:0 5px 20px #a900ff66}.portal-login-card .signup-actions .primary-btn svg{width:24px;height:24px}@media (width<=480px){.portal-login-shell{padding:8px 10px 40px}.portal-login-logo{height:155px}.portal-login-tagline{margin-top:-22px;margin-bottom:12px}.portal-login-card{border-radius:16px;padding:20px 16px 18px}.portal-login-header{margin-bottom:15px}.portal-login-header h1{font-size:1.65rem}.portal-login-intro{font-size:.82rem}.portal-input-wrap{height:48px;padding:0 10px}.portal-input-wrap>svg{width:19px;height:19px}.portal-input-wrap input{padding:0 8px;font-size:.82rem}.portal-login-card .signup-actions .primary-btn{height:50px;font-size:.94rem}}.login-glow{background:#e839ff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 16px 5px #e02bffa6}.login-glow-one{top:22%;left:9%}.login-glow-two{background:#ffb51a;top:31%;right:13%;box-shadow:0 0 16px 5px #ffb51a94}.login-lion-shadow{z-index:0;opacity:.18;filter:saturate(1.35)contrast(1.1)drop-shadow(0 0 24px #8400ffb3);transform-origin:100% 0;width:62%;height:285px;position:absolute;top:1%;right:-17%;overflow:hidden;transform:rotate(8deg)scale(1.15)}.login-lion-shadow img{clip-path:inset(0 0 18%);width:520px;max-width:none;height:auto;transform:translate(-6%,-1%)}.login-crown{color:#d228ff;text-shadow:0 0 15px #d228ffe6;font-size:3rem;position:absolute;top:17%;left:8%;transform:rotate(-10deg)}.login-gift{z-index:0;background:linear-gradient(135deg,#7824d4 0%,#40108c 52%,#190743 100%);border:2px solid #ca34ff;width:51px;height:44px;margin-top:7px;position:absolute;top:22%;right:7%;transform:rotate(8deg);box-shadow:0 0 22px #b400ff99,inset 0 -8px 12px #0d002747}.login-gift:before,.login-gift:after{content:"";background:#ed4cff;position:absolute;box-shadow:0 0 8px #ed4cffb3}.login-gift:before{width:7px;height:100%;left:20px}.login-gift:after{display:none}.login-gift .gift-bow{z-index:1;border:4px solid #ed4cff;border-radius:70% 35%;width:16px;height:12px;position:absolute;top:-16px;left:8px;transform:rotate(-25deg);box-shadow:0 0 8px #ed4cffb3}.login-gift .gift-bow:after{content:"";border:4px solid #ed4cff;border-radius:35% 70%;width:16px;height:12px;position:absolute;top:-4px;left:14px;transform:rotate(50deg);box-shadow:0 0 8px #ed4cffb3}.login-gift .gift-lid{z-index:2;background:linear-gradient(135deg,#7d23d8,#2b0b68);border:2px solid #d83cff;border-radius:3px;width:57px;height:11px;position:absolute;top:-7px;left:-5px;box-shadow:0 0 10px #d83cffb3}.login-gift .gift-lid:after{content:"";background:#ed4cff;width:9px;height:20px;position:absolute;top:-12px;left:22px;box-shadow:0 0 9px #ed4cffcc}.customer-signup-shell .login-gift{top:10%;right:2%}.login-controller{background:linear-gradient(145deg,#2a0f4cfa,#08051cfa);border:2px solid #cd50ffb8;border-radius:43% 43% 27% 30%/52% 52% 36% 38%;width:255px;height:137px;position:absolute;bottom:-66px;left:4%;transform:rotate(-17deg);box-shadow:0 0 22px #a500ff9e,inset 0 0 18px #8000ff57}.login-controller:before,.login-controller:after{content:"";border:2px solid #cf37ffb3;border-radius:50%;position:absolute;box-shadow:0 0 12px #b900ff80,inset 0 0 9px #b900ff73}.login-controller:before{width:31px;height:31px;bottom:16px;left:44px}.login-controller:after{width:12px;height:12px;top:34px;right:48px;box-shadow:20px 8px 0 -2px #d230ffb3,0 0 12px #b900ff80}.login-reward-copy{color:#ffffffd1;letter-spacing:.03em;filter:drop-shadow(0 0 7px #ffffff26);align-self:flex-start;margin:-2px 0 16px 1px;font-family:Poppins,sans-serif;font-size:clamp(1.05rem,3.8vw,1.45rem);font-style:italic;font-weight:400;line-height:.95;transform:rotate(-5deg)}.login-reward-copy:after{content:"";background:#d12cff;border-radius:50%;width:92px;height:3px;margin:4px 0 0 9px;display:block;transform:rotate(-7deg)skew(-28deg);box-shadow:0 0 11px #d12cffd9}.login-bottom-copy{color:#ffffffe6;text-align:left;filter:drop-shadow(0 0 7px #ffffff26);align-self:flex-end;margin:48px 12px 0 0;font-family:Poppins,sans-serif;font-size:clamp(1.08rem,4vw,1.48rem);font-style:italic;font-weight:400;line-height:.9;transform:rotate(-7deg)}.login-bottom-copy:after{content:"";background:#d12cff;border-radius:50%;width:124px;height:4px;margin:7px 0 0 25px;display:block;transform:rotate(-8deg)skew(-28deg);box-shadow:0 0 11px #d12cffd9}@media (width<=480px){.login-lion-shadow{opacity:.14;width:78%;height:220px;top:4%;right:-31%;transform:rotate(8deg)scale(1.05)}.login-lion-shadow img{width:355px}.login-controller{transform-origin:0 100%;bottom:-54px;left:-5%;transform:scale(.8)rotate(-17deg)}.login-gift{top:20%;right:3%;transform:scale(.8)rotate(8deg)}.customer-login-logo{width:min(62%,220px);height:auto;max-height:170px}.login-tagline{margin:10px 0 16px;line-height:1.3}.login-bottom-copy{margin-top:36px;margin-right:5px}}.signup-light{background:#e839ff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 16px 5px #e02bffa6}.signup-light-one{top:16%;left:10%}.signup-light-two{background:#ffb51a;top:24%;right:12%;box-shadow:0 0 16px 5px #ffb51a94}.signup-controller{z-index:0;background:linear-gradient(145deg,#2a0f4cfa,#08051cfa);border:2px solid #cd50ffb8;border-radius:43% 43% 27% 30%/52% 52% 36% 38%;width:230px;height:124px;position:absolute;bottom:-72px;left:59%;transform:rotate(-17deg);box-shadow:0 0 22px #a500ff9e,inset 0 0 18px #8000ff57}.signup-feature-strip{color:#fff;grid-template-columns:repeat(3,1fr);justify-items:center;width:100%;margin:24px auto 0;display:grid}.signup-feature-strip>div{border-right:1px solid #b570e76b;grid-template-rows:auto auto;grid-template-columns:28px 1fr;column-gap:7px;width:100%;max-width:140px;padding:3px 14px;display:grid}.signup-feature-strip>div:last-child{border-right:0}.feature-mark{color:#d32bff;border:1px solid #d32bff;border-radius:7px;grid-row:1/span 2;place-items:center;width:26px;height:26px;font-weight:800;display:grid;box-shadow:0 0 10px #d32bff7a}.signup-feature-strip strong{font-size:.76rem;line-height:1.1}.signup-feature-strip small{color:#a99bb9;white-space:nowrap;font-size:.57rem}@media (width<=480px){.customer-signup-shell{padding:8px 16px 30px}.customer-signup-card{padding:14px 12px 13px}.customer-signup-logo{height:145px}.signup-tagline{z-index:2;margin-top:-8px;margin-bottom:18px;line-height:1.2;position:relative}.customer-signup-card .field-row.two-up{grid-template-columns:1fr;gap:8px}.customer-signup-card .signup-form{gap:8px}.customer-signup-card .signup-form label{gap:3px;font-size:.66rem}.customer-signup-card .signup-form input{height:36px;padding:0 7px;font-size:.62rem}.customer-signup-card .signup-input-wrap{height:36px;padding:0 6px}.customer-signup-card .signup-input-wrap>svg{width:16px;height:16px}.customer-signup-card .signup-input-wrap>svg:last-child{width:15px}.customer-signup-card .signup-input-wrap input{padding:0 6px;font-size:.62rem}.customer-signup-header{margin-bottom:9px}.customer-signup-header h1{font-size:1.55rem}.customer-signup-card .phase-tag{padding:6px 7px;font-size:.61rem}.customer-signup-card .signup-actions{margin-top:2px}.customer-signup-card .signup-actions .primary-btn{height:43px;font-size:.82rem}.customer-signup-card .otp-label{font-size:.63rem}.signup-feature-strip{grid-template-columns:repeat(3,1fr);width:100%;margin-top:20px}.signup-feature-strip>div{grid-template-columns:21px 1fr;justify-self:center;column-gap:4px;width:max-content;min-width:0;max-width:100%;padding:2px 4px}.feature-mark{border-radius:5px;width:20px;height:20px;font-size:.65rem}.signup-feature-strip strong{font-size:.55rem}.signup-feature-strip small{white-space:normal;font-size:.43rem;line-height:1.05}.customer-signup-shell .login-gift{right:-18px;transform:scale(.78)rotate(8deg)}.signup-controller{transform-origin:0 100%;left:45%;transform:scale(.82)rotate(-17deg)}}@media (width<=1100px){.main-panel{width:auto;max-width:none}.nav-item{gap:10px;height:40px;min-height:40px;padding:9px 11px;font-size:11px}.nav-icon{width:20px;min-width:20px}.supervisor-shell .sidebar{flex-basis:170px;width:170px;min-width:170px;max-width:170px}.supervisor-shell .content-area{padding-left:16px;padding-right:16px}.supervisor-shell .overview-grid,.supervisor-shell .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supervisor-shell .bottom-grid,.supervisor-shell .cta-row{grid-template-columns:1fr}.supervisor-shell .transactions-panel{overflow-x:auto}.supervisor-shell .transactions-panel table{min-width:680px}.basic-shell .sidebar{flex-basis:170px;width:170px;min-width:170px;max-width:170px}.basic-shell .content-area{padding-left:16px;padding-right:16px}}@media (width<=760px){.app-shell,.supervisor-shell{width:100%;max-width:100%}.sidebar,.supervisor-shell .sidebar,.basic-shell .sidebar{flex:none;width:100%;min-width:0;max-width:none;height:auto;min-height:0}.nav-item{gap:9px;height:38px;min-height:38px;padding:8px 10px;font-size:10px}.nav-icon{width:19px;min-width:19px}.main-panel,.supervisor-shell .main-panel{width:100%;max-width:100%}.supervisor-shell .content-area,.basic-shell .content-area{padding:12px 12px 20px}.supervisor-shell .overview-grid,.supervisor-shell .metrics-grid,.supervisor-shell .bottom-grid,.supervisor-shell .cta-row{grid-template-columns:1fr}.supervisor-shell .hero{height:auto!important;min-height:132px!important}.supervisor-shell .hero-left{width:100%!important;padding:16px!important}.supervisor-shell .hero-right{display:none}.supervisor-shell .hero-logo{width:56px!important;height:56px!important;margin-right:10px!important}.supervisor-shell .hero-title{white-space:normal!important;font-size:18px!important;line-height:1.2!important}.supervisor-shell .hero-title span{margin-left:4px!important}.supervisor-shell .hero-subtitle{white-space:normal!important;font-size:10px!important;line-height:1.35!important}.supervisor-shell .card-title-row,.supervisor-shell .panel-header{flex-wrap:wrap;gap:8px}.supervisor-shell .info-card,.supervisor-shell .panel-card,.supervisor-shell .cta-card{min-width:0}.supervisor-shell .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supervisor-shell .game-tile{min-height:105px}.supervisor-shell .cta-card{grid-template-columns:auto minmax(0,1fr)}.supervisor-shell .cta-button{grid-column:1/-1;width:100%}.topbar{min-height:60px;padding:10px 12px}.header-menu{display:none}.topbar-actions{justify-content:flex-end;width:100%}.toolbar-user{max-width:calc(100vw - 84px)}.toolbar-name,.toolbar-role,.toolbar-chevron{display:none}.supervisor-shell .transactions-panel table{min-width:680px}}@media (width<=420px){.supervisor-shell .content-area{padding-left:10px;padding-right:10px}.basic-shell .content-area{padding:12px 10px 20px}.basic-shell .page-header{min-height:299.828px}.supervisor-shell .hero-left{padding:12px!important}.supervisor-shell .hero-logo{width:48px!important;height:48px!important;margin-right:8px!important}.supervisor-shell .hero-title{font-size:16px!important}.supervisor-shell .game-grid{gap:8px}.supervisor-shell .game-tile{min-height:92px}}