.user-portal{--user-page-bg:#f8fafc;--user-surface-bg:#fff;--user-surface-muted-bg:#f8fafc;--user-surface-header-bg:#fffc;--user-border:#e2e8f0;--user-border-muted:#f1f5f9;--user-text-primary:#0f172a;--user-text-secondary:#334155;--user-text-muted:#64748b;--user-text-subtle:#94a3b8;--user-text-inverse:#f8fafc;--user-text-nav:#0f172a;--user-icon-nav:#7693b8;--user-icon-nav-active:#f9b118;--user-accent:#247ddd;--user-card-bg:#fff;--user-card-bg-muted:#f8fafc;--user-card-bg-hover:#e7eefe;--user-card-bg-active:#e1edff;--user-card-border:#e2e8f0;--user-card-border-strong:#cbd5e1;--user-card-shadow:0 1px 2px 0 #0f172a0d;--user-card-shadow-hover:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--user-link:#3422ba;--user-link-hover:#1e3a8a;--user-link-active:#172554;--user-link-muted:#64748b;--user-link-muted-hover:#334155;--user-link-underline:#1e40af59;--user-link-focus-ring:#1e40af66}.dark .user-portal{--user-page-bg:#020617;--user-surface-bg:#0f172a;--user-surface-muted-bg:#1e293b80;--user-surface-header-bg:#0f172acc;--user-border:#334155;--user-border-muted:#1e293b;--user-text-primary:#f1f5f9;--user-text-secondary:#cbd5e1;--user-text-muted:#94a3b8;--user-text-subtle:#64748b;--user-text-inverse:#0f172a;--user-text-nav:#f3f8ff;--user-icon-nav:#7dafff;--user-icon-nav-active:#ffc037;--user-accent:#ddb862;--user-card-bg:#0f172a;--user-card-bg-muted:#1e293b;--user-card-bg-hover:#0d1829;--user-card-bg-active:#071324;--user-card-border:#334155;--user-card-border-strong:#475569;--user-card-shadow:0 1px 2px 0 #00000040;--user-card-shadow-hover:0 4px 6px -1px #00000059, 0 2px 4px -2px #0003;--user-link:#60a5fa;--user-link-hover:#93c5fd;--user-link-active:#bfdbfe;--user-link-muted:#94a3b8;--user-link-muted-hover:#cbd5e1;--user-link-underline:#60a5fa66;--user-link-focus-ring:#60a5fa73}@layer components{.user-portal{color:var(--user-text-primary)}.user-portal .user-surface-page{background-color:var(--user-page-bg);color:var(--user-text-primary);background-image:linear-gradient(160deg,#fff9 0%,#f8fafc66 42%,#ecf2ff80 100%),url(/images/bg/bg-aw8820.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.dark .user-portal .user-surface-page{background-image:linear-gradient(160deg,#0c1020cc 0%,#14182ab3 50%,#201430bf 100%),url(/images/admin/bg/dark-blurred-work.jpg)}.user-portal .user-surface{background-color:var(--user-surface-bg);border-color:var(--user-border)}.user-portal .user-surface-muted{background-color:var(--user-surface-muted-bg)}.user-portal .user-nav{isolation:isolate;background-color:var(--user-surface-muted-bg);background-image:linear-gradient(#eeeefe40 20%,#c5bdfc26 30%,#f5f0ff40 50%),url(/images/bg/bg-w573.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.dark .user-portal .user-nav{background-image:linear-gradient(#0f1633cc 80%,#0d1b33bf 65%,#071630b3 50%),url(/images/bg/tech-blue-tone.jpg)}.user-portal .user-surface-header{background-color:var(--user-surface-header-bg);border-color:var(--user-border)}.user-portal .user-border{border-color:var(--user-border)}.user-portal .user-border-muted{border-color:var(--user-border-muted)}.user-portal .user-text{color:var(--user-text-primary)}.user-portal .user-text-secondary{color:var(--user-text-secondary)}.user-portal .user-text-muted{color:var(--user-text-muted)}.user-portal .user-text-subtle{color:var(--user-text-subtle)}.user-portal .user-card{background-color:var(--user-card-bg);border:1px solid var(--user-card-border);min-width:0;max-width:100%;box-shadow:var(--user-card-shadow);border-radius:1rem;transition:background-color .15s,border-color .15s,box-shadow .15s}.user-portal .user-card.user-card-weaker{box-shadow:var(--user-card-shadow), 0 0 0 1px #fde68a;border:1px solid #fbbf24}.dark .user-portal .user-card.user-card-weaker{box-shadow:var(--user-card-shadow), 0 0 0 1px #78350fb3;border-color:#f59e0b}.user-portal .user-table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.user-portal .user-table-scroll>table{width:max(100%, max-content)}.user-portal .user-card:hover{box-shadow:var(--user-card-shadow-hover)}.user-portal .user-card-muted{background-color:var(--user-card-bg-muted);border:1px solid var(--user-card-border);border-radius:1rem}.user-portal .user-card-interactive{background-color:var(--user-card-bg);border:1px dashed var(--user-card-border);box-shadow:var(--user-card-shadow);border-radius:1rem;transition:background-color .15s,border-color .15s,box-shadow .15s}.user-portal .user-card-interactive:hover{background-color:var(--user-card-bg-hover);border-color:var(--user-link);box-shadow:var(--user-card-shadow-hover)}.user-portal .user-card-header{border-bottom:1px solid var(--user-border-muted)}.user-portal .user-panel-muted{background-color:var(--user-surface-muted-bg);border-color:var(--user-border-muted)}.user-portal .user-inset-card{background-color:var(--user-card-bg);border:1px solid var(--user-card-border);border-radius:.75rem}.user-portal .user-tile{background-color:var(--user-card-bg);border:1px solid var(--user-card-border);box-shadow:var(--user-card-shadow);border-radius:.75rem}.user-portal .user-tile-dashed{background-color:var(--user-card-bg-muted);border:1px dashed var(--user-card-border-strong);border-radius:.75rem}.user-portal .user-row-hover:hover{background-color:color-mix(in srgb, var(--user-card-bg-hover) 80%, transparent)}.user-portal .user-divide-y>*+*{border-top:1px solid var(--user-border-muted)}.user-portal .user-input,.user-portal .user-select{background-color:var(--user-card-bg);border:1px solid var(--user-card-border);color:var(--user-text-primary);transition:border-color .15s,box-shadow .15s}.user-portal .user-input:focus,.user-portal .user-select:focus{border-color:var(--user-link);box-shadow:0 0 0 2px var(--user-link-focus-ring);outline:none}.user-portal .user-btn-secondary{background-color:var(--user-card-bg);border:1px solid var(--user-card-border);color:var(--user-text-secondary);box-shadow:var(--user-card-shadow);transition:background-color .15s,border-color .15s,color .15s}.user-portal .user-btn-secondary:hover{background-color:var(--user-card-bg-hover)}.user-portal .user-track{background-color:var(--user-card-bg-muted)}.user-portal .user-avatar{background:linear-gradient(to bottom right, var(--user-card-bg-muted), var(--user-card-border));color:var(--user-text-secondary)}.user-portal .user-avatar:has(img.rank-logo){background:0 0;overflow:visible}.user-portal .user-table-head{border-bottom:1px solid var(--user-border-muted);color:var(--user-text-muted)}.user-portal .user-table-body tr{border-bottom:1px solid var(--user-border-muted)}.user-portal .user-table-body tr:hover{background-color:color-mix(in srgb, var(--user-card-bg-hover) 80%, transparent)}.user-portal .user-section-title{border-bottom:1px solid var(--user-border-muted);color:var(--user-text-primary)}.user-portal .user-link{color:var(--user-link);text-decoration:underline;-webkit-text-decoration-color:var(--user-link-underline);text-decoration-color:var(--user-link-underline);text-underline-offset:.2em;transition:color .15s,text-decoration-color .15s}.user-portal .user-link:hover{color:var(--user-link-hover);text-decoration-color:currentColor}.user-portal .user-link:active{color:var(--user-link-active)}.user-portal .user-link:focus-visible{outline:2px solid var(--user-link-focus-ring);outline-offset:2px;border-radius:.125rem}.user-portal .user-link-plain{color:var(--user-link);text-decoration:none;transition:color .15s}.user-portal .user-link-plain:hover{color:var(--user-link-hover)}.user-portal .user-link-plain:active{color:var(--user-link-active)}.user-portal .user-link-plain:focus-visible{outline:2px solid var(--user-link-focus-ring);outline-offset:2px;border-radius:.125rem}.user-portal .user-link-muted{color:var(--user-link-muted);text-decoration:none;transition:color .15s}.user-portal .user-link-muted:hover{color:var(--user-link-muted-hover)}.user-portal .user-link-muted:focus-visible{outline:2px solid var(--user-link-focus-ring);outline-offset:2px;border-radius:.125rem}.user-portal a:not([class]){color:var(--user-link);text-decoration:underline;-webkit-text-decoration-color:var(--user-link-underline);text-decoration-color:var(--user-link-underline);text-underline-offset:.2em;transition:color .15s,text-decoration-color .15s}.user-portal a:not([class]):hover{color:var(--user-link-hover);text-decoration-color:currentColor}.user-portal a:not([class]):focus-visible{outline:2px solid var(--user-link-focus-ring);outline-offset:2px;border-radius:.125rem}.user-portal .user-login-shell{background-image:url(/images/bg/white-lux.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:1.5rem;display:flex;position:relative}.user-portal .user-login-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#ffffffb8 0%,#f8fafc8c 45%,#ecfdf573 100%);position:absolute;inset:0}.dark .user-portal .user-login-overlay{background:linear-gradient(135deg,#020617d1 0%,#0f172ab8 50%,#1e3a8a8c 100%)}.user-portal .user-login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ffffffa6;border-radius:1.5rem;width:100%;max-width:28rem;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #0f172a2e,inset 0 0 0 1px #ffffff59}.dark .user-portal .user-login-card{background:#0f172ac7;border-color:#94a3b833;box-shadow:0 25px 50px -12px #00000073,inset 0 0 0 1px #ffffff0f}.user-portal .user-login-brand{align-items:center;gap:.875rem;margin-bottom:1.75rem;display:flex}.user-portal .user-login-logo{background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3.8rem;height:3.8rem;display:flex;overflow:hidden;box-shadow:0 8px 20px -10px #0f172a66}.user-portal .user-login-logo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.user-portal .user-login-brand-name{letter-spacing:-.02em;color:var(--user-text-primary);font-size:1.125rem;font-weight:600}.user-portal .user-login-brand-tagline{text-transform:uppercase;letter-spacing:.12em;color:var(--user-text-muted);font-size:.75rem;font-weight:500}.user-portal .user-login-header{margin-bottom:1.75rem}.user-portal .user-login-title{letter-spacing:-.03em;color:var(--user-text-primary);font-size:1.75rem;font-weight:700}.user-portal .user-login-subtitle{color:var(--user-text-muted);margin-top:.375rem;font-size:.9375rem;line-height:1.5}.user-portal .user-login-form{flex-direction:column;gap:1.25rem;display:flex}@keyframes user-login-error-fade-in{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.user-portal .user-login-error{color:#b91c1c;background:#fef2f2e6;border:1px solid #f8717159;border-radius:.75rem;padding:.75rem .875rem;font-size:.875rem;animation:.35s ease-out user-login-error-fade-in}.dark .user-portal .user-login-error{color:#fecaca;background:#7f1d1d59;border-color:#f8717140}.user-portal .user-login-field{flex-direction:column;gap:.5rem;display:flex}.user-portal .user-login-label{color:var(--user-text-secondary);font-size:.875rem;font-weight:500}.user-portal .user-login-input{border-radius:.75rem;width:100%;padding:.75rem .875rem;font-size:.9375rem}.user-portal .user-login-password-wrap{position:relative}.user-portal .user-login-input-password{padding-right:2.75rem}.user-portal .user-login-password-toggle{color:var(--user-text-muted);border-radius:.375rem;padding:.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.user-portal .user-login-password-toggle:hover{color:var(--user-text-primary)}.user-portal .user-login-options{justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.user-portal .user-login-remember{color:var(--user-text-secondary);cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.user-portal .user-login-checkbox{width:1rem;height:1rem;accent-color:var(--user-link)}.user-portal .user-login-forgot{white-space:nowrap;font-size:.875rem}.user-portal .user-login-submit{color:#fffcf5;background:linear-gradient(135deg,#2d28c5 0%,#3e19d2 100%);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 12px 24px -12px #1a11b8e6}.user-portal .user-login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px -12px #20179df2}.user-portal .user-login-submit:disabled{cursor:not-allowed;opacity:.75}.user-portal .user-login-footer{text-align:center;color:var(--user-text-muted);margin-top:1.5rem;font-size:.875rem}.user-portal .user-login-register{font-weight:600}@media (min-width:640px){.user-portal .user-login-card{padding:2.5rem}}.user-portal .user-register-card{max-width:32rem}.user-portal .user-register-card-wide{max-width:42rem}@media (min-width:1024px){.user-portal .user-register-card-wide{max-width:56rem}}.user-portal .user-register-sponsor{border:1px solid var(--user-card-border);background:color-mix(in srgb, var(--user-card-bg-muted) 85%, transparent);border-radius:.875rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;display:flex}.user-portal .user-register-sponsor-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.user-portal .user-register-sponsor-label{text-transform:uppercase;letter-spacing:.08em;color:var(--user-text-muted);font-size:.75rem;font-weight:500}.user-portal .user-register-sponsor-name{color:var(--user-text-primary);font-size:.9375rem;font-weight:600}.user-portal .user-register-sponsor-code{color:var(--user-text-subtle);font-size:.75rem}.user-portal .user-register-placement{border-radius:.65rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:.15rem;padding:.45rem .7rem;line-height:1.2;display:flex}.user-portal .user-register-placement-left{color:#1d4ed8;background:#2563eb1f}.user-portal .user-register-placement-right{color:#047857;background:#10b98124}.dark .user-portal .user-register-placement-left{color:#93c5fd;background:#60a5fa2e}.dark .user-portal .user-register-placement-right{color:#a7f3d0;background:#34d3992e}.user-portal .user-register-placement-side{font-size:.875rem;font-weight:700}.user-portal .user-register-placement-hint{opacity:.85;font-size:.6875rem;font-weight:500}.user-portal .user-register-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:1.75rem;display:grid}.user-portal .user-register-progress-item{flex-direction:column;align-items:center;gap:.5rem;min-width:0;display:flex}.user-portal .user-register-progress-track{justify-content:center;align-items:center;width:100%;height:2rem;display:flex;position:relative}.user-portal .user-register-progress-dot{z-index:1;border:2px solid var(--user-card-border-strong);background:var(--user-card-bg);width:2rem;height:2rem;color:var(--user-text-muted);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s;display:flex;position:relative}.user-portal .user-register-progress-dot-active{color:#1e3a8a;background:#eff6ff;border-color:#3422ba}.dark .user-portal .user-register-progress-dot-active{color:#93c5fd;background:#1e3a8a73;border-color:#60a5fa}.user-portal .user-register-progress-dot-complete{color:#fff;background:#3422ba;border-color:#3422ba}.user-portal .user-register-progress-line{background:var(--user-card-border);pointer-events:none;width:calc(100% - 2rem);height:2px;margin:0;position:absolute;top:50%;left:calc(50% + 1rem);transform:translateY(-50%)}.user-portal .user-register-progress-line-complete{background:#3422ba}.user-portal .user-register-progress-label{max-width:100%;color:var(--user-text-subtle);text-align:center;padding:0 .25rem;font-size:.75rem;font-weight:500;line-height:1.25}.user-portal .user-register-progress-label-active{color:var(--user-text-primary)}.user-portal .user-register-grid{gap:1.25rem;display:grid}.user-portal .user-register-account-types{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.user-portal .user-register-account-type{border:1px solid var(--user-card-border);background-color:var(--user-card-bg);color:var(--user-text-secondary);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem .75rem;font-size:.875rem;font-weight:600;transition:border-color .15s,box-shadow .15s,color .15s;display:flex}.user-portal .user-register-account-type input{accent-color:var(--user-link)}.user-portal .user-register-account-type-selected{border-color:var(--user-link);color:var(--user-text-primary);box-shadow:0 0 0 2px var(--user-link-focus-ring)}@media (min-width:640px){.user-portal .user-register-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.user-portal .user-register-packages,.user-portal .user-register-products{flex-direction:column;gap:1rem;display:flex}.user-portal .user-register-product-list{gap:.75rem;max-height:22rem;padding-right:.15rem;display:grid;overflow-y:auto}.user-portal .user-register-product{border:1px solid var(--user-card-border);background:var(--user-card-bg);border-radius:.85rem;grid-template-columns:4.5rem 1fr;align-items:center;gap:.75rem;padding:.65rem;display:grid}.user-portal .user-register-product-selected{border-color:#2563eb8c;box-shadow:0 0 0 1px #2563eb33}.user-portal .user-register-product-media{aspect-ratio:1;background:#f1f5f9;border-radius:.65rem;overflow:hidden}.user-portal .user-register-product-media img{object-fit:cover;width:100%;height:100%}.user-portal .user-register-product-name{color:var(--user-text-primary);margin:0;font-size:.875rem;font-weight:650}.user-portal .user-register-product-meta{color:var(--user-text-muted);margin:.2rem 0 .55rem;font-size:.75rem}.user-portal .user-register-product-qty{align-items:center;gap:.55rem;font-size:.875rem;font-weight:600;display:inline-flex}.user-portal .user-register-qty-btn{border:1px solid var(--user-card-border);background:var(--user-card-bg);width:1.75rem;height:1.75rem;color:var(--user-text-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.user-portal .user-register-qty-btn:disabled{opacity:.4;cursor:not-allowed}.user-portal .user-register-cart-summary{background:#fef3c773;border:1px solid #fbbf248c;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.user-portal .user-register-cart-summary-ok{background:#d1fae566;border-color:#10b98173}.user-portal .user-register-cart-label{color:var(--user-text-muted);margin:0;font-size:.75rem}.user-portal .user-register-cart-pv{color:var(--user-text-primary);margin:.15rem 0 0;font-size:.875rem;font-weight:650}.user-portal .user-register-cart-price{color:var(--user-text-primary);margin:0;font-size:1.05rem;font-weight:700}.user-portal .user-register-payment{flex-direction:column;gap:1rem;display:flex}.user-portal .user-register-payment-amount{border:1px solid var(--user-card-border);background:var(--user-card-bg-muted,#f8fafc);border-radius:.85rem;padding:.9rem 1rem}.user-portal .user-register-payment-bank{border:1px solid var(--user-card-border);border-radius:.85rem;flex-direction:column;gap:.65rem;padding:.9rem 1rem;display:flex}.user-portal .user-register-payment-bank-head{color:var(--user-text-primary);align-items:center;gap:.45rem;font-size:.875rem;font-weight:650;display:flex}.user-portal .user-register-payment-bank-body{flex-direction:column;gap:.85rem;display:flex}.user-portal .user-register-payment-bank-details{flex-direction:column;gap:.65rem;min-width:0;display:flex}.user-portal .user-register-payment-qr{flex-direction:column;align-items:center;gap:.5rem;padding:.35rem 0 .25rem;display:flex}.user-portal .user-register-payment-qr-frame{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:.75rem;box-shadow:0 1px 2px #0f172a0f}.user-portal .user-register-payment-qr-frame img{width:min(100%,14rem);height:auto;display:block}.user-portal .user-register-payment-qr-hint{color:var(--user-text-muted);margin:0;font-size:.8125rem}.user-portal .user-register-payment-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (min-width:1024px){.user-portal .user-register-payment-bank-body{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);align-items:center;gap:1.25rem 1.5rem;display:grid}.user-portal .user-register-payment-qr{justify-self:center;align-items:center;padding:0}.user-portal .user-register-payment-qr-frame img{width:min(100%,13rem)}.user-portal .user-register-payment-bank-details{justify-content:center}}.user-portal .user-register-copy-btn{border:1px solid var(--user-card-border);width:2rem;height:2rem;color:var(--user-text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.user-portal .user-register-slip-drop{border:1px dashed var(--user-card-border);background:var(--user-card-bg-muted,#f8fafc);width:100%;color:var(--user-text-secondary);cursor:pointer;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:1.4rem 1rem;display:flex}.user-portal .user-register-slip-preview{gap:.65rem;display:grid}.user-portal .user-register-slip-preview img{object-fit:contain;background:#0f172a0a;border-radius:.75rem;width:100%;max-height:14rem}.user-portal .user-register-slip-meta{color:var(--user-text-secondary);justify-content:space-between;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.user-portal .user-register-payment-success{text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:1rem .5rem;display:flex}.user-portal .user-register-payment-success-title{color:var(--user-text-primary);margin:0;font-size:1.05rem;font-weight:700}.user-portal .user-register-payment-success-ref{color:var(--user-text-secondary);margin:0;font-size:.875rem}.user-portal .user-register-success-details{border:1px solid var(--user-card-border);background:var(--user-card-bg-muted,#f8fafc);text-align:left;border-radius:.85rem;flex-direction:column;gap:.65rem;width:100%;padding:.9rem 1rem;display:flex}.user-portal .user-register-success-row{flex-direction:column;gap:.15rem;display:flex}.user-portal .user-register-success-value{color:var(--user-text-primary);word-break:break-word;margin:0;font-size:.9375rem;font-weight:700}.user-portal .user-register-packages-title{color:var(--user-text-primary);font-size:.9375rem;font-weight:600}.user-portal .user-register-packages-hint{color:var(--user-text-muted);margin-top:.25rem;font-size:.8125rem}.user-portal .user-register-package-grid{gap:.875rem;display:grid}@media (min-width:640px){.user-portal .user-register-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.user-portal .user-register-package{border:2px solid var(--user-card-border);background:var(--user-card-bg);cursor:pointer;border-radius:.875rem;flex-direction:column;gap:.625rem;padding:1rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.user-portal .user-register-package:hover{border-color:color-mix(in srgb, var(--user-link) 45%, var(--user-card-border));box-shadow:var(--user-card-shadow-hover)}.user-portal .user-register-package-selected{border-color:var(--user-link);box-shadow:0 0 0 3px var(--user-link-focus-ring)}.user-portal .user-register-package-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#3422ba 0%,#1d4ed8 100%);border-radius:9999px;padding:.125rem .625rem;font-size:.6875rem;font-weight:600;position:absolute;top:-.625rem;left:50%;transform:translate(-50%)}.user-portal .user-register-package-head{flex-direction:column;gap:.25rem;padding-top:.25rem;display:flex}.user-portal .user-register-package-name{color:var(--user-text-primary);font-size:1rem;font-weight:700}.user-portal .user-register-package-price{color:var(--user-link);font-size:1.125rem;font-weight:700}.user-portal .user-register-package-description{color:var(--user-text-muted);font-size:.8125rem;line-height:1.45}.user-portal .user-register-package-pv{color:var(--user-text-secondary);font-size:.75rem;font-weight:600}.user-portal .user-register-package-features{color:var(--user-text-secondary);flex-direction:column;gap:.375rem;margin-top:auto;font-size:.75rem;display:flex}.user-portal .user-register-package-features li{align-items:flex-start;gap:.375rem;display:flex}.user-portal .user-register-package-features svg{color:var(--user-link);margin-top:.125rem}.user-portal .user-register-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem;display:grid}.user-portal .user-register-back{border-radius:.75rem;justify-content:center;align-items:center;gap:.375rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;display:inline-flex}.user-portal .user-register-next{color:#fff;background:linear-gradient(135deg,#3422ba 0%,#1d4ed8 100%);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.375rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 12px 24px -12px #1e40afe6}.user-portal .user-register-next:hover{transform:translateY(-1px);box-shadow:0 16px 28px -12px #1e40aff2}.user-portal .user-register-next:disabled{cursor:wait;opacity:.7;transform:none}.user-portal .user-register-submit{grid-column:2}.user-portal .user-register-terms{color:var(--user-text-secondary);align-items:flex-start;gap:.65rem;margin-top:.25rem;font-size:.875rem;line-height:1.45;display:flex}.user-portal .user-register-terms .user-login-checkbox{flex-shrink:0;margin-top:.15rem}.user-portal .user-register-terms p{margin:0}.user-portal .user-register-terms label{cursor:pointer}.user-portal .user-register-terms-link{color:var(--user-link);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.user-portal .user-register-terms-link:hover{opacity:.85}.user-portal .user-register-terms-overlay{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:640px){.user-portal .user-register-terms-overlay{align-items:center;padding:1rem}}.user-portal .user-register-terms-backdrop{cursor:pointer;background:#0f172a8c;border:none;position:absolute;inset:0}.dark .user-portal .user-register-terms-backdrop{background:#000000a6}.user-portal .user-register-terms-modal{z-index:1;background:var(--user-card-bg,#fff);border-radius:1rem 1rem 0 0;flex-direction:column;width:100%;max-width:34rem;max-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px -16px #0f172a73}@media (min-width:640px){.user-portal .user-register-terms-modal{border-radius:1rem}}.dark .user-portal .user-register-terms-modal{background:var(--user-card-bg,#0f172a)}.user-portal .user-register-terms-modal-header{border-bottom:1px solid var(--user-border,#e2e8f0);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.user-portal .user-register-terms-modal-title{color:var(--user-text-primary);margin:0;font-size:1.0625rem;font-weight:700}.user-portal .user-register-terms-modal-close{color:var(--user-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.35rem;display:inline-flex}.user-portal .user-register-terms-modal-close:hover{background:var(--user-card-bg-hover,#f1f5f9);color:var(--user-text-primary)}.user-portal .user-register-terms-modal-body{flex:1;padding:1rem 1.25rem 1.25rem;overflow-y:auto}.user-portal .user-register-terms-intro{color:var(--user-text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.55}.user-portal .user-register-terms-panel{border:1px solid var(--user-border,#e2e8f0);background:var(--user-surface-muted,#f8fafc);border-radius:.85rem;padding:.9rem 1rem 1rem}.dark .user-portal .user-register-terms-panel{background:#0f172a73}.user-portal .user-register-terms-heading{color:var(--user-text-primary);margin:0 0 .85rem;font-size:.9375rem;font-weight:700}.user-portal .user-register-terms-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.user-portal .user-register-terms-item{background:var(--user-card-bg,#fff);border:1px solid var(--user-border,#e2e8f0cc);border-radius:.75rem;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.75rem .8rem;display:grid}.dark .user-portal .user-register-terms-item{background:#0f172ab3}.user-portal .user-register-terms-item-index{color:#2563eb;background:#2563eb1f;border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.dark .user-portal .user-register-terms-item-index{color:#93c5fd;background:#60a5fa2e}.user-portal .user-register-terms-item-content h4{color:var(--user-text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:650}.user-portal .user-register-terms-item-content p{color:var(--user-text-secondary);margin:0;font-size:.8125rem;line-height:1.55}.user-portal .user-register-terms-outro{color:#92400e;background:#fef3c7a6;border-radius:.65rem;margin:.9rem 0 0;padding:.7rem .8rem;font-size:.8125rem;line-height:1.5}.dark .user-portal .user-register-terms-outro{color:#fde68a;background:#78350f59}.user-portal .user-register-terms-modal-footer{border-top:1px solid var(--user-border,#e2e8f0);grid-template-columns:1fr 1fr;gap:.75rem;padding:.875rem 1.25rem 1.1rem;display:grid}.user-portal .user-register-terms-decline,.user-portal .user-register-terms-accept{width:100%}}
.admin-portal.user-portal{--user-page-bg:transparent;--user-surface-bg:#ffffffd1;--user-surface-muted-bg:#f8fafcb8;--user-surface-header-bg:#fffbeac7;--user-border:#20274c1f;--user-border-muted:#20274c0f;--user-text-primary:#20274c;--user-text-secondary:#3a4268;--user-text-muted:#5c6488;--user-text-subtle:#8a92b0;--user-text-inverse:#f8fafc;--user-text-nav:#20274c;--user-icon-nav:#6d5ea2;--user-icon-nav-active:#f39536;--user-card-bg:#ffffffe0;--user-card-bg-muted:#f8fafccc;--user-card-bg-hover:#51a5ff1f;--user-card-bg-active:#dcf3ff63;--user-card-border:#2813561a;--user-card-border-strong:#20274c2e;--user-card-shadow:0 1px 2px 0 #20274c0f;--user-card-shadow-hover:0 8px 20px -8px #20274c24, 0 2px 6px -2px #20274c14;--user-link:#2a5bae;--user-link-hover:#204a96;--user-link-active:#183a78;--user-link-muted:#5c6488;--user-link-muted-hover:#3a4268;--user-link-underline:#51a5ff66;--user-link-focus-ring:#51a5ff73;--admin-accent:#0b509a;--admin-accent-hover:#3563b3;--admin-accent-text:#fff}.dark .admin-portal.user-portal{--user-page-bg:transparent;--user-surface-bg:#14182ae0;--user-surface-muted-bg:#1e243ab8;--user-surface-header-bg:#131a43c7;--user-border:#e0eaff1f;--user-border-muted:#e0eaff0f;--user-text-primary:#e0eaff;--user-text-secondary:#c5d4f0;--user-text-muted:#9aaccf;--user-text-subtle:#6f82a8;--user-text-inverse:#244251;--user-text-nav:#e0eaff;--user-icon-nav:#7dafff;--user-icon-nav-active:#f6b94f;--user-card-bg:#14182ae6;--user-card-bg-muted:#272f4ad9;--user-card-bg-hover:#9f64f324;--user-card-bg-active:#9f64f324;--user-card-border:#e0eaff1a;--user-card-border-strong:#e0eaff2e;--user-card-shadow:0 1px 2px 0 #00000059;--user-card-shadow-hover:0 8px 20px -8px #00000073, 0 2px 6px -2px #0000004d;--user-link:#7db8ff;--user-link-hover:#a8d0ff;--user-link-active:#cfe4ff;--user-link-muted:#9aaccf;--user-link-muted-hover:#c5d4f0;--user-link-underline:#51a5ff73;--user-link-focus-ring:#51a5ff80;--admin-accent:#d0a634;--admin-accent-hover:#f9db8a;--admin-accent-text:#fff}@layer components{.admin-portal.user-portal .user-surface-page{color:var(--user-text-primary);background-color:#0000;background-image:linear-gradient(160deg,#fff9 0%,#f8fafc66 42%,#ecf2ff80 100%),url(/images/admin/bg/workplace-office.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.dark .admin-portal.user-portal .user-surface-page{background-image:linear-gradient(160deg,#0c1020b3 0%,#14182a99 50%,#201430a6 100%),url(/images/admin/bg/dark-blurred-work.jpg)}.admin-portal.user-portal .user-surface{background-color:var(--user-surface-bg);-webkit-backdrop-filter:blur(14px)}.admin-portal.user-portal .user-surface-header{-webkit-backdrop-filter:blur(16px);background-image:linear-gradient(90deg,#938ef3d6 20%,#fee3e3ed 80%)}.dark .admin-portal.user-portal .user-surface-header{-webkit-backdrop-filter:blur(16px);background-image:linear-gradient(90deg,#271644e6 20%,#092767d9 80%)}.admin-portal.user-portal .user-nav{background-color:#0000;background-image:none}.dark .admin-portal.user-portal .user-nav{background-image:none}.admin-portal.user-portal .user-card,.admin-portal.user-portal .user-card-muted,.admin-portal.user-portal .user-tile,.admin-portal.user-portal .user-inset-card{-webkit-backdrop-filter:blur(10px)}.admin-portal.user-portal .user-login-submit,.admin-portal.user-portal .admin-btn-primary{background-color:var(--admin-accent);color:var(--admin-accent-text);cursor:pointer;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 10px 20px -12px #51a5ffd9}.admin-portal.user-portal .user-login-submit:hover:not(:disabled),.admin-portal.user-portal .admin-btn-primary:hover:not(:disabled){background-color:var(--admin-accent-hover);color:#e0eaff;box-shadow:0 14px 24px -12px #3563b3e6}.dark .admin-portal.user-portal .user-login-submit,.dark .admin-portal.user-portal .admin-btn-primary{color:#f2f7ff;background-color:#323b4d;box-shadow:0 10px 20px -12px #0000008c}.dark .admin-portal.user-portal .user-login-submit:hover:not(:disabled),.dark .admin-portal.user-portal .admin-btn-primary:hover:not(:disabled){background-color:var(--admin-accent);color:#fff}.admin-portal.user-portal .user-login-submit:disabled,.admin-portal.user-portal .admin-btn-primary:disabled{cursor:not-allowed;opacity:.75}.admin-portal.user-portal .user-link-plain{font-weight:inherit;color:var(--user-link);box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.admin-portal.user-portal .user-link-plain:hover{color:var(--user-link-hover);background:0 0}}.user-portal .staff-login-shell{background-image:url(/images/admin/bg/workplace-office.jpg)}