:root { --bg: #061015; --bg-soft: #0a171d; --panel: #0d1b22; --panel-2: #11232b; --line: rgba(160, 210, 221, .16); --line-strong: rgba(160, 210, 221, .28); --text: #f1f7f8; --muted: #91a8af; --mint: #2ed9ae; --mint-bright: #65f5d0; --cyan: #25bdec; --orange: #f7a928; --danger: #ff6878; --shadow: 0 28px 90px rgba(0, 0, 0, .34); font-family: Inter, Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color-scheme: dark; } /* Shared compact pagination for member-style tables. */ .paged-list-foot{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.paged-list-foot>span:last-child{text-align:right}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:7px}.admin-pagination button{width:31px;height:29px;display:grid;place-items:center;color:#c7d5df;border:1px solid #385064;border-radius:7px;background:#1d303e;font-size:17px;cursor:pointer}.admin-pagination button:hover:not(:disabled){color:#fff;border-color:#5b9ac5;background:#2d6489}.admin-pagination button:disabled{opacity:.35;cursor:not-allowed}.admin-pagination b{min-width:56px;text-align:center;color:#dce8f0;font-size:10px} @media(max-width:700px){.paged-list-foot{grid-template-columns:1fr auto}.paged-list-foot>span:last-child{display:none}} * { box-sizing: border-box; } html { max-width: 100%; scroll-behavior: smooth; overflow-x: clip; } body { width: 100%; max-width: 100%; margin: 0; color: var(--text); background: var(--bg); min-width: 320px; overflow-x: clip; } body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -2; background: radial-gradient(circle at 78% 7%, rgba(37, 189, 236, .11), transparent 27%), radial-gradient(circle at 12% 30%, rgba(46, 217, 174, .08), transparent 24%); } a { color: inherit; text-decoration: none; } button, input, select { font: inherit; } button, select { cursor: pointer; } button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible { outline: 2px solid var(--mint); outline-offset: 2px; } .shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 900; letter-spacing: -.04em; } .brand-mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; overflow: hidden; box-shadow: 0 0 28px rgba(46, 217, 174, .24); } .brand-mark img { display: block; width: 100%; height: 100%; } .brand-word { display: inline-flex; align-items: baseline; gap: 7px; font-size: 20px; } .brand-word span { color: var(--mint); font-size: 10px; letter-spacing: .14em; } .site-header { position: sticky; top: 0; z-index: 50; height: 76px; border-bottom: 1px solid transparent; transition: background .2s, border-color .2s, backdrop-filter .2s; } .scrolled .site-header { background: rgba(5, 14, 19, .86); border-color: var(--line); backdrop-filter: blur(18px); } .header-inner { height: 100%; display: flex; align-items: center; gap: 34px; } .main-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; color: #b9cacf; font-size: 14px; font-weight: 700; } .main-nav a:hover { color: var(--mint-bright); } .header-actions { display: flex; align-items: center; gap: 9px; } .header-actions > .language-field { order:90; } .header-actions > .menu-toggle { order:100; } .language-field { position: relative; display: inline-flex; align-items: center; min-width: 0; } .language-current-flag { position: absolute; z-index: 1; left: 11px; top: 50%; pointer-events: none; font-size: 18px; line-height: 1; transform: translateY(-50%); } .language-current-flag img { display: block; width: 20px; height: 14px; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgba(255,255,255,.12); } .language-select { width: 172px; height: 40px; max-width: none; padding: 0 30px 0 38px; color: #d9e7ea; border: 1px solid var(--line-strong); border-radius: 10px; background: #0a171d; } .language-field > .language-native-select { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } .site-language-trigger { width: 172px; height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 10px; color: #dce5e8; border: 1px solid var(--line-strong); border-radius: 9px; background: #0a171d; font-size: 11px; } .site-language-trigger:hover, .language-field.open .site-language-trigger { border-color: #55717a; background: #102129; } .site-language-current-flag, .site-language-option img { width: 20px; height: 13px; flex: 0 0 auto; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgba(255,255,255,.2); } .site-language-current-name { min-width: 0; overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; } .site-language-chevron { flex: 0 0 auto; margin-left: auto; color: #92a1a7; font-size: 12px; } .site-language-menu { position: absolute; z-index: 120; top: calc(100% + 8px); right: 0; width: 220px; max-height: 390px; overflow-y: auto; padding: 6px; border: 1px solid #2c3b43; border-radius: 9px; background: #111b21; box-shadow: 0 20px 45px rgba(0,0,0,.36); } .site-language-option { width: 100%; min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 0 10px; color: #dce4e7; border: 0; border-radius: 6px; background: transparent; font-size: 11px; text-align: left; } .site-language-option:hover { color: #fff; background: #1a2a32; } .site-language-option.active { color: #ecfdf5; background: rgba(46,217,174,.13); } .btn { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 18px; border: 1px solid transparent; border-radius: 10px; font-weight: 800; transition: transform .16s, border-color .16s, background .16s; } .btn:hover { transform: translateY(-1px); } .btn-primary { color: #062019; background: linear-gradient(135deg, var(--mint-bright), var(--mint)); box-shadow: 0 10px 28px rgba(46, 217, 174, .18); } .btn-secondary { color: #d8e8eb; border-color: var(--line-strong); background: rgba(15, 32, 40, .6); } .btn-ghost { color: #bdcdd1; background: transparent; } .menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 10px; color: #fff; background: #0b1920; } .hero { min-height: 720px; display: grid; align-items: center; padding: 74px 0 82px; overflow: hidden; } .hero-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); align-items: center; gap: 72px; } .hero-grid > *, .hero-copy, .hero-visual { min-width: 0; } .eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 20px; color: var(--mint-bright); font-size: 12px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; } .eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--mint); } .hero h1 { max-width: 720px; margin: 0; font-size: clamp(44px, 5.2vw, 74px); line-height: 1.02; letter-spacing: -.055em; } .hero h1 em { font-style: normal; color: transparent; background: linear-gradient(90deg, var(--mint-bright), #75d8ff); background-clip: text; -webkit-background-clip: text; } .hero-copy > p { max-width: 650px; margin: 24px 0 0; color: #a9bec4; font-size: 18px; line-height: 1.75; } .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; } .hero-visual { position: relative; min-height: 480px; } .hero-glow { position: absolute; inset: 8% 2% 0; filter: blur(40px); opacity: .6; background: radial-gradient(circle, rgba(46,217,174,.18), transparent 64%); } .terminal-card { position: absolute; width: 94%; right: 0; top: 4%; padding: 18px; border: 1px solid rgba(102, 231, 201, .24); border-radius: 22px; background: linear-gradient(155deg, rgba(17,38,46,.97), rgba(5,16,22,.95)); box-shadow: var(--shadow); transform: perspective(1100px) rotateY(-7deg) rotateX(2deg); } .terminal-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; } .dots { display: flex; gap: 7px; } .dots i { width: 7px; height: 7px; border-radius: 50%; background: #526870; } .dots i:first-child { background: var(--mint); } .quote { text-align: right; } .quote b { display: block; color: var(--mint-bright); font-size: 25px; } .quote small { color: #78d9c1; } .chart-stage { position: relative; height: 260px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: repeating-linear-gradient(to right, transparent 0 68px, rgba(142,188,198,.08) 69px), repeating-linear-gradient(to bottom, transparent 0 51px, rgba(142,188,198,.08) 52px), #061015; } .chart-stage svg { position: absolute; inset: 0; width: 100%; height: 100%; } .depth-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-top: 12px; } .depth-row div { padding: 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); } .depth-row span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 10px; text-transform: uppercase; } .depth-row b { font-size: 14px; } .float-card { position: absolute; left: -3%; bottom: 3%; display: flex; align-items: center; gap: 13px; padding: 14px 17px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(8,24,30,.94); box-shadow: 0 20px 50px rgba(0,0,0,.35); } .pulse { width: 12px; height: 12px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 7px rgba(46,217,174,.12); } .float-card b { display: block; font-size: 13px; } .float-card small { color: var(--muted); } .metrics { border-block: 1px solid var(--line); background: rgba(255,255,255,.018); } .metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); } .metric { padding: 28px 22px; border-right: 1px solid var(--line); } .metric:first-child { border-left: 1px solid var(--line); } .metric b { display: block; color: var(--mint-bright); font-size: 23px; letter-spacing: -.03em; } .metric span { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; } .section { padding: 110px 0; } .section-heading { max-width: 680px; margin-bottom: 46px; } .section-heading h2, .process-copy h2, .cta h2 { margin: 0; font-size: clamp(34px, 4vw, 52px); letter-spacing: -.045em; line-height: 1.08; } .section-heading p, .process-copy > p { color: var(--muted); font-size: 17px; line-height: 1.7; } .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .feature-card { min-height: 280px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(16,34,42,.83), rgba(6,17,22,.8)); transition: transform .2s, border-color .2s; } .feature-card:hover { transform: translateY(-5px); border-color: rgba(46,217,174,.35); } .feature-icon { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 50px; border: 1px solid rgba(46,217,174,.25); border-radius: 14px; color: var(--mint); background: rgba(46,217,174,.08); } .feature-icon svg { width: 25px; height: 25px; } .feature-card h3 { margin: 0 0 12px; font-size: 22px; } .feature-card p { margin: 0; color: var(--muted); line-height: 1.7; } .process { padding: 88px 0 110px; } .process-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; } .steps { counter-reset: step; border-top: 1px solid var(--line); } .step { counter-increment: step; position: relative; padding: 30px 20px 30px 72px; border-bottom: 1px solid var(--line); } .step::before { content: "0" counter(step); position: absolute; left: 8px; top: 32px; color: var(--mint); font-weight: 900; } .step h3 { margin: 0 0 8px; } .step p { margin: 0; color: var(--muted); line-height: 1.65; } .cta-wrap { padding: 0 0 110px; } .cta { position: relative; overflow: hidden; padding: 70px; border: 1px solid rgba(46,217,174,.24); border-radius: 24px; background: linear-gradient(120deg, #102b31, #08161c 62%); } .cta::after { content: ""; position: absolute; width: 420px; height: 420px; right: -100px; top: -230px; border-radius: 50%; background: rgba(46,217,174,.11); filter: blur(8px); } .cta p { max-width: 620px; color: var(--muted); font-size: 17px; } .cta .btn { margin-top: 18px; } .site-footer { padding: 46px 0 34px; border-top: 1px solid var(--line); } .footer-top { display: flex; justify-content: space-between; gap: 30px; align-items: flex-start; } .footer-links { display: flex; flex-wrap: wrap; gap: 22px; color: var(--muted); font-size: 13px; } .risk { max-width: 900px; margin: 34px 0 0; color: #667e85; font-size: 11px; line-height: 1.7; } .copyright { margin-top: 25px; color: #557078; font-size: 11px; } /* Authentication */ .auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(380px, .9fr) minmax(520px, 1.1fr); background: #061015; } .auth-aside { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 42px 6vw; border-right: 1px solid var(--line); background: linear-gradient(155deg, #102b32, #071419 65%); } .auth-aside::after { content: ""; position: absolute; width: 520px; height: 520px; left: -200px; bottom: -160px; border-radius: 50%; background: radial-gradient(circle, rgba(46,217,174,.23), transparent 67%); } .auth-aside-copy { position: relative; z-index: 1; max-width: 500px; margin: auto 0; } .auth-aside-copy h2 { margin: 0; font-size: clamp(38px, 4.5vw, 64px); letter-spacing: -.05em; line-height: 1.05; } .auth-aside-copy p { color: #acc0c5; font-size: 17px; line-height: 1.7; } .auth-form-side { min-width: 0; display: grid; place-items: center; padding: 40px; } .auth-card { width: min(440px, 100%); } .auth-card h1 { margin: 0 0 10px; font-size: 34px; letter-spacing: -.035em; } .auth-card > p { margin: 0 0 30px; color: var(--muted); line-height: 1.6; } .auth-card .language-field { position: fixed; z-index: 20; right: 24px; top: 22px; } .field { margin-bottom: 17px; } .field > span { display: block; margin: 0 0 8px; color: #c7d6da; font-size: 13px; font-weight: 800; } .field input { width: 100%; height: 50px; padding: 0 14px; color: #fff; border: 1px solid var(--line-strong); border-radius: 10px; background: #0a171d; transition: border-color .16s, box-shadow .16s; } .field input:focus { border-color: var(--mint); box-shadow: 0 0 0 3px rgba(46,217,174,.1); outline: 0; } .field-hint { margin: 7px 0 0; color: #708a91; font-size: 11px; } .check-row { display: flex; align-items: flex-start; gap: 9px; margin: 18px 0; color: #9db0b5; font-size: 12px; line-height: 1.45; } .check-row input { accent-color: var(--mint); } .auth-submit { width: 100%; height: 50px; } .auth-switch { margin-top: 22px; color: var(--muted); font-size: 13px; text-align: center; } .auth-switch a { color: var(--mint-bright); font-weight: 800; } .form-message { min-height: 20px; margin-bottom: 12px; font-size: 12px; } .form-message.error { color: var(--danger); } .form-message.success { color: var(--mint); } .auth-mobile-brand { display: none; margin-bottom: 30px; } .register-page .auth-aside { isolation: isolate; background: #071115 url('/pop/assets/trading-workspace-photo.jpg') center 58% / cover no-repeat; } .register-page .auth-aside::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(135deg, rgba(5,13,17,.9), rgba(6,18,23,.68) 58%, rgba(5,13,17,.86)); } .register-page .auth-aside::after { display: none; } .register-page .auth-aside > * { position: relative; z-index: 1; } .register-page .auth-aside-copy { max-width: 540px; } .register-page .auth-aside-copy h2 { max-width: 520px; font-size: clamp(34px, 3.8vw, 54px); line-height: 1.12; } .register-page .auth-aside-copy p { max-width: 500px; color: #d2d9db; font-size: 15px; } /* Dashboard */ .dashboard-body { min-height: 100vh; overflow-x: hidden; background: #070d10; } .dashboard-layout { min-height: 100vh; display: grid; grid-template-columns: 248px minmax(0, 1fr); } .sidebar { position: fixed; z-index: 40; inset: 0 auto 0 0; width: 248px; display: flex; flex-direction: column; padding: 24px 14px; border-right: 1px solid var(--line); background: #091216; } .sidebar .brand { padding: 0 10px 23px; border-bottom: 1px solid var(--line); } .side-nav { display: grid; gap: 4px; padding: 18px 0; } .side-nav button { width: 100%; height: 46px; display: flex; align-items: center; gap: 12px; padding: 0 14px; color: #91a6ac; border: 0; border-radius: 9px; text-align: left; background: transparent; font-weight: 700; } .side-nav button:hover, .side-nav button.active { color: #fff; background: #15252b; } .side-nav button.active::before { background: var(--mint); box-shadow: 0 0 12px rgba(46,217,174,.5); } .side-nav button::before { content: ""; width: 7px; height: 7px; flex: 0 0 auto; border: 1px solid #638087; border-radius: 2px; } .side-divider { height: 1px; margin: 10px 8px; background: var(--line); } .sidebar-bottom { margin-top: auto; padding: 14px 10px; color: #647c82; font-size: 11px; line-height: 1.6; } .dashboard-main { grid-column: 2; min-width: 0; margin-left: 0; } .dashboard-top { height: 78px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 0 28px; border-bottom: 1px solid var(--line); background: rgba(7,13,16,.9); } .icon-button { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; color: #b9cbd0; border: 1px solid var(--line); border-radius: 10px; background: #0b191f; } .icon-button:hover { color: #fff; border-color: var(--line-strong); } .user-menu { display: flex; align-items: center; gap: 10px; padding: 7px 10px 7px 8px; border: 1px solid var(--line); border-radius: 11px; } .user-avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #05241c; background: var(--mint); font-weight: 900; } .user-menu div { min-width: 0; } .user-menu b, .user-menu small { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-menu b { font-size: 12px; } .user-menu small { color: var(--muted); font-size: 10px; } .sidebar-toggle { display: none; } .dashboard-content { padding: 42px clamp(24px, 4vw, 60px) 70px; } .dashboard-heading { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; margin-bottom: 28px; } .dashboard-heading h1 { margin: 0; font-size: 33px; letter-spacing: -.04em; } .dashboard-heading p { margin: 8px 0 0; color: var(--muted); } .account-empty { min-height: 310px; display: grid; place-items: center; padding: 44px; border: 1px solid var(--line-strong); border-radius: 18px; text-align: center; background: rgba(255,255,255,.012); } .empty-icon { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 22px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--muted); background: #0d1a20; } .empty-icon svg { width: 28px; height: 28px; } .account-empty h2 { margin: 0 0 10px; font-size: 23px; } .account-empty p { max-width: 540px; margin: 0 auto 24px; color: var(--muted); line-height: 1.6; } .dashboard-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; margin-top: 18px; } .dash-card { min-height: 180px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: #0b151a; } .dash-card h3 { margin: 0 0 10px; } .dash-card p { color: var(--muted); line-height: 1.6; } .info-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; } .info-card > div { min-width: 0; } .info-card > a { color: var(--mint-bright); font-size: 12px; font-weight: 800; white-space: nowrap; } .info-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(46,217,174,.24); border-radius: 12px; color: var(--mint-bright); background: rgba(46,217,174,.08); font-size: 19px; } .profile-row { display: flex; align-items: center; gap: 13px; margin-top: 24px; } .profile-row .user-avatar { width: 46px; height: 46px; } .status-pill { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; padding: 6px 9px; color: var(--mint-bright); border: 1px solid rgba(46,217,174,.24); border-radius: 20px; font-size: 11px; } .status-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); } .placeholder-view { min-height: 560px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 18px; color: var(--muted); } [hidden] { display: none !important; } @media (max-width: 980px) { .main-nav { display: none; } .menu-toggle { display: grid; place-items: center; } .menu-open .main-nav { position: fixed; display: grid; inset: 76px 20px auto; gap: 0; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: #0a171d; box-shadow: var(--shadow); } .menu-open .main-nav a { padding: 14px; } .hero-grid { grid-template-columns: 1fr; } .hero-visual { min-height: 440px; } .feature-grid { grid-template-columns: 1fr; } .feature-card { min-height: auto; } .feature-icon { margin-bottom: 28px; } .process-grid { grid-template-columns: 1fr; gap: 36px; } .auth-page { grid-template-columns: 1fr; } .auth-aside { min-height: 300px; padding: 34px; } .auth-form-side { padding: 60px 24px; } } @media (max-width: 760px) { .challenge-form-card>header{align-items:flex-start;flex-wrap:wrap}.challenge-form-card>header .payout-option-add{width:100%;margin-left:43px}.payout-option-builder{padding:12px}.payout-option-card>header{flex-wrap:wrap}.payout-option-card h3{flex-basis:100%}.payout-option-fields{grid-template-columns:1fr;padding:12px}.payout-option-fields label:last-child{grid-column:auto}.payout-rule-row{grid-template-columns:minmax(0,1fr) 90px auto}.payout-rule-row [data-payout-rule-label]{grid-column:1/3}.payout-rule-row .payout-row-remove{grid-column:3;grid-row:1/3}.challenge-live-preview{padding:12px}.admin-product-preview-rules,.admin-product-preview-options{grid-template-columns:1fr} .shell { width: calc(100% - 24px); max-width: 1180px; } .site-header { height: 66px; } .header-inner { gap: 8px; } .header-actions .btn-ghost { display: none; } .header-actions .language-field { width: 142px; } .header-actions .language-select { width: 100%; min-width: 0; } .brand-word { font-size: 17px; } .hero { min-height: auto; padding: 58px 0 70px; } .hero-grid { gap: 34px; } .hero h1 { max-width: 100%; font-size: clamp(34px, 10.5vw, 48px); overflow-wrap: anywhere; } .hero-copy > p { font-size: 16px; } .hero-actions { display: grid; grid-template-columns: 1fr; } .hero-actions .btn { width: 100%; min-width: 0; } .hero-visual { min-height: 350px; } .terminal-card { position: relative; top: auto; right: auto; width: 100%; max-width: 100%; padding: 12px; transform: none; } .chart-stage { height: 210px; } .float-card { left: 8px; right: 8px; bottom: -8px; min-width: 0; } .metric-grid { grid-template-columns: 1fr 1fr; } .metric:nth-child(odd) { border-left: 1px solid var(--line); } .section { padding: 78px 0; } .cta { padding: 44px 24px; } .footer-top { display: grid; } .auth-aside { display: none; } .auth-mobile-brand { display: inline-flex; } .auth-form-side { width: 100%; padding: 72px 16px 48px; overflow: hidden; } .auth-card { width: 100%; max-width: 440px; min-width: 0; } .auth-card .language-field { right: 12px; top: 14px; } .auth-card .language-select { width: 142px; min-width: 0; } .dashboard-layout { display: block; } .sidebar { transform: translateX(-102%); transition: transform .2s; box-shadow: 20px 0 50px rgba(0,0,0,.4); } .sidebar-open .sidebar { transform: translateX(0); } .dashboard-main { width: 100%; margin-left: 0; } .dashboard-top { height: 68px; padding: 0 12px; } .sidebar-toggle { width: 40px; height: 40px; display: grid; place-items: center; margin-right: auto; border: 1px solid var(--line); border-radius: 9px; color: #fff; background: #0b191f; } .dashboard-top .language-field { width: 142px; } .dashboard-top .language-select { width: 100%; min-width: 0; } .dash-trade-link { display: none; } .user-menu div { display: none; } .dashboard-content { padding: 28px 12px 50px; } .dashboard-heading { display: grid; align-items: start; } .dashboard-heading .btn { width: 100%; } .account-empty { min-height: 350px; padding: 28px 18px; } .dashboard-grid { grid-template-columns: 1fr; } .info-card { grid-template-columns: auto 1fr; } .info-card > a, .info-card > .status-pill { grid-column: 2; justify-self: start; } } /* Dashboard theme picker and extended palettes */ .theme-field{position:relative;display:inline-flex}.theme-menu{position:absolute;z-index:1180;top:calc(100% + 10px);right:0;width:320px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid #d9e2ea;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 22px 58px rgba(26,43,61,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:languagePanelIn .22s cubic-bezier(.2,.75,.25,1) both}.theme-menu[hidden]{display:none!important}.theme-menu button{min-width:0;height:46px;display:grid;grid-template-columns:27px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 10px;color:#44576a;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;font:800 10px/1.2 inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.theme-menu button:hover{border-color:#cbd9e4;background:#f2f7fa;transform:translateY(-1px)}.theme-menu button i{width:27px;height:27px;display:grid;place-items:center;color:#fff;border-radius:8px;background:#466f98;font-style:normal;font-size:14px}.theme-menu button b{color:#36b88f;font-size:14px;opacity:0}.theme-menu button[aria-selected="true"]{color:#245f51;border-color:#66cbb0;background:#e9f8f3}.theme-menu button[aria-selected="true"] b{opacity:1}.theme-menu button[data-theme-option="light"] i{color:#a56614;background:#fff0b8}.theme-menu button[data-theme-option="dark"] i{background:#263545}.theme-menu button[data-theme-option="midnight"] i{background:#4f46a5}.theme-menu button[data-theme-option="slate"] i{background:#62788d}.theme-menu button[data-theme-option="ocean"] i{background:#087c9d}.theme-menu button[data-theme-option="forest"] i{background:#27734e}.theme-menu button[data-theme-option="graphite"] i{background:#3c4148}.theme-menu button[data-theme-option="violet"] i{background:#7b4db1}.theme-menu button[data-theme-option="sand"] i{color:#7b5728;background:#ddc49b}.theme-menu button[data-theme-option="rose"] i{background:#ba637c}html[data-dashboard-theme="dark"] .theme-menu{border-color:#364755;background:rgba(24,35,46,.98);box-shadow:0 24px 66px rgba(0,0,0,.48)}html[data-dashboard-theme="dark"] .theme-menu button{color:#c7d2dc}html[data-dashboard-theme="dark"] .theme-menu button:hover{border-color:#465c6c;background:#23313d}html[data-dashboard-theme="dark"] .theme-menu button[aria-selected="true"]{color:#9ce3d0;border-color:#3a9d82;background:#173d36}.theme-toggle[data-theme-mode="ocean"] .theme-switch{background:#1685a6}.theme-toggle[data-theme-mode="forest"] .theme-switch{background:#34815c}.theme-toggle[data-theme-mode="graphite"] .theme-switch{background:#555d66}.theme-toggle[data-theme-mode="violet"] .theme-switch{background:#8159b2}.theme-toggle[data-theme-mode="sand"] .theme-switch{background:#b99258}.theme-toggle[data-theme-mode="rose"] .theme-switch{background:#bb6a81} html[data-dashboard-palette="ocean"] .dashboard-body{background:#07151e}html[data-dashboard-palette="ocean"] .sidebar{background:linear-gradient(180deg,#0b2735,#0a1e2a)}html[data-dashboard-palette="ocean"] .dashboard-top{background:#0b202c}html[data-dashboard-palette="ocean"] .summary-card,html[data-dashboard-palette="ocean"] .member-panel,html[data-dashboard-palette="ocean"] .challenge-product-card,html[data-dashboard-palette="ocean"] .challenge-account-toolbar,html[data-dashboard-palette="ocean"] .challenge-balance-panel,html[data-dashboard-palette="ocean"] .challenge-objectives-panel{border-color:#254756!important;background:#102936!important} html[data-dashboard-palette="forest"] .dashboard-body{background:#091712}html[data-dashboard-palette="forest"] .sidebar{background:linear-gradient(180deg,#143326,#0d241b)}html[data-dashboard-palette="forest"] .dashboard-top{background:#10261e}html[data-dashboard-palette="forest"] .summary-card,html[data-dashboard-palette="forest"] .member-panel,html[data-dashboard-palette="forest"] .challenge-product-card,html[data-dashboard-palette="forest"] .challenge-account-toolbar,html[data-dashboard-palette="forest"] .challenge-balance-panel,html[data-dashboard-palette="forest"] .challenge-objectives-panel{border-color:#315342!important;background:#172d24!important} html[data-dashboard-palette="graphite"] .dashboard-body{background:#101214}html[data-dashboard-palette="graphite"] .sidebar{background:linear-gradient(180deg,#24282d,#191c20)}html[data-dashboard-palette="graphite"] .dashboard-top{background:#1b1f23}html[data-dashboard-palette="graphite"] .summary-card,html[data-dashboard-palette="graphite"] .member-panel,html[data-dashboard-palette="graphite"] .challenge-product-card,html[data-dashboard-palette="graphite"] .challenge-account-toolbar,html[data-dashboard-palette="graphite"] .challenge-balance-panel,html[data-dashboard-palette="graphite"] .challenge-objectives-panel{border-color:#3a4148!important;background:#20252a!important} html[data-dashboard-palette="violet"] .dashboard-body{background:#130f20}html[data-dashboard-palette="violet"] .sidebar{background:linear-gradient(180deg,#2b2142,#1d1730)}html[data-dashboard-palette="violet"] .dashboard-top{background:#211a34}html[data-dashboard-palette="violet"] .summary-card,html[data-dashboard-palette="violet"] .member-panel,html[data-dashboard-palette="violet"] .challenge-product-card,html[data-dashboard-palette="violet"] .challenge-account-toolbar,html[data-dashboard-palette="violet"] .challenge-balance-panel,html[data-dashboard-palette="violet"] .challenge-objectives-panel{border-color:#493d62!important;background:#261f39!important} html[data-dashboard-palette="sand"] .dashboard-body{background:#f2ede3}html[data-dashboard-palette="sand"] .sidebar{background:linear-gradient(180deg,#e8dcc7,#dfcfb5)}html[data-dashboard-palette="sand"] .dashboard-top{background:#faf6ee}html[data-dashboard-palette="sand"] .summary-card,html[data-dashboard-palette="sand"] .member-panel,html[data-dashboard-palette="sand"] .challenge-product-card,html[data-dashboard-palette="sand"] .challenge-account-toolbar,html[data-dashboard-palette="sand"] .challenge-balance-panel,html[data-dashboard-palette="sand"] .challenge-objectives-panel{border-color:#d9c8aa!important;background:#fffaf1!important} html[data-dashboard-palette="rose"] .dashboard-body{background:#f6edf0}html[data-dashboard-palette="rose"] .sidebar{background:linear-gradient(180deg,#ead4dc,#dfc5cf)}html[data-dashboard-palette="rose"] .dashboard-top{background:#fff7f9}html[data-dashboard-palette="rose"] .summary-card,html[data-dashboard-palette="rose"] .member-panel,html[data-dashboard-palette="rose"] .challenge-product-card,html[data-dashboard-palette="rose"] .challenge-account-toolbar,html[data-dashboard-palette="rose"] .challenge-balance-panel,html[data-dashboard-palette="rose"] .challenge-objectives-panel{border-color:#dfc3cc!important;background:#fff9fb!important} /* One-line order history table */ .dashboard-order-table-head,.dashboard-order-item{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(105px,.7fr) minmax(130px,.82fr) minmax(190px,1.2fr) 105px 92px;align-items:center;gap:14px}.dashboard-order-table-head{min-height:42px;padding:0 19px;color:#7e8c99;border-bottom:1px solid #dfe6ec;background:rgba(91,116,140,.04);font-size:9px;font-weight:800}.dashboard-order-item{min-height:62px;padding:9px 19px}.dashboard-order-item>div,.dashboard-order-item>small,.dashboard-order-item>span{min-width:0;margin:0}.dashboard-order-item>small,.dashboard-order-item>span{overflow:hidden;color:#8292a1;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.dashboard-order-item>span{text-align:left}.dashboard-order-item .dashboard-order-status{justify-self:end}.copy-address-icon{position:relative;width:14px;height:14px;display:inline-block;flex:0 0 14px;margin-right:5px}.copy-address-icon:before,.copy-address-icon:after{content:"";position:absolute;width:8px;height:8px;border:1.5px solid currentColor;border-radius:2px}.copy-address-icon:before{left:1px;top:4px}.copy-address-icon:after{left:4px;top:1px;background:inherit}.voucher-batch-state{min-height:29px;padding:0 10px;border:1px solid #455565;border-radius:6px;color:#a9b6c2;background:#25313d;font-size:9px;font-weight:850}.voucher-batch-state.active{color:#7ce0bf;border-color:#267b61;background:#173c31}.voucher-batch-state.inactive{color:#f0aa9f;border-color:#7c403b;background:#3b2424} @media(max-width:900px){.dashboard-order-table-head{display:none}.dashboard-order-item{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:13px 15px}.dashboard-order-item>div{grid-column:1}.dashboard-order-item>small,.dashboard-order-item>span{grid-column:1}.dashboard-order-item .dashboard-order-status{grid-column:2;grid-row:1/6;align-self:center}.theme-menu{position:fixed;top:76px;right:10px;left:auto;width:min(320px,calc(100vw - 20px))}} @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* 2026 corporate landing refresh */ .landing-body { color: #eef2f3; background: #0c1216; } .landing-body::before { display: none; } .landing-body .shell { width: min(1160px, calc(100% - 48px)); } .landing-body .site-header { height: 72px; background: rgba(12,18,22,.82); border-bottom: 1px solid rgba(255,255,255,.07); backdrop-filter: blur(18px); } .landing-body .header-inner { gap: 30px; } .landing-body .brand-mark { width: 34px; height: 34px; border-radius: 9px; box-shadow: none; } .landing-body .brand-word { font-size: 18px; letter-spacing: -.025em; } .landing-body .brand-word span { color: #7cdcc7; font-size: 9px; letter-spacing: .17em; } .landing-body .main-nav { gap: 26px; color: #b4bec3; font-size: 13px; font-weight: 600; } .landing-body .main-nav a:hover { color: #fff; } .landing-body .header-actions { flex-wrap: nowrap; gap: 10px; margin-left: auto; } .auth-actions { display: flex; align-items: center; gap: 5px; } .auth-pending [data-auth-guest], .auth-pending [data-auth-user] { visibility: hidden; } .landing-body .language-select { width: 148px; height: 38px; border-color: rgba(255,255,255,.12); border-radius: 8px; background: #111a20; font-size: 12px; } .landing-body .site-language-trigger { width: 148px; height: 38px; border-color: rgba(255,255,255,.12); border-radius: 8px; background: #111a20; } .landing-body .btn { min-height: 40px; padding: 0 16px; border-radius: 8px; font-size: 13px; font-weight: 700; } .landing-body .btn-primary { color: #0a201b; background: #79e0c8; box-shadow: none; } .landing-body .btn-primary:hover { background: #91ead5; } .landing-body .btn-ghost { color: #d4dcdf; } .landing-body .header-login-button { color:#dce9f3; border:1px solid rgba(143,177,204,.34); background:rgba(83,119,148,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .landing-body .header-login-button:hover { color:#fff; border-color:rgba(163,198,225,.62); background:rgba(96,137,170,.26); } .landing-body .dashboard-shortcut { min-height:38px; padding:0 14px; color:#dff8f2; border:1px solid rgba(121,224,200,.42); border-radius:8px; background:rgba(121,224,200,.11); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); font-size:12px; font-weight:750; white-space:nowrap; } .landing-body .dashboard-shortcut:hover { color:#fff; border-color:rgba(121,224,200,.68); background:rgba(121,224,200,.18); } .landing-body .hero { min-height: 690px; padding: 72px 0 84px; } .landing-body .hero-grid { grid-template-columns: minmax(0, .93fr) minmax(400px, .77fr); gap: 84px; } .landing-body .hero-copy { padding-top: 4px; } .landing-body .eyebrow { margin-bottom: 22px; color: #7cdcc7; font-size: 10px; letter-spacing: .21em; } .landing-body .eyebrow::before { width: 18px; height: 1px; background: #7cdcc7; } .landing-body .hero h1 { max-width: 620px; font-size: clamp(42px, 4.2vw, 58px); line-height: 1.12; letter-spacing: -.045em; font-weight: 720; text-wrap: balance; } .landing-body .hero-copy > p { max-width: 570px; margin-top: 24px; color: #a7b0b5; font-size: 16px; line-height: 1.75; } .landing-body .hero-actions { align-items: center; gap: 22px; margin-top: 32px; } .landing-body .text-link { display: inline-flex; align-items: center; gap: 8px; color: #e3e8ea; font-size: 13px; font-weight: 650; } .landing-body .text-link:hover { color: #7cdcc7; } .hero-note { display: flex; align-items: center; gap: 9px; margin-top: 52px; color: #758188; font-size: 11px; } .hero-note > span:first-child { width: 6px; height: 6px; border-radius: 50%; background: #64d5bb; } .hero-photo { position: relative; width: 100%; height: 520px; margin: 0; overflow: hidden; border-radius: 26px; background: #192126; box-shadow: 0 36px 70px rgba(0,0,0,.28); } .hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 54%, rgba(4,8,10,.77)); pointer-events: none; } .hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; filter: saturate(.76) contrast(1.03); } .hero-photo figcaption { position: absolute; z-index: 1; left: 26px; right: 26px; bottom: 23px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; color: #fff; } .hero-photo figcaption b { font-size: 13px; letter-spacing: .02em; } .hero-photo figcaption span { max-width: 230px; color: #cbd2d5; font-size: 11px; line-height: 1.5; text-align: right; } .trust-strip { color: #172128; border: 0; background: #fff; } .trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); } .trust-grid > div { display: grid; gap: 4px; padding: 25px 24px; border-right: 1px solid #e6e9eb; } .trust-grid > div:first-child { border-left: 1px solid #e6e9eb; } .trust-grid b { color: #10181d; font-size: 15px; letter-spacing: -.02em; } .trust-grid span { color: #7b858b; font-size: 11px; } .landing-body .platform-section { padding: 110px 0 120px; color: #172128; background: #f5f6f7; } .landing-body .section-heading { max-width: 610px; margin-bottom: 52px; } .landing-body .section-heading h2, .landing-body .process-copy h2, .landing-body .cta h2 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.16; letter-spacing: -.04em; } .landing-body .section-heading p, .landing-body .process-copy > p { color: #6d777d; font-size: 15px; line-height: 1.75; } .landing-body .feature-grid { gap: 16px; } .landing-body .feature-card { min-height: 310px; display: flex; flex-direction: column; padding: 30px; color: #172128; border: 1px solid #e1e4e6; border-radius: 14px; background: #fff; box-shadow: 0 14px 34px rgba(31,44,52,.05); } .landing-body .feature-card:hover { transform: translateY(-3px); border-color: #cad1d4; } .feature-number { display: block; margin-bottom: auto; color: #8d979c; font-size: 11px; font-weight: 750; letter-spacing: .12em; } .landing-body .feature-card h3 { margin: 52px 0 12px; font-size: 19px; letter-spacing: -.025em; } .landing-body .feature-card p { color: #707a80; font-size: 13px; line-height: 1.75; } .landing-body .feature-card a { margin-top: 24px; color: #206d62; font-size: 12px; font-weight: 750; } .landing-body .process { padding: 116px 0; color: #172128; background: #fff; } .landing-body .process-grid { grid-template-columns: .9fr 1.1fr; gap: 110px; } .landing-body .steps { border-color: #e3e6e8; } .landing-body .step { padding: 27px 18px 27px 64px; border-color: #e3e6e8; } .landing-body .step::before { left: 2px; top: 29px; color: #2a766b; font-size: 12px; } .landing-body .step h3 { color: #172128; font-size: 17px; } .landing-body .step p { color: #758087; font-size: 13px; } .landing-body .cta-wrap { padding: 0 0 110px; color: #fff; background: #fff; } .landing-body .cta { display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; padding: 64px; border: 0; border-radius: 20px; background: #17232b; } .landing-body .cta::after { display: none; } .landing-body .cta h2 { max-width: 650px; } .landing-body .cta p { max-width: 620px; color: #aab4b9; font-size: 14px; line-height: 1.7; } .landing-body .cta .btn { flex: 0 0 auto; margin: 0; } .landing-body .site-footer { padding: 44px 0 30px; color: #cfd6d9; background: #0c1216; } .landing-body .footer-links span { display: flex; gap: 22px; } .landing-body .footer-links button { padding: 0; color: inherit; border: 0; background: transparent; cursor: pointer; } .footer-meta { display: flex; justify-content: space-between; gap: 24px; margin-top: 24px; color: #536067; font-size: 10px; } .footer-meta a:hover { color: #8e9a9f; } /* 2026 SB Admin-inspired dashboard refresh */ .dashboard-body { --admin-blue:#315b8a; --admin-navy:#22334c; min-height: 100vh; color: #344050; background: #f3f5f8; color-scheme: light; } .dashboard-body::before { display: none; } .dashboard-body .dashboard-layout { grid-template-columns: 248px minmax(0, 1fr); } .dashboard-body .sidebar { width: 248px; padding: 0 13px 18px; color: #d7e0eb; border: 0; background: linear-gradient(180deg, #293d5b 0%, #213149 100%); box-shadow: 4px 0 16px rgba(30,46,69,.08); } .dashboard-body .sidebar .brand { min-height: 74px; padding: 0 10px; border-bottom: 1px solid rgba(255,255,255,.1); } .dashboard-body .sidebar .brand-mark { width: 31px; height: 31px; border-radius: 8px; box-shadow: none; } .dashboard-body .sidebar .brand-word { color: #fff; font-size: 17px; } .dashboard-body .sidebar .brand-word span { color: #a9bed6; font-size: 8px; } .side-label { padding: 19px 13px 7px; color: #879cb6; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .dashboard-body .side-nav { gap: 3px; padding: 0; } .dashboard-body .side-nav button { height: 41px; gap: 11px; padding: 0 13px; color: #b7c5d6; border-radius: 7px; font-size: 12px; font-weight: 600; } .dashboard-body .side-nav button:hover { color: #fff; background: rgba(255,255,255,.07); } .dashboard-body .side-nav button.active { color: #fff; background: rgba(255,255,255,.12); box-shadow: inset 3px 0 #79d7c1; } .dashboard-body .side-nav button::before { display: none; } .nav-indicator { width: 7px; height: 7px; flex: 0 0 auto; border: 1px solid #8197b0; border-radius: 2px; } .dashboard-body .side-nav button.active .nav-indicator { border-color: #78ddc5; background: #78ddc5; } .dashboard-body .side-divider { margin: 11px 7px 0; background: rgba(255,255,255,.1); } .dashboard-body .sidebar-bottom { display: grid; gap: 4px; padding: 15px 11px 0; color: #7f94ad; } .dashboard-body .sidebar-bottom b { color: #9fb0c4; font-size: 10px; } .dashboard-body .sidebar-bottom span { font-size: 9px; } .dashboard-body .dashboard-main { padding-top:74px; } .dashboard-body .dashboard-top { position:fixed; z-index:900; top:0; right:0; left:248px; height:74px; justify-content:space-between; padding:0 28px; border-color:#e2e6eb; background:rgba(255,255,255,.95); box-shadow:0 1px 8px rgba(38,53,69,.04); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .dashboard-breadcrumb { display: grid; gap: 3px; } .dashboard-breadcrumb b { color: #273547; font-size: 13px; } .dashboard-breadcrumb span { color: #8a96a3; font-size: 10px; } .dashboard-top-actions { display: flex; align-items: center; gap: 9px; } .dashboard-top-actions > .language-field { order:99; } .dashboard-top-actions > .theme-field,.dashboard-top-actions > .language-field,.dashboard-top-actions > .admin-shortcut,.dashboard-top-actions > .user-menu,.dashboard-top-actions > .logout-button{height:40px;min-height:40px;box-sizing:border-box}.dashboard-top-actions .theme-toggle,.dashboard-top-actions .site-language-trigger{height:40px;min-height:40px;box-sizing:border-box} .theme-toggle { min-width: 96px; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; color: #596879; border: 1px solid #dbe1e7; border-radius: 7px; background: #fff; font: 700 10px/1 inherit; } .theme-toggle:hover { color: #315b8a; border-color: #bdc8d3; background: #f8fafc; } .theme-toggle [data-theme-icon] { font-size: 15px; line-height: 1; } .dashboard-body .language-select { width: 154px; height: 38px; color: #4e5b6a; border-color: #dbe1e7; border-radius: 7px; background: #fff; font-size: 11px; } .dashboard-body .site-language-trigger { width: 154px; height: 38px; color: #4e5b6a; border-color: #dbe1e7; border-radius: 7px; background: #fff; } .dashboard-body .site-language-trigger:hover, .dashboard-body .language-field.open .site-language-trigger { border-color: #b7c4d0; background: #f8fafc; } .dashboard-body .site-language-menu { border-color: #d7dee5; background: #fff; box-shadow: 0 18px 38px rgba(36,51,69,.16); } .dashboard-body .site-language-option { color: #526172; } .dashboard-body .site-language-option:hover { color: #315b8a; background: #f3f6f9; } .dashboard-body .site-language-option.active { color: #285d4c; background: #eaf8f3; } .dashboard-body .btn { min-height: 38px; padding: 0 14px; border-radius: 7px; font-size: 11px; font-weight: 700; } .dashboard-body .dash-trade-link { color: #fff; background: var(--admin-blue); } .dashboard-body .logout-button { color: #5f6c7b; border: 1px solid #dbe1e7; background: #fff; } .dashboard-body .user-menu { padding: 5px 9px 5px 6px; border-color: #e1e5e9; border-radius: 8px; background: #fff; } .dashboard-body .user-avatar { color: #fff; border-radius: 6px; background: #47709c; } .dashboard-body .user-menu b { color: #354254; } .dashboard-body .user-menu small { color: #8a96a3; } .dashboard-body .dashboard-content { max-width: 1500px; margin: 0 auto; padding: 36px clamp(24px, 3.2vw, 48px) 64px; } .dashboard-body .dashboard-heading { align-items: center; margin-bottom: 26px; } .page-kicker { display: block; margin-bottom: 7px; color: #6280a1; font-size: 9px; font-weight: 800; letter-spacing: .16em; } .dashboard-body .dashboard-heading h1 { color: #253345; font-size: 27px; font-weight: 720; letter-spacing: -.035em; } .dashboard-body .dashboard-heading p { color: #7b8794; font-size: 12px; } .dashboard-body .dashboard-heading p b { color: #4a5869; } .dashboard-body .btn-primary { color: #fff; background: #315b8a; box-shadow: none; } .summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 20px; } .summary-card { position: relative; min-height: 120px; display: grid; align-content: center; gap: 5px; padding: 21px 22px; overflow: hidden; border: 1px solid #e0e5ea; border-radius: 9px; background: #fff; box-shadow: 0 3px 12px rgba(43,59,77,.04); } .summary-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #5a78a2; } .summary-card.green::before { background: #3ca37c; } .summary-card.amber::before { background: #d79b36; } .summary-card.slate::before { background: #778596; } .summary-card > span { color: #788493; font-size: 10px; font-weight: 700; } .summary-card > b { color: #2e3b4c; font-size: 22px; letter-spacing: -.03em; } .summary-card > small { min-height: 14px; overflow: hidden; color: #99a3ad; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; } .dashboard-columns { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .7fr); gap: 20px; } .admin-panel { overflow: hidden; border: 1px solid #dfe4ea; border-radius: 10px; background: #fff; box-shadow: 0 4px 14px rgba(42,58,75,.04); } .admin-panel > header { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 19px; border-bottom: 1px solid #e7eaee; } .admin-panel h2 { margin: 0; color: #324052; font-size: 14px; } .admin-panel header p { margin: 5px 0 0; color: #8a95a1; font-size: 10px; } .panel-badge { padding: 5px 8px; color: #88713f; border: 1px solid #eadfc8; border-radius: 20px; background: #fffaf0; font-size: 9px; font-weight: 700; } .dashboard-body .account-empty { min-height: 338px; padding: 35px 24px; border: 0; border-radius: 0; background: #fff; } .dashboard-body .empty-icon { width: 48px; height: 48px; margin-bottom: 17px; color: #6580a0; border-color: #d9e0e8; background: #f3f6f9; font-size: 20px; } .dashboard-body .account-empty h3 { margin: 0 0 8px; color: #354254; font-size: 15px; } .dashboard-body .account-empty p { color: #8994a0; font-size: 11px; } .dashboard-side-stack { display: grid; align-content: start; gap: 16px; } .quick-panel > a, .quick-panel > button { width: 100%; min-height: 49px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; color: #526172; border: 0; border-bottom: 1px solid #edf0f3; background: #fff; font-size: 11px; text-align: left; } .quick-panel > a:hover, .quick-panel > button:hover { color: #315b8a; background: #f8fafc; } .quick-panel > a:last-child, .quick-panel > button:last-child { border-bottom: 0; } .quick-panel > a b, .quick-panel > button b { color: #9aa6b2; font-size: 13px; } .profile-panel { padding-bottom: 17px; } .profile-panel .status-pill { margin: 0; color: #318463; border-color: #cde8dd; background: #f3fbf7; } .profile-summary { display: flex; align-items: center; gap: 12px; padding: 18px 19px 2px; } .profile-summary .user-avatar { width: 40px; height: 40px; } .profile-summary div { min-width: 0; } .profile-summary b, .profile-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .profile-summary b { color: #344153; font-size: 12px; } .profile-summary small { margin-top: 4px; color: #8d98a3; font-size: 9px; } .dashboard-body .placeholder-view { min-height: 520px; color: #7c8895; border-color: #dfe4ea; background: #fff; } .challenge-market-view[hidden] { display:none !important; }.challenge-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:20px; }.dashboard-loading { grid-column:1/-1; min-height:180px; display:grid; place-items:center; color:#8995a1; border:1px dashed #d7dee5; border-radius:10px; background:#fff; font-size:11px; }.dashboard-loading.error { color:#be5754; } .challenge-product-card { position:relative; min-width:0; display:grid; grid-template-rows:auto auto 1fr auto; gap:15px; padding:21px; border:1px solid #dfe4ea; border-radius:11px; background:#fff; box-shadow:0 4px 15px rgba(42,58,75,.04); }.challenge-product-card.recommended { border-color:#d8aa62; box-shadow:0 8px 24px rgba(160,112,45,.1); }.product-recommended { position:absolute; top:-11px; left:50%; padding:5px 11px; color:#8e5d19; border:1px solid #e0b66f; border-radius:999px; background:#fff8e9; font-size:8px; font-weight:850; transform:translateX(-50%); }.challenge-product-card h2 { margin:0; color:#2f3e50; font-size:18px; letter-spacing:-.025em; }.challenge-product-card header strong { display:block; margin-top:6px; color:#61758d; font-size:12px; }.challenge-product-card header p { min-height:36px; margin:10px 0 0; color:#84909c; font-size:10px; line-height:1.65; } .challenge-product-price { display:flex; align-items:baseline; gap:7px; padding-bottom:14px; border-bottom:1px solid #e8ecf0; }.challenge-product-price b { color:#315b8a; font-size:22px; letter-spacing:-.03em; }.challenge-product-price del { color:#a1aab3; font-size:10px; }.challenge-product-price span { color:#8a96a2; font-size:9px; }.challenge-product-rules { display:grid; align-content:start; }.challenge-product-rules > div { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #edf0f3; }.challenge-product-rules span { color:#738190; font-size:9px; }.challenge-product-rules b { color:#455567; font-size:10px; }.challenge-buy-button { width:100%; color:#fff; background:#315b8a; }.dashboard-order-panel { margin-top:20px; }.dashboard-order-list { display:grid; }.dashboard-order-item { min-height:68px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:18px; padding:11px 19px; border-bottom:1px solid #edf0f3; }.dashboard-order-item:last-child { border-bottom:0; }.dashboard-order-item div { min-width:0; display:grid; gap:4px; }.dashboard-order-item div b { overflow:hidden; color:#354456; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.dashboard-order-item small { color:#8e99a4; font-size:9px; }.dashboard-order-item > span { color:#536b84; font-size:10px; font-weight:750; }.dashboard-order-status { padding:5px 8px; color:#8a682c; border-radius:999px; background:#faf1dd; font-size:9px; }.dashboard-order-status.paid { color:#376b92; background:#eaf2f8; }.dashboard-order-status.active { color:#2d805e; background:#eaf7f1; }.dashboard-order-status.suspended { color:#994b42; background:#fae9e7; }.dashboard-order-status.ended { color:#66717c; background:#eef1f3; }.dashboard-empty-text { min-height:130px; display:grid; place-items:center; color:#8995a1; font-size:11px; } .dashboard-order-address { display:block; overflow:hidden; margin-top:3px; color:#3e718f; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:8px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }.dashboard-order-address.pending { color:#9a7337; font-family:inherit; font-weight:600; white-space:normal; } .active-challenge-list { min-height:260px; }.active-challenge-empty { min-height:330px; display:grid; place-items:center; align-content:center; padding:30px; text-align:center; }.active-challenge-empty h3 { margin:0 0 8px; color:#354254; font-size:15px; }.active-challenge-empty p { margin:0 0 18px; color:#8994a0; font-size:11px; }.active-challenge-item { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 19px; border-bottom:1px solid #edf0f3; }.active-challenge-item:last-child { border-bottom:0; }.active-challenge-item div { min-width:0; display:grid; gap:5px; }.active-challenge-item b { color:#344456; font-size:12px; }.active-challenge-item small { color:#8a96a2; font-size:9px; }.active-challenge-actions { display:flex !important; align-items:center; justify-content:flex-end; gap:8px !important; }.active-challenge-status { padding:5px 8px; color:#2d805e; border-radius:999px; background:#eaf7f1; font-size:9px; font-weight:800; }.active-challenge-trade { min-height:34px; padding:0 14px; color:#fff; background:#315b8a; font-size:10px; font-weight:800; } .challenge-account-toolbar { min-height:74px; display:grid; grid-template-columns:minmax(300px,520px) auto 120px; align-items:end; gap:16px; margin-bottom:20px; padding:14px 16px; border:1px solid #dfe4ea; border-radius:10px; background:#fff; box-shadow:0 4px 14px rgba(42,58,75,.04); } .challenge-account-toolbar[hidden] { display:none !important; }.challenge-account-toolbar label { min-width:0; display:grid; gap:7px; color:#6d7b8a; font-size:9px; font-weight:800; letter-spacing:.04em; }.challenge-account-toolbar select { width:100%; height:40px; padding:0 36px 0 12px; color:#2f4053; border:1px solid #d8e0e7; border-radius:7px; background:#f9fafb; font-family:inherit; font-size:11px; font-weight:750; line-height:1; }.challenge-account-toolbar-meta { min-width:0; display:flex; align-items:center; gap:10px; padding-bottom:7px; }.challenge-account-toolbar-meta .status-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; color:#287b5a; border:1px solid #cde8dd; border-radius:999px; background:#f0faf6; font-size:9px; }.challenge-account-toolbar-meta .status-pill i { width:6px; height:6px; border-radius:50%; background:#34bd89; box-shadow:0 0 0 3px rgba(52,189,137,.12); }.challenge-account-toolbar-meta small { overflow:hidden; color:#8b97a3; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.challenge-account-trade { width:100%; color:#fff; background:#315f91; }.challenge-dashboard-empty { min-height:430px; display:grid; place-items:center; align-content:center; padding:30px; color:#83909d; border:1px solid #dfe4ea; border-radius:10px; background:#fff; text-align:center; }.challenge-dashboard-empty[hidden] { display:none !important; }.challenge-dashboard-empty h2 { margin:0 0 8px; color:#324153; font-size:17px; }.challenge-dashboard-empty p { margin:0 0 18px; font-size:11px; } .challenge-summary-grid .summary-card > b { font-size:21px; }.challenge-summary-grid .summary-card.green > b { color:#26936c; }.challenge-summary-grid .summary-card.amber > b { color:#a26d1e; } .challenge-dashboard-grid { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(300px,.65fr); gap:20px; }.balance-chart-panel { min-width:0; }.balance-chart-panel > header { flex-wrap:wrap; }.chart-legend { display:flex; align-items:center; gap:13px; }.chart-legend span { display:inline-flex; align-items:center; gap:5px; color:#788695; font-size:8px; }.chart-legend i { width:10px; height:3px; border-radius:999px; background:#337db5; }.chart-legend .target i { background:#42b883; }.chart-legend .limit i { background:#dd6a66; }.balance-chart-metrics { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #e7eaee; }.balance-chart-metrics > span { min-width:0; display:grid; gap:4px; padding:13px 18px; border-right:1px solid #edf0f3; }.balance-chart-metrics > span:last-child { border-right:0; }.balance-chart-metrics small { color:#8b97a3; font-size:8px; }.balance-chart-metrics b { overflow:hidden; color:#33465a; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.balance-chart-wrap { position:relative; min-height:390px; padding:9px 8px 3px; }.balance-chart-wrap canvas { width:100%; height:370px; display:block; }.balance-chart-wrap > p { position:absolute; left:50%; bottom:34px; margin:0; padding:6px 10px; color:#758493; border:1px solid #dfe5ea; border-radius:999px; background:rgba(255,255,255,.88); font-size:9px; transform:translateX(-50%); white-space:nowrap; }.balance-chart-wrap > p:empty { display:none; } .objectives-panel > header > div > span { display:block; margin-bottom:5px; color:#4b79a5; font-size:8px; font-weight:850; letter-spacing:.14em; }.objective-list { display:grid; padding:0 18px; }.objective-list article { padding:16px 0; border-bottom:1px solid #edf0f3; }.objective-list article > div, .objective-list article > p { display:flex; align-items:center; justify-content:space-between; gap:12px; }.objective-list article > div b { color:#3c4b5d; font-size:10px; }.objective-list article > div strong { color:#536578; font-size:9px; }.objective-list article > p { margin:9px 0 8px; color:#8b97a3; font-size:8px; }.objective-list article > p b { color:#317c61; font-size:9px; }.objective-progress { height:5px; overflow:hidden; border-radius:999px; background:#e9edf1; }.objective-progress i { width:0; height:100%; display:block; border-radius:inherit; background:#3786ba; transition:width .55s cubic-bezier(.2,.75,.25,1); }.objective-progress.danger i { background:#d66763; }.objective-progress.success i { background:#42ad7e; }.objective-progress.violet i { background:#8671bc; }.challenge-account-facts { display:grid; grid-template-columns:1fr 1fr; margin:0; padding:15px 18px 19px; gap:12px; }.challenge-account-facts > div { min-width:0; padding:11px; border-radius:7px; background:#f5f7f9; }.challenge-account-facts dt { color:#8a96a2; font-size:8px; }.challenge-account-facts dd { overflow:hidden; margin:4px 0 0; color:#3c4d60; font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; } body.challenge-purchase-open { overflow:hidden; }.challenge-purchase-modal { position:fixed; z-index:1250; inset:0; display:grid; place-items:center; padding:24px; animation:modalFadeIn .2s ease both; }.challenge-purchase-modal[hidden] { display:none !important; }.challenge-purchase-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(14,23,34,.62); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); }.challenge-purchase-dialog { position:relative; width:min(570px,100%); max-height:calc(100dvh - 48px); display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; color:#445365; border:1px solid #d9e1e8; border-radius:16px; background:#fff; box-shadow:0 30px 90px rgba(20,33,48,.35); animation:languagePanelIn .26s cubic-bezier(.2,.75,.25,1) both; }.challenge-purchase-dialog > header { min-height:83px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 21px; border-bottom:1px solid #e5e9ed; }.challenge-purchase-dialog > header span { color:#3f7ca6; font-size:8px; font-weight:850; letter-spacing:.16em; }.challenge-purchase-dialog h2 { margin:5px 0 0; color:#29394b; font-size:19px; }.challenge-purchase-dialog > header button { width:36px; height:36px; display:grid; place-items:center; color:#788796; border:1px solid #dbe2e8; border-radius:50%; background:#f7f9fb; font-size:22px; }.challenge-purchase-content { overflow-y:auto; padding:21px; }.purchase-amount { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:13px; padding:15px; border-radius:10px; background:#f1f5f8; }.purchase-amount > span { color:#748391; font-size:10px; }.purchase-amount b { color:#2f5f8f; font-size:18px; }.purchase-amount i { font-style:normal; }.purchase-address-card { display:grid; gap:10px; padding:16px; border:1px solid #dfe5ea; border-radius:10px; }.purchase-address-card > span { display:flex; align-items:center; gap:7px; }.purchase-address-card > span b { padding:4px 7px; color:#2f755c; border-radius:999px; background:#eaf7f1; font-size:9px; }.purchase-address-card small { color:#7f8c99; font-size:9px; }.purchase-address-card code { padding:11px; overflow-wrap:anywhere; color:#32465b; border-radius:7px; background:#f5f7f9; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; line-height:1.55; }.purchase-address-card button { justify-self:start; padding:0; color:#356c9b; border:0; background:transparent; font-size:10px; font-weight:800; }.purchase-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:18px 0; padding:0; list-style:none; counter-reset:step; }.purchase-flow li { min-height:57px; display:grid; place-items:center; padding:8px; color:#748392; border:1px solid #e1e6eb; border-radius:8px; text-align:center; font-size:9px; counter-increment:step; }.purchase-flow li::before { content:counter(step); width:20px; height:20px; display:grid; place-items:center; color:#fff; border-radius:50%; background:#4d789f; font-size:8px; }.purchase-notice { margin:0; color:#8a6a37; font-size:9px; line-height:1.65; }.challenge-purchase-dialog > footer { display:flex; justify-content:flex-end; gap:8px; padding:14px 21px; border-top:1px solid #e5e9ed; } .purchase-network-field{position:relative;display:grid;gap:7px}.purchase-network-field>span{color:#748391;font-size:9px;font-weight:800}.purchase-network-field::after{content:"⌄";position:absolute;right:12px;bottom:13px;color:#6b7d8d;font-size:11px;pointer-events:none}.purchase-network-field select{width:100%;height:42px;padding:0 34px 0 12px;appearance:none;color:#2d725a;border:1px solid #b9d9cd;border-radius:5px;outline:0;background:#edf8f3;font-size:10px;font-weight:850;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.purchase-network-field select:focus{border-color:#4e9d7f;box-shadow:0 0 0 3px rgba(62,146,113,.13)}.purchase-network-field select:disabled{cursor:default;opacity:1}.purchase-transfer-route{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch;gap:8px}.purchase-transfer-route section{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:8px;padding:11px;border:1px solid #dfe5ea;border-radius:8px;background:#f8fafb}.purchase-transfer-route section header{display:flex;align-items:center;justify-content:space-between;gap:8px}.purchase-transfer-route section header span{min-width:0;color:#788896;font-size:8px;font-weight:800}.purchase-transfer-route section header b{flex:0 0 auto;padding:4px 6px;color:#2f755c;border-radius:4px;background:#e5f4ed;font-size:8px}.purchase-transfer-route section code{min-width:0;padding:0;align-self:center;color:#32465b;border-radius:0;background:transparent;font-size:9px;line-height:1.5}.purchase-route-arrow{display:grid;place-items:center;color:#4c84ae;font-size:20px;font-style:normal;font-weight:800}.purchase-address-card>[data-copy-address]{justify-self:end;min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #d7e1e8;border-radius:5px;background:#f7f9fb;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.purchase-address-card>[data-copy-address]:hover{border-color:#9ebbd1;background:#edf5fa} html[data-dashboard-theme="dark"] .purchase-network-field select{color:#9ce0c6;border-color:#356a57;background:#20372f}html[data-dashboard-theme="dark"] .purchase-network-field::after{color:#9aacb9}html[data-dashboard-theme="dark"] .purchase-transfer-route section{border-color:#34414e;background:#202b36}html[data-dashboard-theme="dark"] .purchase-transfer-route section header b{color:#8ed9bd;background:#244538}html[data-dashboard-theme="dark"] .purchase-transfer-route section code{color:#dbe4ec}html[data-dashboard-theme="dark"] .purchase-address-card>[data-copy-address]{color:#86bce5;border-color:#3b4c5b;background:#202b36} @media(max-width:560px){.purchase-transfer-route{grid-template-columns:1fr}.purchase-route-arrow{min-height:18px;transform:rotate(90deg)}.purchase-transfer-route section code{font-size:8px}} html[data-dashboard-theme="dark"] { color-scheme: dark; background: #111820; } html[data-dashboard-theme="dark"] .dashboard-body { color: #ced7e2; background: #111820; } html[data-dashboard-theme="dark"] .dashboard-body .dashboard-top { border-color: #2b3743; background: rgba(24,33,43,.96); box-shadow: 0 1px 10px rgba(0,0,0,.18); } html[data-dashboard-theme="dark"] .dashboard-breadcrumb b, html[data-dashboard-theme="dark"] .dashboard-body .dashboard-heading h1, html[data-dashboard-theme="dark"] .summary-card > b, html[data-dashboard-theme="dark"] .admin-panel h2, html[data-dashboard-theme="dark"] .dashboard-body .account-empty h3, html[data-dashboard-theme="dark"] .profile-summary b { color: #edf2f7; } html[data-dashboard-theme="dark"] .dashboard-breadcrumb span, html[data-dashboard-theme="dark"] .dashboard-body .dashboard-heading p, html[data-dashboard-theme="dark"] .summary-card > span, html[data-dashboard-theme="dark"] .summary-card > small, html[data-dashboard-theme="dark"] .admin-panel header p, html[data-dashboard-theme="dark"] .dashboard-body .account-empty p, html[data-dashboard-theme="dark"] .profile-summary small { color: #91a0af; } html[data-dashboard-theme="dark"] .dashboard-body .dashboard-heading p b { color: #c4ced8; } html[data-dashboard-theme="dark"] .summary-card, html[data-dashboard-theme="dark"] .admin-panel, html[data-dashboard-theme="dark"] .dashboard-body .account-empty, html[data-dashboard-theme="dark"] .dashboard-body .placeholder-view { border-color: #2b3743; background: #19232e; box-shadow: 0 4px 16px rgba(0,0,0,.12); } html[data-dashboard-theme="dark"] .admin-panel > header, html[data-dashboard-theme="dark"] .quick-panel > a, html[data-dashboard-theme="dark"] .quick-panel > button { border-color: #2b3743; } html[data-dashboard-theme="dark"] .quick-panel > a, html[data-dashboard-theme="dark"] .quick-panel > button { color: #b9c5d1; background: #19232e; } html[data-dashboard-theme="dark"] .quick-panel > a:hover, html[data-dashboard-theme="dark"] .quick-panel > button:hover { color: #8fb9ea; background: #202d39; } html[data-dashboard-theme="dark"] .dashboard-body .empty-icon { color: #91a9c1; border-color: #364555; background: #202c38; } html[data-dashboard-theme="dark"] .dashboard-body .user-menu, html[data-dashboard-theme="dark"] .dashboard-body .logout-button, html[data-dashboard-theme="dark"] .theme-toggle, html[data-dashboard-theme="dark"] .dashboard-body .site-language-trigger { color: #c6d0db; border-color: #34414e; background: #202a35; } html[data-dashboard-theme="dark"] .theme-toggle:hover, html[data-dashboard-theme="dark"] .dashboard-body .site-language-trigger:hover, html[data-dashboard-theme="dark"] .dashboard-body .language-field.open .site-language-trigger { color: #fff; border-color: #4a5c6d; background: #26323e; } html[data-dashboard-theme="dark"] .dashboard-body .user-menu b { color: #e3e9ef; } html[data-dashboard-theme="dark"] .dashboard-body .site-language-menu { border-color: #34414e; background: #1d2732; box-shadow: 0 18px 38px rgba(0,0,0,.32); } html[data-dashboard-theme="dark"] .dashboard-body .site-language-option { color: #c4ced8; } html[data-dashboard-theme="dark"] .dashboard-body .site-language-option:hover { color: #fff; background: #273440; } html[data-dashboard-theme="dark"] .dashboard-body .site-language-option.active { color: #9ee3cf; background: rgba(72,190,155,.14); } html[data-dashboard-theme="dark"] .panel-badge { color: #e3c986; border-color: #5b4d2f; background: #2b271d; } html[data-dashboard-theme="dark"] .profile-panel .status-pill { color: #83dbb9; border-color: #2c5a49; background: #172c26; } html[data-dashboard-theme="dark"] .challenge-product-card, html[data-dashboard-theme="dark"] .dashboard-loading, html[data-dashboard-theme="dark"] .challenge-purchase-dialog { color:#c4ced8; border-color:#34414e; background:#19232e; box-shadow:0 5px 18px rgba(0,0,0,.18); }html[data-dashboard-theme="dark"] .challenge-product-card h2, html[data-dashboard-theme="dark"] .dashboard-order-item div b, html[data-dashboard-theme="dark"] .active-challenge-item b, html[data-dashboard-theme="dark"] .active-challenge-empty h3, html[data-dashboard-theme="dark"] .challenge-purchase-dialog h2 { color:#edf2f7; }html[data-dashboard-theme="dark"] .challenge-product-price, html[data-dashboard-theme="dark"] .challenge-product-rules > div, html[data-dashboard-theme="dark"] .dashboard-order-item, html[data-dashboard-theme="dark"] .active-challenge-item, html[data-dashboard-theme="dark"] .challenge-purchase-dialog > header, html[data-dashboard-theme="dark"] .challenge-purchase-dialog > footer { border-color:#2f3c49; }html[data-dashboard-theme="dark"] .challenge-product-rules b { color:#cbd4de; }html[data-dashboard-theme="dark"] .purchase-amount, html[data-dashboard-theme="dark"] .purchase-address-card code { background:#202b36; }html[data-dashboard-theme="dark"] .purchase-address-card, html[data-dashboard-theme="dark"] .purchase-flow li { border-color:#34414e; }html[data-dashboard-theme="dark"] .purchase-address-card code { color:#dbe4ec; }html[data-dashboard-theme="dark"] .challenge-purchase-dialog > header button { color:#c2ccd6; border-color:#425161; background:#25313d; } html[data-dashboard-theme="dark"] .challenge-account-toolbar, html[data-dashboard-theme="dark"] .challenge-dashboard-empty { color:#bdc8d3; border-color:#2b3743; background:#19232e; box-shadow:0 4px 16px rgba(0,0,0,.12); }html[data-dashboard-theme="dark"] .challenge-account-toolbar select { color:#e1e8ef; border-color:#34414e; background:#202b36; }html[data-dashboard-theme="dark"] .challenge-account-toolbar-meta .status-pill { color:#83dbb9; border-color:#2c5a49; background:#172c26; }html[data-dashboard-theme="dark"] .challenge-dashboard-empty h2 { color:#edf2f7; }html[data-dashboard-theme="dark"] .balance-chart-metrics, html[data-dashboard-theme="dark"] .balance-chart-metrics > span, html[data-dashboard-theme="dark"] .objective-list article { border-color:#2b3743; }html[data-dashboard-theme="dark"] .balance-chart-metrics b, html[data-dashboard-theme="dark"] .objective-list article > div b, html[data-dashboard-theme="dark"] .challenge-account-facts dd { color:#e2e9f0; }html[data-dashboard-theme="dark"] .balance-chart-metrics small, html[data-dashboard-theme="dark"] .objective-list article > p, html[data-dashboard-theme="dark"] .challenge-account-facts dt { color:#91a0af; }html[data-dashboard-theme="dark"] .balance-chart-wrap > p { color:#aebbc8; border-color:#34414e; background:rgba(25,35,46,.9); }html[data-dashboard-theme="dark"] .objective-progress { background:#293642; }html[data-dashboard-theme="dark"] .challenge-account-facts > div { background:#202b36; } @media (max-width: 1120px) { .summary-grid { grid-template-columns: 1fr 1fr; } .dashboard-columns { grid-template-columns: 1fr; } .dashboard-side-stack { grid-template-columns: 1fr 1fr; } .challenge-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); } .challenge-dashboard-grid { grid-template-columns:1fr; } } @media (max-width: 980px) { .landing-body .hero-grid { grid-template-columns: 1fr; gap: 46px; } .landing-body .hero-copy { max-width: 700px; } .hero-photo { width: min(620px, 100%); height: 560px; } .landing-body.menu-open .main-nav { background: #121b20; } .landing-body .feature-grid { grid-template-columns: 1fr; } .landing-body .feature-card { min-height: 230px; } .landing-body .process-grid { grid-template-columns: 1fr; gap: 45px; } } @media (max-width: 760px) { .landing-body .shell { width: calc(100% - 32px); } .landing-body .site-header { height: 66px; } .landing-body .header-actions { min-width: 0; gap: 3px; margin-left: auto; } .landing-body .header-actions > .language-field { display: inline-flex; flex: 0 0 112px; width: 112px; } .landing-body .header-actions .site-language-trigger { width: 112px; min-width: 112px; padding: 0 8px; font-size: 10.5px; } .landing-body .header-actions .site-language-menu { position: fixed; top: 62px; right: 16px; width: min(240px, calc(100vw - 32px)); max-height: calc(100dvh - 76px); } .landing-body .auth-actions { gap: 1px; } .landing-body .header-actions .btn-ghost { display: inline-flex; } .landing-body .auth-actions .btn { min-height: 36px; padding: 0 8px; font-size: 10.5px; white-space: nowrap; } .landing-body .auth-actions .dashboard-shortcut { padding:0 10px; } .landing-body .menu-toggle { width: 36px; height: 36px; flex: 0 0 36px; margin-left: 2px; } .landing-body .brand-word span { display: none; } .landing-body .hero { padding: 54px 0 64px; } .landing-body .hero h1 { font-size: clamp(35px, 10vw, 44px); line-height: 1.14; overflow-wrap: normal; } .landing-body .hero-copy > p { font-size: 14px; } .landing-body .hero-actions { display: flex; } .landing-body .hero-actions .btn { width: auto; } .hero-note { margin-top: 38px; } .hero-photo { height: 420px; border-radius: 18px; } .hero-photo figcaption { left: 18px; right: 18px; bottom: 17px; } .hero-photo figcaption span { display: none; } .trust-grid { grid-template-columns: 1fr 1fr; } .trust-grid > div:nth-child(3) { border-left: 1px solid #e6e9eb; border-top: 1px solid #e6e9eb; } .trust-grid > div:nth-child(4) { border-top: 1px solid #e6e9eb; } .landing-body .platform-section, .landing-body .process { padding: 80px 0; } .landing-body .feature-card { padding: 25px; } .landing-body .cta-wrap { padding-bottom: 80px; } .landing-body .cta { display: grid; padding: 40px 25px; } .footer-meta { display: grid; gap: 8px; } .dashboard-body .sidebar { transform: translateX(-102%); box-shadow: 15px 0 36px rgba(28,42,61,.22); } .dashboard-body .dashboard-main { padding-top:66px; } .dashboard-body .dashboard-top { left:0; height:66px; padding:0 12px; } .dashboard-body .sidebar-toggle { width: 38px; height: 38px; color: #526071; border-color: #dbe1e7; background: #fff; } .dashboard-breadcrumb { display: none; } .dashboard-top-actions { margin-left: auto; gap: 5px; } .theme-toggle { min-width: 38px; width: 38px; padding: 0; } .theme-toggle [data-theme-label] { display: none; } .dashboard-top-actions > .language-field, .dashboard-body .dash-trade-link { display: none; } .dashboard-body .logout-button { padding: 0 9px; } .challenge-catalog { grid-template-columns:1fr; }.dashboard-order-item { grid-template-columns:minmax(0,1fr) auto; }.dashboard-order-item > span { grid-column:1; }.dashboard-order-status { grid-column:2; grid-row:1/3; }.challenge-purchase-modal { place-items:end center; padding:0; }.challenge-purchase-dialog { width:100%; max-height:min(90dvh,760px); border-radius:16px 16px 0 0; animation-name:languageSheetIn; }.challenge-purchase-content { padding:16px; } .dashboard-body .dashboard-content { padding: 26px 14px 50px; } .dashboard-body .dashboard-heading { align-items: start; } .summary-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .summary-card { min-height: 106px; padding: 17px; } .dashboard-side-stack { grid-template-columns: 1fr; } .challenge-account-toolbar { grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; padding:12px; }.challenge-account-toolbar-meta { display:none; }.challenge-account-trade { width:auto; min-width:82px; }.challenge-account-toolbar select { font-size:10px; }.challenge-dashboard-grid { gap:12px; }.balance-chart-panel > header { align-items:flex-start; }.chart-legend { width:100%; justify-content:flex-start; }.balance-chart-metrics { grid-template-columns:1fr 1fr; }.balance-chart-metrics > span { padding:11px 13px; }.balance-chart-metrics > span:last-child { grid-column:1/-1; border-top:1px solid #edf0f3; }.balance-chart-wrap { min-height:330px; padding-left:0; }.balance-chart-wrap canvas { height:320px; }.challenge-account-facts { gap:8px; padding:12px; }.objective-list { padding:0 14px; } } @media (max-width: 420px) { .landing-body .brand-mark { width: 31px; height: 31px; } .landing-body .brand-word { font-size: 16px; } .landing-body .header-inner > .brand .brand-word { display: none; } .landing-body .header-actions { gap: 3px; } .landing-body .auth-actions .btn { padding: 0 7px; } .landing-body .hero-actions { align-items: flex-start; } .summary-grid { grid-template-columns: 1fr; } .dashboard-body .user-menu { display: none; } } @media (max-width: 360px) { .landing-body .header-actions > .language-field { flex-basis: 82px; width: 82px; } .landing-body .header-actions .site-language-trigger { width: 82px; min-width: 82px; font-size: 9.5px; } .landing-body .auth-actions .btn { padding: 0 5px; font-size: 9.5px; } } /* Modal language selector */ body.language-modal-open, body.legal-modal-open, body.language-change-pending { overflow: hidden; } .site-language-menu { position: fixed; z-index: 1000; inset: 0; width: auto; max-height: none; display: grid; place-items: center; overflow: hidden; padding: 24px; border: 0; border-radius: 0; background: transparent; box-shadow: none; animation: modalFadeIn .22s ease both; } .site-language-menu[hidden] { display: none !important; } .site-language-menu.closing { animation: modalFadeOut .18s ease both; } .site-language-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3,10,14,.64); backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); } .site-language-panel { position: relative; width: min(620px, 100%); max-height: min(720px, calc(100dvh - 48px)); display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; color: #e9f0f2; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(15,27,34,.96); box-shadow: 0 32px 90px rgba(0,0,0,.44); animation: languagePanelIn .28s cubic-bezier(.2,.75,.25,1) both; } .site-language-heading { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; border-bottom: 1px solid rgba(255,255,255,.1); } .site-language-heading > span { display: grid; gap: 6px; } .site-language-heading strong { color: #f4f7f8; font-size: 18px; letter-spacing: -.02em; } .site-language-heading small { color: #8fa0a7; font-size: 11px; } .site-language-close { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; color: #9cacb2; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: rgba(255,255,255,.04); font-size: 22px; line-height: 1; } .site-language-close:hover { color: #fff; background: rgba(255,255,255,.1); } .site-language-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; overflow-y: auto; padding: 18px; } .site-language-option { min-height: 54px; padding: 0 15px; border: 1px solid transparent; border-radius: 10px; font-size: 12px; } .site-language-option > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site-language-option img { width: 24px; height: 16px; } .site-language-option.active { border-color: rgba(98,221,190,.28); background: rgba(67,199,165,.14); box-shadow: inset 0 0 0 1px rgba(67,199,165,.04); } .site-language-option.active::after { content: "✓"; margin-left: auto; color: #77dfc5; font-weight: 900; } .dashboard-body .site-language-menu, html[data-dashboard-theme="dark"] .dashboard-body .site-language-menu { border:0; background:transparent; box-shadow:none; } .dashboard-body .site-language-panel { color:#526172; border-color:#d9e0e7; background:rgba(255,255,255,.98); box-shadow:0 32px 90px rgba(31,45,61,.25); } .dashboard-body .site-language-heading { border-color:#e5e9ed; }.dashboard-body .site-language-heading strong { color:#2e3d4f; }.dashboard-body .site-language-heading small { color:#83909d; }.dashboard-body .site-language-close { color:#768493; border-color:#dbe1e7; background:#f7f9fb; } html[data-dashboard-theme="dark"] .dashboard-body .site-language-panel { color:#c4ced8; border-color:#34414e; background:rgba(29,39,50,.98); box-shadow:0 32px 90px rgba(0,0,0,.48); } html[data-dashboard-theme="dark"] .dashboard-body .site-language-heading { border-color:#34414e; }html[data-dashboard-theme="dark"] .dashboard-body .site-language-heading strong { color:#f1f5f8; }html[data-dashboard-theme="dark"] .dashboard-body .site-language-close { color:#bdc8d2; border-color:#425161; background:#25313d; } html.language-changing body { animation: languageApply .36s ease both; } .site-language-progress { position:fixed; z-index:1200; inset:0; display:grid; place-items:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .22s ease, visibility .22s ease; } .site-language-progress[hidden] { display:none !important; }.site-language-progress.visible { opacity:1; visibility:visible; } .site-language-progress-backdrop { position:absolute; inset:0; background:rgba(3,10,14,.68); backdrop-filter:blur(15px) saturate(.82); -webkit-backdrop-filter:blur(15px) saturate(.82); } .site-language-progress-card { position:relative; width:min(390px,100%); display:grid; justify-items:center; padding:38px 32px 34px; color:#e9f0f2; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:rgba(15,27,34,.94); box-shadow:0 34px 100px rgba(0,0,0,.5); transform:translateY(16px) scale(.98); transition:transform .3s cubic-bezier(.2,.75,.25,1), border-color .25s ease; } .site-language-progress.visible .site-language-progress-card { transform:translateY(0) scale(1); } .site-language-progress-visual { position:relative; width:76px; height:76px; display:grid; place-items:center; margin-bottom:21px; } .site-language-progress-ring { position:absolute; inset:0; border:2px solid rgba(105,224,195,.16); border-top-color:#6fe0c4; border-right-color:#4caed1; border-radius:50%; animation:languageProgressSpin .82s linear infinite, languageProgressPulse 1.65s ease-in-out infinite; } .site-language-progress-flag { width:34px; height:23px; border-radius:4px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.2),0 7px 18px rgba(0,0,0,.28); transition:opacity .2s ease, transform .25s ease; } .site-language-progress-title { color:#f5f8f9; font-size:19px; letter-spacing:-.025em; }.site-language-progress-target { margin-top:8px; color:#72ddc2; font-size:12px; font-weight:800; }.site-language-progress-text { margin-top:12px; color:#8fa0a7; font-size:11px; text-align:center; line-height:1.65; } .site-language-progress.complete .site-language-progress-ring { border-color:#6fe0c4; animation:none; }.site-language-progress.complete .site-language-progress-flag { opacity:0; transform:scale(.7); }.site-language-progress.complete .site-language-progress-visual::after { content:"✓"; position:absolute; display:grid; place-items:center; width:42px; height:42px; color:#08221b; border-radius:50%; background:#70dfc4; font-size:20px; font-weight:900; animation:languageCheckIn .28s cubic-bezier(.2,.8,.2,1) both; } @keyframes modalFadeIn { from { opacity:0; } to { opacity:1; } } @keyframes modalFadeOut { from { opacity:1; } to { opacity:0; } } @keyframes languagePanelIn { from { opacity:0; transform:translateY(18px) scale(.975); } to { opacity:1; transform:translateY(0) scale(1); } } @keyframes languageApply { 0% { opacity:1; } 45% { opacity:.62; filter:blur(1px); } 100% { opacity:1; filter:none; } } @keyframes languageProgressSpin { to { transform:rotate(360deg); } } @keyframes languageProgressPulse { 0%,100% { box-shadow:0 0 0 0 rgba(105,224,195,0); } 50% { box-shadow:0 0 0 8px rgba(105,224,195,.06); } } @keyframes languageCheckIn { from { opacity:0; transform:scale(.55); } to { opacity:1; transform:scale(1); } } /* Switch-style theme control and full layout theme transition */ .theme-toggle { min-width: 126px; justify-content: space-between; gap: 11px; } .theme-switch { position: relative; width: 34px; height: 19px; flex: 0 0 auto; border-radius: 999px; background: #d5dce4; box-shadow: inset 0 0 0 1px rgba(38,52,68,.08); transition: background .3s ease; } .theme-switch i { position: absolute; left: 3px; top: 3px; width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(25,37,50,.25); transition: transform .3s cubic-bezier(.2,.8,.2,1), background .3s ease; } html[data-dashboard-theme="dark"] .theme-switch { background: #4c76a4; } html[data-dashboard-theme="dark"] .theme-switch i { transform: translateX(15px); } html.theme-transition .dashboard-body, html.theme-transition .dashboard-body .sidebar, html.theme-transition .dashboard-body .dashboard-top, html.theme-transition .dashboard-body .summary-card, html.theme-transition .dashboard-body .admin-panel, html.theme-transition .dashboard-body .member-panel, html.theme-transition .dashboard-body .admin-stat, html.theme-transition .dashboard-body .user-menu, html.theme-transition .dashboard-body button, html.theme-transition .dashboard-body a { transition: color .34s ease, background-color .34s ease, border-color .34s ease, box-shadow .34s ease; } /* 2026-08-30 challenge commerce and palette refinements */ .challenge-product-card{isolation:isolate;transition:transform .24s cubic-bezier(.2,.75,.25,1),border-color .24s ease,box-shadow .24s ease}.challenge-product-card:hover{z-index:2;transform:translateY(-7px);border-color:#79a5ca;box-shadow:0 18px 42px rgba(42,86,125,.18)}.challenge-product-card.recommended{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(125deg,#ffd36c,#ff8e3c,#7559ff,#2ac9a4) border-box;box-shadow:0 14px 38px rgba(232,154,55,.22)}.challenge-product-card.recommended:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 22px 52px rgba(236,146,42,.3),0 0 0 4px rgba(255,191,74,.1)}.product-recommended{top:-14px;padding:7px 18px;color:#2d1b00;border:1px solid rgba(255,255,255,.75);border-radius:7px;background:linear-gradient(105deg,#fff0a9,#ffb43b,#ff7f3d);box-shadow:0 7px 20px rgba(232,143,34,.35);font-size:9px;letter-spacing:.04em}.dashboard-order-status{border-radius:6px!important;border:1px solid rgba(0,0,0,.04);font-weight:850;letter-spacing:.01em}.dashboard-order-status.requested{color:#8d6518;background:#fff0c9}.dashboard-order-status.paid{color:#285f92;background:#dceeff}.dashboard-order-status.active{color:#16734f;background:#d9f5e9}.dashboard-order-status.suspended{color:#a54c28;background:#ffe3d6}.dashboard-order-status.ended{color:#5e6872;background:#e4e8ec}.purchase-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 13px;padding:0;border:0}.purchase-methods legend{grid-column:1/-1;margin-bottom:1px;color:#748391;font-size:10px;font-weight:800}.purchase-methods label{position:relative;min-height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer}.purchase-methods input{position:absolute;width:1px;height:1px;opacity:0}.purchase-methods span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#68798a;border:1px solid #d9e2e9;border-radius:8px;background:#f8fafb;font-size:10px;font-weight:850;transition:.18s ease}.purchase-methods input:checked+span{color:#285f8d;border-color:#4f8fbd;background:#eaf4fb;box-shadow:inset 0 0 0 1px #4f8fbd}.purchase-voucher-card{padding:16px;border:1px solid #dfe5ea;border-radius:10px;background:#fafbfc}.purchase-voucher-card label{display:grid;gap:8px}.purchase-voucher-card label span{color:#617488;font-size:10px;font-weight:850}.purchase-voucher-card input{height:44px;padding:0 12px;color:#30475d;border:1px solid #cfdbe5;border-radius:7px;outline:0;background:#fff;font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}.purchase-voucher-card input:focus{border-color:#4385b8;box-shadow:0 0 0 3px rgba(67,133,184,.13)}.purchase-voucher-card p{margin:10px 0 0;color:#7b6990;font-size:9px;line-height:1.6}.dashboard-order-item small{line-height:1.45}.dashboard-order-item>span{max-width:230px;text-align:right}.theme-toggle[data-theme-mode="midnight"] .theme-switch{background:#5247a5}.theme-toggle[data-theme-mode="slate"] .theme-switch{background:#63798d} html[data-dashboard-theme="dark"] .challenge-product-card.recommended{background:linear-gradient(#19232e,#19232e) padding-box,linear-gradient(125deg,#ffd36c,#ff8e3c,#8e73ff,#2ac9a4) border-box}html[data-dashboard-theme="dark"] .challenge-product-card:hover{border-color:#537896;box-shadow:0 19px 44px rgba(0,0,0,.35)}html[data-dashboard-theme="dark"] .purchase-methods span{color:#a9b7c4;border-color:#34414e;background:#202b36}html[data-dashboard-theme="dark"] .purchase-methods input:checked+span{color:#dff1ff;border-color:#4b8cbc;background:#21394c;box-shadow:inset 0 0 0 1px #4b8cbc}html[data-dashboard-theme="dark"] .purchase-voucher-card{border-color:#34414e;background:#202b36}html[data-dashboard-theme="dark"] .purchase-voucher-card input{color:#edf4fa;border-color:#425363;background:#18222d}html[data-dashboard-theme="dark"] .purchase-voucher-card label span{color:#aebbc8} html[data-dashboard-palette="midnight"] .dashboard-body{background:#0d1020}html[data-dashboard-palette="midnight"] .sidebar{background:linear-gradient(180deg,#191d3b,#12162d)}html[data-dashboard-palette="midnight"] .dashboard-top{background:#151a32}html[data-dashboard-palette="midnight"] .summary-card,html[data-dashboard-palette="midnight"] .admin-panel,html[data-dashboard-palette="midnight"] .challenge-account-toolbar{border-color:#303758;background:#171c34}html[data-dashboard-palette="midnight"] .challenge-product-card{background-color:#171c34}html[data-dashboard-palette="slate"] .dashboard-body{background:#10171d}html[data-dashboard-palette="slate"] .sidebar{background:linear-gradient(180deg,#263746,#1d2c38)}html[data-dashboard-palette="slate"] .dashboard-top{background:#202e39}html[data-dashboard-palette="slate"] .summary-card,html[data-dashboard-palette="slate"] .admin-panel,html[data-dashboard-palette="slate"] .challenge-account-toolbar{border-color:#384a58;background:#1c2933}html[data-dashboard-palette="slate"] .challenge-product-card{background-color:#1c2933} @media(max-width:600px){.purchase-methods{grid-template-columns:1fr 1fr}.challenge-product-card:hover{transform:translateY(-3px)}.product-recommended{top:-11px}} /* White mode also applies to the left navigation */ .dashboard-body .sidebar { color: #5e6c7c; border-right: 1px solid #e0e5ea; background: #fff; box-shadow: 3px 0 14px rgba(37,52,69,.04); } .dashboard-body .sidebar .brand { border-bottom-color: #e7ebef; } .dashboard-body .sidebar .brand-word { color: #25364a; } .dashboard-body .sidebar .brand-word span { color: #7d8da0; } .dashboard-body .side-label { color: #95a0ac; } .dashboard-body .side-nav button { color: #667588; } .dashboard-body .side-nav button:hover { color: #2f5f8e; background: #f3f6f9; } .dashboard-body .side-nav button.active { color: #285984; background: #edf3f8; box-shadow: inset 3px 0 #3ba985; } .dashboard-body .side-nav button.active .nav-indicator { border-color: #3ba985; background: #3ba985; } .dashboard-body .side-divider { background: #e8ecf0; } .dashboard-body .sidebar-bottom { color: #9aa5b0; } .dashboard-body .sidebar-bottom b { color: #657486; } html[data-dashboard-theme="dark"] .dashboard-body .sidebar { color: #d7e0eb; border-right-color: #263443; background: linear-gradient(180deg,#202e41 0%,#182433 100%); box-shadow: 4px 0 18px rgba(0,0,0,.16); } html[data-dashboard-theme="dark"] .dashboard-body .sidebar .brand { border-bottom-color: rgba(255,255,255,.1); } html[data-dashboard-theme="dark"] .dashboard-body .sidebar .brand-word { color: #fff; } html[data-dashboard-theme="dark"] .dashboard-body .sidebar .brand-word span { color: #9db0c6; } html[data-dashboard-theme="dark"] .dashboard-body .side-label { color: #7f94ad; } html[data-dashboard-theme="dark"] .dashboard-body .side-nav button { color: #b7c5d6; } html[data-dashboard-theme="dark"] .dashboard-body .side-nav button:hover { color: #fff; background: rgba(255,255,255,.07); } html[data-dashboard-theme="dark"] .dashboard-body .side-nav button.active { color: #fff; background: rgba(255,255,255,.12); box-shadow: inset 3px 0 #79d7c1; } html[data-dashboard-theme="dark"] .dashboard-body .side-divider { background: rgba(255,255,255,.1); } /* Pop member administration */ .admin-content { max-width: 1500px; margin: 0 auto; padding: 36px clamp(24px,3.2vw,48px) 64px; } .admin-side-nav .admin-nav-link { min-height: 41px; display: flex; align-items: center; gap: 11px; padding: 0 13px; color: #667588; border-radius: 7px; font-size: 12px; font-weight: 600; } .admin-side-nav .admin-nav-link:hover { color: #2f5f8e; background: #f3f6f9; } .admin-nav-group { display: grid; gap: 4px; } .admin-nav-parent .nav-caret { margin-left: auto; font-size: 14px; transition: transform .2s ease; } .admin-nav-parent[aria-expanded="false"] .nav-caret { transform: rotate(-90deg); } .admin-subnav { display: grid; margin: 0 0 5px 27px; padding-left: 13px; border-left: 1px solid #dbe2e8; } .admin-subnav[hidden] { display: none; } .admin-subnav a, .admin-subnav button { width:100%; min-height:36px; display:flex; align-items:center; padding:0 11px; color:#7c8998; border:0; border-radius:6px; background:transparent; font-size:11px; text-align:left; } .admin-subnav a.active, .admin-subnav button.active { color:#2f668e; background:#eef4f8; font-weight:800; } .admin-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 25px; } .admin-page-head h1 { margin: 0; color: #253345; font-size: 28px; letter-spacing: -.035em; } .admin-page-head p { margin: 8px 0 0; color: #7d8996; font-size: 12px; } .admin-refresh, .admin-dashboard-link, .admin-shortcut { color: #516173; border: 1px solid #d8e0e7; background: #fff; } .admin-shortcut { color: #fff; border-color: #3d6d9c; background: #315b8a; } .admin-view[hidden] { display:none !important; }.admin-page-actions { display:flex; align-items:center; gap:8px; }.challenge-create-link, .challenge-submit { color:#fff; border-color:#315b8a; background:#315b8a; }.challenge-create-link:hover, .challenge-submit:hover { background:#3c6998; } .admin-summary-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 20px; } .admin-stat { position: relative; min-height: 122px; display: grid; align-content: center; gap: 5px; overflow: hidden; padding: 22px; border: 1px solid #e0e5ea; border-radius: 10px; background: #fff; box-shadow: 0 3px 12px rgba(43,59,77,.04); } .admin-stat::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:#527da9; } .admin-stat.green::before { background:#3ca37c; }.admin-stat.amber::before { background:#d79b36; }.admin-stat.violet::before { background:#7969b2; } .admin-stat span { color:#778493; font-size:10px; font-weight:700; }.admin-stat b { color:#2e3b4c; font-size:24px; }.admin-stat small { color:#9aa4ae; font-size:9px; } .member-panel { overflow:hidden; border:1px solid #dde3e9; border-radius:11px; background:#fff; box-shadow:0 4px 15px rgba(42,58,75,.04); } .member-panel-head { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 19px; border-bottom:1px solid #e8ebef; } .member-panel-head h2 { margin:0; color:#314052; font-size:15px; }.member-panel-head p { margin:5px 0 0; color:#8a95a1; font-size:10px; } .member-tools { display:flex; gap:8px; }.member-search { width:250px; height:38px; display:flex; align-items:center; gap:8px; padding:0 11px; color:#8d99a6; border:1px solid #d9e0e6; border-radius:7px; background:#f9fafb; } .member-search input { min-width:0; width:100%; color:#435163; border:0; outline:0; background:transparent; font-size:11px; }.member-tools select { height:38px; padding:0 30px 0 11px; color:#526172; border:1px solid #d9e0e6; border-radius:7px; background:#fff; font-size:11px; } .member-table-wrap { overflow-x:auto; }.member-table { width:100%; min-width:980px; border-collapse:collapse; color:#526172; font-size:11px; } .member-table th { height:43px; padding:0 16px; color:#7f8c9b; border-bottom:1px solid #e8ecf0; background:#f8fafb; text-align:left; font-size:9px; letter-spacing:.03em; } .member-table td { height:58px; padding:0 16px; border-bottom:1px solid #edf0f3; vertical-align:middle; white-space:nowrap; }.member-table tbody tr:hover { background:#fafbfd; }.member-table tbody tr:last-child td { border-bottom:0; } .member-table .member-row { cursor:pointer; transition:background-color .16s ease, box-shadow .16s ease; }.member-table .member-row:hover { background:#f5f8fb; box-shadow:inset 3px 0 #4f86b5; }.member-table .member-row:focus-visible { outline:2px solid #4f86b5; outline-offset:-2px; background:#f5f8fb; } .member-id { color:#9aa5b0; }.member-email { color:#526b86; }.member-identity { min-height:58px;display:flex;align-items:center;gap:9px;line-height:1.2 }.member-identity span { width:28px; height:28px; display:grid; place-items:center; color:#fff; border-radius:7px; background:#52789f; font-size:10px; font-weight:800; }.member-identity b { display:flex;align-items:center;align-self:stretch;color:#39485a;font-size:11px; } .member-status { display:inline-flex; align-items:center; min-height:23px; padding:0 9px; border-radius:999px; color:#6b7580; background:#eef1f4; font-size:9px; font-weight:800; }.member-status.active { color:#2f805f; background:#eaf7f1; }.member-status.suspended { color:#9b514e; background:#fbeeed; } .member-state { height:220px !important; color:#8995a1; text-align:center !important; }.member-error { color:#c45a57; } .member-panel-foot { min-height:49px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 19px; color:#8c98a4; border-top:1px solid #e8ecf0; background:#fafbfc; font-size:9px; }.member-panel-foot span:first-child { color:#516174; font-weight:800; } .challenge-table { min-width:1080px; }.challenge-name { color:#344457; font-weight:800; }.challenge-recommended { display:inline-flex; margin-left:7px; padding:3px 6px; color:#98651c; border-radius:999px; background:#fff1d5; font-size:8px; vertical-align:middle; }.challenge-status { display:inline-flex; align-items:center; min-height:23px; padding:0 9px; color:#6b7580; border-radius:999px; background:#eef1f4; font-size:9px; font-weight:800; }.challenge-status.active { color:#2f805f; background:#eaf7f1; }.challenge-status.draft { color:#8b692b; background:#faf2df; }.challenge-status.inactive { color:#7c8792; background:#edf0f3; } .admin-segmented-toggle{min-width:116px;height:34px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:3px;padding:3px;color:#8895a1;border:1px solid #d8e0e6;border-radius:8px;background:#edf1f4;font:800 9px/1 inherit;cursor:pointer;transform:translateZ(0);transition:transform .18s cubic-bezier(.2,.75,.25,1),border-color .22s ease,background-color .22s ease,box-shadow .22s ease,opacity .18s ease}.admin-segmented-toggle b{display:grid;place-items:center;padding:0 9px;border-radius:5px;color:inherit;background:transparent;box-shadow:none;transform:translateZ(0);transition:color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.75,.25,1)}.admin-segmented-toggle.active b:first-child{color:#fff;background:#299b72;box-shadow:0 2px 6px rgba(32,119,87,.22);transform:translateY(-1px)}.admin-segmented-toggle.inactive b:last-child{color:#fff;background:#687786;box-shadow:0 2px 6px rgba(44,58,72,.2);transform:translateY(-1px)}.admin-segmented-toggle.recommendation.active b:first-child{color:#342400;background:#f2c35d;box-shadow:0 2px 7px rgba(186,132,26,.24)}.admin-segmented-toggle:hover:not(:disabled){border-color:#9db4c6;box-shadow:0 4px 12px rgba(35,61,84,.12)}.admin-segmented-toggle:active:not(:disabled){transform:scale(.97)}.admin-segmented-toggle:focus-visible{outline:2px solid #4f82b2;outline-offset:2px}.admin-segmented-toggle:disabled{cursor:not-allowed;opacity:.52} html[data-dashboard-theme="dark"] .admin-segmented-toggle{color:#81909d;border-color:#41505d;background:#25313d}html[data-dashboard-theme="dark"] .admin-segmented-toggle.active b:first-child{color:#10261e;background:#79d9b8}html[data-dashboard-theme="dark"] .admin-segmented-toggle.inactive b:last-child{color:#17212a;background:#aebbc6}html[data-dashboard-theme="dark"] .admin-segmented-toggle.recommendation.active b:first-child{color:#332300;background:#efc45f} .challenge-form { display:grid; gap:16px; }.challenge-form-card { overflow:hidden; border:1px solid #dde3e9; border-radius:11px; background:#fff; box-shadow:0 4px 15px rgba(42,58,75,.04); }.challenge-form-card > header { min-height:78px; display:flex; align-items:center; gap:13px; padding:16px 20px; border-bottom:1px solid #e8ebef; }.challenge-form-card > header > span { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; color:#315b8a; border-radius:8px; background:#edf3f8; font-size:10px; font-weight:850; }.challenge-form-card h2 { margin:0; color:#314052; font-size:15px; }.challenge-form-card header p { margin:5px 0 0; color:#8a95a1; font-size:10px; } .challenge-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:20px; }.challenge-form-grid .wide { grid-column:1/-1; }.challenge-form label:not(.challenge-check) { min-width:0; display:grid; align-content:start; gap:7px; color:#667586; font-size:10px; font-weight:750; }.challenge-form label > span em { color:#c65956; font-style:normal; }.challenge-form input:not([type="checkbox"]), .challenge-form select, .challenge-form textarea { width:100%; min-height:42px; padding:0 12px; color:#344457; border:1px solid #d9e0e6; border-radius:7px; outline:0; background:#fbfcfd; font:inherit; font-size:11px; transition:border-color .16s ease, box-shadow .16s ease; }.challenge-form textarea { min-height:86px; padding:11px 12px; resize:vertical; line-height:1.6; }.challenge-form input:focus, .challenge-form select:focus, .challenge-form textarea:focus { border-color:#5a86b1; box-shadow:0 0 0 3px rgba(69,115,159,.1); } .input-suffix { position:relative; }.input-suffix input { padding-right:52px !important; }.input-suffix i { position:absolute; right:12px; top:50%; color:#8a96a3; font-size:9px; font-style:normal; transform:translateY(-50%); pointer-events:none; }.challenge-check { min-height:64px; display:flex; align-items:center; gap:11px; padding:11px 13px; border:1px solid #dfe5ea; border-radius:8px; background:#fafbfc; cursor:pointer; }.challenge-check input { width:17px; height:17px; flex:0 0 17px; accent-color:#315b8a; }.challenge-check > span { min-width:0; display:grid; gap:4px; }.challenge-check b { color:#435265; font-size:11px; }.challenge-check small { color:#8b97a3; font-size:9px; line-height:1.45; }.challenge-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:20px; } .challenge-form-message { min-height:20px; padding:0 4px; color:#758392; font-size:11px; }.challenge-form-message.success { color:#2d8462; }.challenge-form-message.error { color:#bf5552; }.challenge-form-actions { display:flex; justify-content:flex-end; gap:8px; padding:5px 0 18px; }.challenge-form-actions .btn { min-width:110px; } .challenge-archive{margin-right:auto;color:#a65353;border:1px solid #e4c9c9;background:#fff7f7} .challenge-form-card > header .payout-option-add{margin-left:auto;white-space:nowrap;color:#315b8a;border:1px solid #cddbe7;background:#f6f9fb}.payout-option-builder{display:grid;gap:14px;padding:20px}.payout-option-card{overflow:hidden;border:1px solid #dbe3e9;border-radius:10px;background:#f9fbfc}.payout-option-card>header{min-height:54px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e1e7ec}.payout-option-card h3{min-width:0;flex:1;margin:0;color:#344457;font-size:13px}.payout-option-active{display:flex!important;align-items:center!important;gap:6px!important;color:#607184!important;font-size:9px!important}.payout-option-active input{width:16px;height:16px;accent-color:#3b8a70}.payout-option-remove,.payout-row-remove,.payout-rule-add{min-height:30px;padding:0 10px;color:#6a7785;border:1px solid #d7e0e7;border-radius:6px;background:#fff;font-size:9px;font-weight:750}.payout-option-remove,.payout-row-remove{color:#a65353}.payout-option-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}.payout-option-fields label{display:grid;gap:6px!important}.payout-option-fields label:last-child{grid-column:1/-1}.payout-option-fields textarea{min-height:62px}.payout-rules-head{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px;color:#516273;font-size:10px}.payout-rule-list{display:grid;gap:8px;padding:0 14px 14px}.payout-rule-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(90px,.55fr) auto minmax(180px,1.3fr) auto;align-items:center;gap:8px}.payout-rule-row select,.payout-rule-row input{min-height:36px!important}.payout-rule-unit{min-width:34px;color:#8492a0;font-size:8px;white-space:nowrap}.challenge-live-preview{padding:20px;background:linear-gradient(135deg,#f7fafc,#edf4f8)}.admin-product-preview{position:relative;max-width:420px;display:grid;gap:13px;margin:0 auto;padding:20px;color:#435365;border:1px solid #d7e1e8;border-radius:12px;background:#fff;box-shadow:0 15px 40px rgba(37,67,91,.12)}.admin-product-preview.recommended{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(125deg,#ffd36c,#ff8e3c,#7559ff,#2ac9a4) border-box}.admin-product-preview h3{margin:0;color:#283b4d;font-size:20px}.admin-product-preview>strong{color:#557a9c;font-size:12px}.admin-product-preview>p{min-height:34px;margin:0;color:#7b8996;font-size:10px;line-height:1.6}.admin-product-preview-price{padding:12px 0;color:#28629a;border-block:1px solid #e4e9ee;font-size:20px;font-weight:900}.admin-product-preview-rules{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-product-preview-rules span{padding:8px;color:#657586;border-radius:6px;background:#f3f6f8;font-size:9px}.admin-product-preview-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.admin-product-preview-options section{display:grid;gap:7px;padding:11px;border:1px solid #dfe7ec;border-radius:8px}.admin-product-preview-options b{color:#34495b;font-size:10px}.admin-product-preview-options strong{color:#ae741d;font-size:11px}.admin-product-preview-options ul{display:grid;gap:4px;margin:0;padding-left:14px;color:#738290;font-size:8px;line-height:1.45} .payment-setting-card { margin-bottom:16px; overflow:hidden; border:1px solid #dde3e9; border-radius:11px; background:#fff; box-shadow:0 4px 15px rgba(42,58,75,.04); }.payment-setting-card > header { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 19px; border-bottom:1px solid #e8ebef; }.payment-setting-card h2 { margin:0; color:#314052; font-size:15px; }.payment-setting-card header p { margin:5px 0 0; color:#8a95a1; font-size:10px; }.payment-config-status { padding:5px 8px; color:#9a6c28; border-radius:6px; background:#faf1dc; font-size:9px; font-weight:800; }.payment-config-status.ready { color:#2f805f; background:#eaf7f1; }.payment-setting-fields { display:grid; grid-template-columns:160px minmax(0,1fr) auto; align-items:end; gap:12px; padding:18px 19px 8px; }.payment-setting-card label { min-width:0; display:grid; gap:7px; color:#667586; font-size:10px; font-weight:750; }.payment-setting-card input, .payment-setting-card select { width:100%; height:42px; padding:0 11px; color:#344457; border:1px solid #d9e0e6; border-radius:7px; outline:0; background:#fbfcfd; font-size:11px; }.payment-setting-card > .challenge-form-message { padding:0 19px 14px; }.challenge-order-table { min-width:1100px; }.order-member { display:grid; gap:3px; }.order-member b { color:#39485a; font-size:10px; }.order-member small { color:#8a96a3; font-size:9px; }.order-status { display:inline-flex; min-height:23px; align-items:center; padding:0 9px; border-radius:6px; color:#805f26; background:#faf0da; font-size:9px; font-weight:800; }.order-status.paid { color:#356990; background:#e8f1f8; }.order-status.active { color:#2f805f; background:#eaf7f1; }.order-status.suspended { color:#984b42; background:#fae9e7; }.order-status.ended { color:#68737e; background:#eef1f3; }.order-action-cell { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }.order-action { min-height:30px; padding:0 9px; color:#fff; border:0; border-radius:6px; background:#47739f; font-size:9px; font-weight:800; }.order-action.activate,.order-action.resume { background:#338363; }.order-action.suspend { background:#a96f2d; }.order-action.end { background:#8c4f55; }.order-action:disabled { opacity:.55; cursor:wait; } html[data-dashboard-theme="dark"] .admin-side-nav .admin-nav-link { color:#b7c5d6; } html[data-dashboard-theme="dark"] .admin-side-nav .admin-nav-link:hover { color:#fff; background:rgba(255,255,255,.07); } html[data-dashboard-theme="dark"] .admin-subnav { border-color:#354557; } html[data-dashboard-theme="dark"] .admin-subnav a, html[data-dashboard-theme="dark"] .admin-subnav button { color:#91a2b4; } html[data-dashboard-theme="dark"] .admin-subnav a.active, html[data-dashboard-theme="dark"] .admin-subnav button.active { color:#a8e6d4; background:rgba(77,190,157,.12); } html[data-dashboard-theme="dark"] .admin-page-head h1, html[data-dashboard-theme="dark"] .admin-stat b, html[data-dashboard-theme="dark"] .member-panel-head h2, html[data-dashboard-theme="dark"] .member-identity b { color:#edf2f7; } html[data-dashboard-theme="dark"] .admin-page-head p, html[data-dashboard-theme="dark"] .admin-stat span, html[data-dashboard-theme="dark"] .admin-stat small, html[data-dashboard-theme="dark"] .member-panel-head p { color:#91a0af; } html[data-dashboard-theme="dark"] .admin-stat, html[data-dashboard-theme="dark"] .member-panel { border-color:#2b3743; background:#19232e; box-shadow:0 4px 16px rgba(0,0,0,.12); } html[data-dashboard-theme="dark"] .member-panel-head, html[data-dashboard-theme="dark"] .member-table th, html[data-dashboard-theme="dark"] .member-table td, html[data-dashboard-theme="dark"] .member-panel-foot { border-color:#2b3743; } html[data-dashboard-theme="dark"] .member-search, html[data-dashboard-theme="dark"] .member-tools select, html[data-dashboard-theme="dark"] .admin-refresh, html[data-dashboard-theme="dark"] .admin-dashboard-link { color:#c6d0db; border-color:#34414e; background:#202a35; } html[data-dashboard-theme="dark"] .member-search input { color:#e2e8ef; }.member-search input::placeholder { color:#8c98a4; } html[data-dashboard-theme="dark"] .member-table { color:#b7c3cf; }html[data-dashboard-theme="dark"] .member-table th, html[data-dashboard-theme="dark"] .member-panel-foot { color:#8997a6; background:#17212b; }.member-table tbody tr:hover { background:#f7f9fb; }html[data-dashboard-theme="dark"] .member-table tbody tr:hover { background:#202c38; } html[data-dashboard-theme="dark"] .member-email { color:#91b3d7; } html[data-dashboard-theme="dark"] .challenge-form-card { border-color:#2b3743; background:#19232e; box-shadow:0 4px 16px rgba(0,0,0,.12); }html[data-dashboard-theme="dark"] .challenge-form-card > header { border-color:#2b3743; }html[data-dashboard-theme="dark"] .challenge-form-card h2, html[data-dashboard-theme="dark"] .challenge-name, html[data-dashboard-theme="dark"] .challenge-check b { color:#edf2f7; }html[data-dashboard-theme="dark"] .challenge-form-card header p, html[data-dashboard-theme="dark"] .challenge-check small { color:#91a0af; }html[data-dashboard-theme="dark"] .challenge-form input:not([type="checkbox"]), html[data-dashboard-theme="dark"] .challenge-form select, html[data-dashboard-theme="dark"] .challenge-form textarea, html[data-dashboard-theme="dark"] .challenge-check { color:#e0e7ee; border-color:#34414e; background:#202a35; }html[data-dashboard-theme="dark"] .challenge-form label:not(.challenge-check) { color:#aab6c2; }html[data-dashboard-theme="dark"] .challenge-form-card > header > span { color:#9ac2e8; background:#263646; } html[data-dashboard-theme="dark"] .payout-option-card,html[data-dashboard-theme="dark"] .admin-product-preview{color:#c5d0db;border-color:#34414e;background:#202a35}html[data-dashboard-theme="dark"] .payout-option-card>header,html[data-dashboard-theme="dark"] .admin-product-preview-price,html[data-dashboard-theme="dark"] .admin-product-preview-options section{border-color:#34414e}html[data-dashboard-theme="dark"] .payout-option-card h3,html[data-dashboard-theme="dark"] .admin-product-preview h3,html[data-dashboard-theme="dark"] .admin-product-preview-options b{color:#edf2f7}html[data-dashboard-theme="dark"] .payout-option-remove,html[data-dashboard-theme="dark"] .payout-row-remove,html[data-dashboard-theme="dark"] .payout-rule-add,html[data-dashboard-theme="dark"] .challenge-form-card>header .payout-option-add{border-color:#425161;background:#25313d}html[data-dashboard-theme="dark"] .challenge-live-preview{background:#17212b}html[data-dashboard-theme="dark"] .admin-product-preview-rules span{color:#aebac5;background:#27333f} html[data-dashboard-theme="dark"] .payment-setting-card { border-color:#2b3743; background:#19232e; box-shadow:0 4px 16px rgba(0,0,0,.12); }html[data-dashboard-theme="dark"] .payment-setting-card > header { border-color:#2b3743; }html[data-dashboard-theme="dark"] .payment-setting-card h2, html[data-dashboard-theme="dark"] .order-member b { color:#edf2f7; }html[data-dashboard-theme="dark"] .payment-setting-card header p, html[data-dashboard-theme="dark"] .order-member small { color:#91a0af; }html[data-dashboard-theme="dark"] .payment-setting-card input, html[data-dashboard-theme="dark"] .payment-setting-card select { color:#e0e7ee; border-color:#34414e; background:#202a35; } body.member-modal-open, body.challenge-edit-open, body.order-detail-open { overflow:hidden; } .member-detail-modal { position:fixed; z-index:1200; inset:0; display:grid; place-items:center; padding:24px; animation:modalFadeIn .2s ease both; }.member-detail-modal[hidden] { display:none !important; }.member-detail-modal.closing { animation:modalFadeOut .18s ease both; } .member-detail-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(14,23,34,.56); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .member-detail-dialog { position:relative; width:min(620px,100%); max-height:calc(100dvh - 48px); display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; color:#445365; border:1px solid #d9e1e8; border-radius:16px; background:#fff; box-shadow:0 30px 90px rgba(29,45,62,.28); animation:languagePanelIn .26s cubic-bezier(.2,.75,.25,1) both; } .member-detail-dialog > header { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 21px; border-bottom:1px solid #e5e9ed; }.member-detail-dialog > header span { color:#3f7ca6; font-size:8px; font-weight:850; letter-spacing:.16em; }.member-detail-dialog h2 { margin:5px 0 0; color:#29394b; font-size:20px; letter-spacing:-.025em; } .member-detail-close { width:36px; height:36px; display:grid; place-items:center; flex:0 0 36px; color:#788796; border:1px solid #dbe2e8; border-radius:50%; background:#f7f9fb; font-size:22px; line-height:1; } .member-detail-content { overflow-y:auto; padding:22px; }.member-detail-identity { min-height:76px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:13px; margin-bottom:18px; padding:14px; border:1px solid #e1e7ec; border-radius:11px; background:#f8fafc; }.member-detail-avatar { width:44px; height:44px; display:grid; place-items:center; color:#fff; border-radius:10px; background:#4d78a3; font-size:15px; font-weight:850; }.member-detail-identity div { min-width:0; display:grid; gap:4px; }.member-detail-identity b { overflow:hidden; color:#304154; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.member-detail-identity small { overflow:hidden; color:#7d8a98; font-size:10px; text-overflow:ellipsis; white-space:nowrap; } .member-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }.member-detail-grid > div { min-width:0; min-height:70px; display:grid; align-content:center; gap:7px; padding:13px 15px; border:1px solid #e4e9ee; border-radius:9px; }.member-detail-grid dt { color:#8b97a3; font-size:9px; font-weight:750; }.member-detail-grid dd { min-width:0; margin:0; overflow-wrap:anywhere; color:#344457; font-size:12px; font-weight:750; } .member-detail-dialog > footer { display:flex; justify-content:flex-end; padding:14px 21px; border-top:1px solid #e5e9ed; }.member-detail-confirm { min-width:88px; color:#fff; background:#315b8a; } html[data-dashboard-theme="dark"] .member-detail-dialog { color:#bdc8d3; border-color:#34414e; background:#19232e; box-shadow:0 30px 90px rgba(0,0,0,.5); }html[data-dashboard-theme="dark"] .member-detail-dialog > header, html[data-dashboard-theme="dark"] .member-detail-dialog > footer { border-color:#34414e; }html[data-dashboard-theme="dark"] .member-detail-dialog h2, html[data-dashboard-theme="dark"] .member-detail-identity b, html[data-dashboard-theme="dark"] .member-detail-grid dd { color:#edf2f7; }html[data-dashboard-theme="dark"] .member-detail-close { color:#c2ccd6; border-color:#425161; background:#25313d; }html[data-dashboard-theme="dark"] .member-detail-identity, html[data-dashboard-theme="dark"] .member-detail-grid > div { border-color:#34414e; background:#202b36; }html[data-dashboard-theme="dark"] .member-detail-identity small, html[data-dashboard-theme="dark"] .member-detail-grid dt { color:#91a0af; } .challenge-row { cursor:pointer; }.challenge-row:focus-visible { outline:2px solid #4f82b2; outline-offset:-2px; }.challenge-edit-dialog { width:min(1240px,calc(100vw - 40px)); height:min(940px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); grid-template-rows:auto minmax(0,1fr); }.challenge-edit-form { min-width:0; min-height:0; height:100%; overflow:hidden; gap:0; grid-template-rows:minmax(0,1fr) auto auto; }.challenge-edit-content { min-width:0; min-height:0; display:grid; align-content:start; gap:14px; overflow-x:hidden; overflow-y:scroll; overscroll-behavior:contain; scrollbar-gutter:stable; -webkit-overflow-scrolling:touch; padding:18px; }.challenge-edit-form > .challenge-form-message { padding:8px 20px; }.challenge-edit-form > .challenge-form-actions { flex:0 0 auto; margin:0; padding:14px 20px; border-top:1px solid #e5e9ed; background:#fff; }.challenge-edit-form .challenge-form-card { box-shadow:none; } html[data-dashboard-theme="dark"] .challenge-edit-form > .challenge-form-actions { border-color:#34414e; background:#19232e; } .order-row { cursor:pointer; }.order-row:focus-visible { outline:2px solid #4f82b2; outline-offset:-2px; }.order-detail-hint { color:#47739f; font-size:9px; font-weight:800; white-space:nowrap; }.order-detail-dialog { width:min(980px,calc(100vw - 40px)); height:min(900px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); }.order-detail-content { min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:20px; }.order-detail-summary { min-height:78px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:13px; margin-bottom:14px; padding:14px; border:1px solid #e1e7ec; border-radius:11px; background:#f8fafc; }.order-detail-summary > div { min-width:0; display:grid; gap:4px; }.order-detail-summary b { overflow:hidden; color:#304154; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }.order-detail-summary small { overflow:hidden; color:#7d8a98; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.order-detail-section { margin-top:14px; padding:16px; border:1px solid #e2e8ed; border-radius:11px; }.order-detail-section h3 { margin:0 0 13px; color:#334457; font-size:13px; }.order-detail-description { margin:0 0 13px; padding:12px 14px; color:#667586; border-radius:8px; background:#f5f7f9; font-size:10px; line-height:1.65; }.order-detail-grid > div { min-height:62px; }.order-detail-grid .order-detail-wide { grid-column:1/-1; }.order-detail-dialog > .order-detail-footer { min-height:78px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; padding:12px 20px; }.order-detail-footer > .challenge-form-message { min-height:0; margin:0; }.order-detail-status-control { display:flex; align-items:end; justify-content:flex-end; gap:8px; }.order-detail-status-control label { display:grid; gap:5px; color:#738190; font-size:9px; font-weight:750; }.order-detail-status-control select { min-width:148px; height:38px; padding:0 10px; color:#344457; border:1px solid #d9e0e6; border-radius:7px; outline:0; background:#fbfcfd; font-size:10px; font-weight:750; }.order-detail-status-control .btn { min-height:38px; }.order-detail-status-control .challenge-submit { color:#fff; background:#315b8a; }.order-detail-timeline { grid-template-columns:repeat(3,minmax(0,1fr)); } html[data-dashboard-theme="dark"] .order-detail-summary, html[data-dashboard-theme="dark"] .order-detail-section { border-color:#34414e; background:#202b36; }html[data-dashboard-theme="dark"] .order-detail-summary b, html[data-dashboard-theme="dark"] .order-detail-section h3 { color:#edf2f7; }html[data-dashboard-theme="dark"] .order-detail-summary small { color:#91a0af; }html[data-dashboard-theme="dark"] .order-detail-description { color:#aeb9c4; background:#19232e; }html[data-dashboard-theme="dark"] .order-detail-status-control select { color:#e0e7ee; border-color:#425161; background:#202a35; } @media (max-width:1100px) { .challenge-edit-dialog { width:calc(100vw - 24px); }.challenge-edit-dialog .challenge-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .payout-option-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.payout-rule-row{grid-template-columns:minmax(130px,1fr) minmax(80px,.5fr) auto minmax(150px,1fr) auto} .order-detail-dialog { width:calc(100vw - 24px); } } /* Legal documents */ .legal-agree > span { display:inline; line-height:1.6; }.legal-agree button { display:inline; padding:0 1px; color:#67dbc0; border:0; border-bottom:1px solid rgba(103,219,192,.45); background:transparent; font:inherit; cursor:pointer; } .legal-modal { position:fixed; z-index:1100; inset:0; display:grid; place-items:center; padding:24px; animation:modalFadeIn .22s ease both; }.legal-modal[hidden] { display:none !important; }.legal-modal.closing { animation:modalFadeOut .18s ease both; } .legal-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(3,10,14,.7); backdrop-filter:blur(11px); -webkit-backdrop-filter:blur(11px); } .legal-dialog { position:relative; width:min(680px,100%); max-height:min(760px,calc(100dvh - 48px)); display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; color:#dce6e9; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:#101c22; box-shadow:0 32px 90px rgba(0,0,0,.48); animation:languagePanelIn .28s cubic-bezier(.2,.75,.25,1) both; } .legal-dialog > header { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 23px; border-bottom:1px solid rgba(255,255,255,.1); }.legal-dialog > header span { color:#5ecfb5; font-size:8px; font-weight:800; letter-spacing:.16em; }.legal-dialog h2 { margin:6px 0 0; color:#f3f7f8; font-size:20px; }.legal-close { width:36px; height:36px; display:grid; place-items:center; color:#a2b0b5; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:rgba(255,255,255,.04); font-size:22px; } .legal-content { overflow-y:auto; padding:24px; color:#aebdc2; font-size:12px; line-height:1.85; white-space:pre-line; }.legal-dialog > footer { display:flex; justify-content:flex-end; padding:15px 22px; border-top:1px solid rgba(255,255,255,.1); }.legal-dialog > footer .btn { min-width:100px; } @media (max-width: 760px) { .site-language-menu { place-items:start center; padding:0; } .legal-modal { place-items:end center; padding:0; } .site-language-panel { width:100%; max-height:100dvh; border-radius:0 0 18px 18px; animation-name:languageSheetTopIn; } .legal-dialog { width:100%; max-height:min(82dvh,720px); border-radius:18px 18px 0 0; animation-name:languageSheetIn; } .site-language-heading { min-height:76px; padding:15px 16px; }.site-language-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:10px 10px 14px; }.site-language-option { min-width:0; min-height:46px; gap:8px; padding:0 10px; font-size:11px; } .dashboard-top-actions > .language-field { display:inline-flex; }.dashboard-top-actions .site-language-trigger { width:42px; min-width:42px; padding:0 10px; }.dashboard-top-actions .site-language-current-name, .dashboard-top-actions .site-language-chevron { display:none; } .landing-body .header-actions > .language-field { flex:0 0 42px; width:42px; } .landing-body .header-actions .site-language-trigger, .auth-card .site-language-trigger { width:42px; min-width:42px; padding:0 10px; justify-content:center; } .landing-body .header-actions .site-language-current-name, .landing-body .header-actions .site-language-chevron, .auth-card .site-language-current-name, .auth-card .site-language-chevron { display:none; } .auth-card .language-field { right:14px; top:14px; } .theme-toggle { min-width:42px!important; width:42px!important; height:42px!important; padding:0!important; justify-content:center; }.theme-toggle [data-theme-label] { display:none; }.theme-switch { width:32px; } .admin-content { padding:26px 14px 50px; }.admin-page-head { align-items:center; }.admin-summary-grid { grid-template-columns:1fr 1fr; gap:10px; }.member-panel-head { display:grid; }.member-tools { width:100%; }.member-search { width:100%; }.admin-top .admin-dashboard-link { display:none; } .admin-page-actions { align-self:stretch; }.challenge-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px; }.challenge-benefits { grid-template-columns:1fr; padding:16px; } .payment-setting-fields { grid-template-columns:140px minmax(0,1fr); }.payment-setting-fields .challenge-submit { grid-column:1/-1; justify-self:end; } .member-detail-modal { place-items:end center; padding:0; }.member-detail-dialog { width:100%; max-height:min(88dvh,720px); border-radius:16px 16px 0 0; animation-name:languageSheetIn; }.member-detail-content { padding:16px; }.member-detail-grid { grid-template-columns:1fr; }.member-detail-grid > div { min-height:62px; } .challenge-edit-modal { place-items:start center; }.challenge-edit-dialog { width:100%; height:100dvh; max-height:100dvh; border-radius:0; animation-name:languageSheetTopIn; }.challenge-edit-content { padding:12px; }.challenge-edit-form > .challenge-form-actions { background:#fff; }html[data-dashboard-theme="dark"] .challenge-edit-form > .challenge-form-actions { background:#19232e; } .order-detail-modal { place-items:start center; padding:0; }.order-detail-dialog { width:100%; height:100dvh; max-height:100dvh; border-radius:0; animation-name:languageSheetTopIn; }.order-detail-content { padding:12px; }.order-detail-section { padding:12px; }.order-detail-grid, .order-detail-timeline { grid-template-columns:1fr; }.order-detail-grid .order-detail-wide { grid-column:auto; }.order-detail-dialog > .order-detail-footer { grid-template-columns:1fr; gap:8px; padding:10px 12px; }.order-detail-status-control { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:end; }.order-detail-status-control label, .order-detail-status-control select { min-width:0; width:100%; } .dashboard-body .sidebar-toggle { color:#526071; border-color:#dbe1e7; background:#fff; } html[data-dashboard-theme="dark"] .dashboard-body .sidebar-toggle { color:#fff; border-color:#34414e; background:#202a35; } .dashboard-body .dashboard-top { display:flex; justify-content:flex-end; align-items:center; gap:8px; } .dashboard-body .sidebar-toggle { margin:0 auto 0 0 !important; } .dashboard-body .dashboard-top-actions { position:fixed; top:0; right:8px; left:76px; width:auto; height:66px; min-width:0; margin:0; justify-content:flex-end; flex-wrap:nowrap; transform:none; } .dashboard-body .dashboard-top-actions > .theme-field,.dashboard-body .dashboard-top-actions > .language-field,.dashboard-body .dashboard-top-actions > .admin-shortcut,.dashboard-body .dashboard-top-actions > .user-menu,.dashboard-body .dashboard-top-actions > .logout-button,.dashboard-body .dashboard-top-actions .site-language-trigger{height:42px;min-height:42px;box-sizing:border-box} .dashboard-body .sidebar { z-index:45; height:100dvh; overflow-y:auto; visibility:hidden; transform:translateX(-102%); transition:transform .28s cubic-bezier(.2,.75,.25,1), visibility 0s linear .28s; } .dashboard-body.sidebar-open { overflow:hidden; } .dashboard-body.sidebar-open .sidebar { visibility:visible; transform:translateX(0); transition-delay:0s; } .dashboard-body::after { content:""; position:fixed; z-index:40; inset:0; background:rgba(8,15,23,.5); opacity:0; pointer-events:none; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); transition:opacity .24s ease; } .dashboard-body.sidebar-open::after { opacity:1; pointer-events:auto; } @keyframes languageSheetTopIn { from { opacity:0; transform:translateY(-24px); } to { opacity:1; transform:translateY(0); } } @keyframes languageSheetIn { from { opacity:0; transform:translateY(32px); } to { opacity:1; transform:translateY(0); } } } @media (max-width: 460px) { .admin-summary-grid { grid-template-columns:1fr; }.member-tools { display:grid; }.member-tools select { width:100%; }.admin-page-head { align-items:flex-start; }.admin-page-head p { max-width:240px; }.admin-page-actions { width:100%; }.admin-page-actions .btn { flex:1; }.challenge-form-grid { grid-template-columns:1fr; }.challenge-form-grid .wide { grid-column:auto; }.challenge-form-actions .btn { flex:1; min-width:0; }.payment-setting-fields { grid-template-columns:1fr; }.payment-setting-fields .challenge-submit { grid-column:auto; width:100%; }.payment-setting-card > header { align-items:flex-start; } } /* Strong palette separation and compact theme labels. */ .theme-menu button{font-family:inherit;font-size:10px;font-weight:800;line-height:1.2}.theme-menu button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html[data-dashboard-palette="dark"]{--palette-page:#0b1118;--palette-sidebar-a:#172331;--palette-sidebar-b:#101923;--palette-top:#121c26;--palette-panel:#182430;--palette-soft:#111c26;--palette-border:#2d4050;--palette-text:#e5edf4;--palette-muted:#91a4b3;--palette-accent:#5c9bd0} html[data-dashboard-palette="midnight"]{--palette-page:#080b1e;--palette-sidebar-a:#1b2049;--palette-sidebar-b:#10142f;--palette-top:#121638;--palette-panel:#181d42;--palette-soft:#0e1332;--palette-border:#38417a;--palette-text:#ececff;--palette-muted:#a3a8d2;--palette-accent:#8579ff} html[data-dashboard-palette="slate"]{--palette-page:#0b151c;--palette-sidebar-a:#294154;--palette-sidebar-b:#192c3a;--palette-top:#1b3040;--palette-panel:#203747;--palette-soft:#142a37;--palette-border:#49677a;--palette-text:#e9f2f7;--palette-muted:#a1b7c5;--palette-accent:#75b6d9} html[data-dashboard-palette="ocean"]{--palette-page:#03161e;--palette-sidebar-a:#07506a;--palette-sidebar-b:#073044;--palette-top:#082d3c;--palette-panel:#0b3442;--palette-soft:#062530;--palette-border:#1b6578;--palette-text:#e3f8fb;--palette-muted:#8fc5cf;--palette-accent:#24c4dd} html[data-dashboard-palette="forest"]{--palette-page:#06150e;--palette-sidebar-a:#195538;--palette-sidebar-b:#0d3021;--palette-top:#103725;--palette-panel:#163d2b;--palette-soft:#0d2c1e;--palette-border:#367253;--palette-text:#e6f6ed;--palette-muted:#99c1aa;--palette-accent:#4dcc8f} html[data-dashboard-palette="graphite"]{--palette-page:#0b0c0e;--palette-sidebar-a:#30343a;--palette-sidebar-b:#1b1e22;--palette-top:#202328;--palette-panel:#282c31;--palette-soft:#1b1e22;--palette-border:#4d535b;--palette-text:#f0f1f2;--palette-muted:#adb1b7;--palette-accent:#9ca5af} html[data-dashboard-palette="violet"]{--palette-page:#120a1d;--palette-sidebar-a:#4a2767;--palette-sidebar-b:#28173c;--palette-top:#301b47;--palette-panel:#38214e;--palette-soft:#271637;--palette-border:#684482;--palette-text:#f5eaff;--palette-muted:#c0a4d2;--palette-accent:#bb79e7} html[data-dashboard-palette="sand"]{--palette-page:#efe5d3;--palette-sidebar-a:#d9bd91;--palette-sidebar-b:#c9a978;--palette-top:#f8f0e2;--palette-panel:#fff9ed;--palette-soft:#f4ead9;--palette-border:#cfb78f;--palette-text:#493c2b;--palette-muted:#82715a;--palette-accent:#a67235} html[data-dashboard-palette="rose"]{--palette-page:#f2e1e7;--palette-sidebar-a:#d9a9b9;--palette-sidebar-b:#c58a9d;--palette-top:#fff1f5;--palette-panel:#fff8fa;--palette-soft:#f7e9ee;--palette-border:#d9adbb;--palette-text:#523743;--palette-muted:#8a6875;--palette-accent:#b85f7a} html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body{color:var(--palette-text);background:var(--palette-page)!important} html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .sidebar{border-color:var(--palette-border)!important;background:linear-gradient(180deg,var(--palette-sidebar-a),var(--palette-sidebar-b))!important;box-shadow:4px 0 24px rgba(0,0,0,.16)!important} html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .dashboard-top{border-color:var(--palette-border)!important;background:var(--palette-top)!important} html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .admin-panel,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .summary-card,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .member-panel,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .challenge-account-toolbar,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .challenge-product-card{color:var(--palette-text)!important;border-color:var(--palette-border)!important;background:var(--palette-panel)!important} html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .dashboard-heading h1,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .admin-panel h2{color:var(--palette-text)!important} html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .dashboard-heading p,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .dashboard-body .admin-panel header p{color:var(--palette-muted)!important} /* Keep the theme chooser as compact as the language chooser. */ .theme-menu button{height:40px;grid-template-columns:23px minmax(0,1fr) 15px;gap:7px;padding:0 8px;font-size:8px}.theme-menu button i{width:23px;height:23px;border-radius:7px;font-size:11px}.theme-menu button b{font-size:11px} /* The compact trigger and the expanded chooser use separate type scales. */ .theme-toggle [data-theme-label]{font-size:8px;letter-spacing:-.01em} .theme-menu button{font-size:11px} /* Profile icon selection is independent from KYC. */ .dashboard-body .user-avatar:empty,.dashboard-body .user-avatar[hidden]{display:none!important} .profile-icon-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;padding:15px 18px;border:1px solid var(--palette-border,#dfe5ea);border-radius:12px;background:var(--palette-panel,#fff);box-shadow:0 5px 18px rgba(35,54,72,.05)} .profile-icon-preview{width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--palette-accent,#3f83b5) 35%,transparent);border-radius:15px;background:color-mix(in srgb,var(--palette-accent,#3f83b5) 12%,var(--palette-panel,#fff));font-size:28px}.profile-icon-preview.empty::before{content:'＋';color:var(--palette-muted,#82909d);font-size:18px}.profile-icon-panel>div:nth-child(2){display:grid;gap:3px}.profile-icon-panel>div>span{color:var(--palette-accent,#3f83b5);font-size:7px;font-weight:900;letter-spacing:.16em}.profile-icon-panel h2{margin:0;color:var(--palette-text,#344457);font-size:14px}.profile-icon-panel p{margin:0;color:var(--palette-muted,#83909e);font-size:9px}.profile-icon-panel>.btn{min-width:104px} .profile-icon-modal{position:fixed;z-index:1360;inset:0;display:grid;place-items:center;padding:18px}.profile-icon-modal[hidden]{display:none!important}.profile-icon-backdrop{position:absolute;inset:0;border:0;background:rgba(3,9,14,.78);backdrop-filter:blur(5px)}.profile-icon-dialog{position:relative;width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 36px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:#dce6ed;border:1px solid #3a4d5d;border-radius:15px;background:#19242f;box-shadow:0 30px 100px rgba(0,0,0,.62);outline:0}.profile-icon-dialog>header{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #31414e}.profile-icon-dialog>header div{display:grid;gap:3px}.profile-icon-dialog>header span{color:#6ea9d2;font-size:7px;font-weight:900;letter-spacing:.18em}.profile-icon-dialog>header h2{margin:0;color:#f0f5f8;font-size:18px}.profile-icon-dialog>header p{margin:0;color:#8194a4;font-size:8px}.profile-icon-dialog>header button{width:34px;height:34px;color:#aebcc8;border:1px solid #455766;border-radius:50%;background:#24323e;font-size:22px;cursor:pointer}.profile-icon-grid{min-height:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:16px;overflow:auto}.profile-icon-grid button{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid #334552;border-radius:12px;background:#202c37;cursor:pointer;transition:.16s ease}.profile-icon-grid button:hover{border-color:#559ac7;background:#253a49;transform:translateY(-1px)}.profile-icon-grid button.selected{border-color:#5bd0a8;background:#21443d;box-shadow:0 0 0 3px rgba(72,199,157,.12)}.profile-icon-grid button span{font-size:26px}.profile-icon-grid button i{position:absolute;top:4px;right:4px;width:15px;height:15px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#4ac79d;font-size:8px;font-style:normal;opacity:0}.profile-icon-grid button.selected i{opacity:1}.profile-icon-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 16px;border-top:1px solid #31414e}body.profile-icon-open{overflow:hidden} @media(max-width:680px){.profile-icon-panel{grid-template-columns:auto 1fr}.profile-icon-panel>.btn{grid-column:1/-1;width:100%}.profile-icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px}.profile-icon-grid button span{font-size:23px}} /* Voucher quantity presets and KYC administrator detail. */ .voucher-quantity-options{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;border:0}.voucher-quantity-options legend{grid-column:1/-1;margin:0 0 1px;color:#9cabb9;font-size:9px;font-weight:800}.voucher-quantity-options label{position:relative}.voucher-quantity-options input{position:absolute;width:1px;height:1px;opacity:0}.voucher-quantity-options span{height:42px;display:grid;place-items:center;color:#aebbc7;border:1px solid #344654;border-radius:8px;background:#202d38;font-size:10px;font-weight:850;cursor:pointer}.voucher-quantity-options input:checked+span{color:#e9f8ff;border-color:#4e9ed1;background:#285d82;box-shadow:0 0 0 3px rgba(69,151,204,.13)}.voucher-quantity-options input:focus-visible+span{outline:2px solid #6ab0dc;outline-offset:2px}.voucher-create-panel form{grid-template-columns:minmax(240px,1fr) minmax(340px,.8fr) auto}.admin-kyc-row{cursor:pointer}.admin-kyc-row:hover td,.admin-kyc-row:focus td{background:rgba(69,128,172,.09)}.admin-kyc-row:focus{outline:2px solid #4f95c5;outline-offset:-2px} .kyc-detail-dialog{width:min(980px,calc(100vw - 42px))}.kyc-detail-content{min-height:460px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;overflow:auto;padding:20px}.kyc-detail-data{min-width:0}.kyc-detail-member{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-bottom:15px;padding:14px;border:1px solid #34414e;border-radius:10px;background:#202b36}.kyc-detail-member b{color:#edf2f7;font-size:14px}.kyc-detail-member small{grid-column:1;color:#91a0af;font-size:9px}.kyc-detail-member .admin-kyc-status{grid-column:2;grid-row:1/3;align-self:center}.kyc-detail-data .member-detail-grid{grid-template-columns:1fr 1fr}.kyc-detail-data .kyc-detail-wide{grid-column:1/-1}.kyc-detail-data dd{overflow-wrap:anywhere}.kyc-detail-document{min-width:0;display:grid;grid-template-rows:auto minmax(280px,1fr) auto;gap:12px;padding:15px;border:1px solid #34414e;border-radius:12px;background:#202b36}.kyc-detail-document>div:first-child span{color:#65a8d4;font-size:7px;font-weight:900;letter-spacing:.15em}.kyc-detail-document h3{margin:4px 0 0;color:#edf2f7;font-size:15px}.kyc-detail-document p{margin:5px 0 0;color:#91a0af;font-size:8px}.kyc-detail-preview{min-height:280px;display:grid;place-items:center;overflow:hidden;border:1px dashed #4a6070;border-radius:10px;background:#151e27}.kyc-detail-preview img{width:100%;height:100%;max-height:460px;object-fit:contain}.kyc-detail-preview>div{display:grid;place-items:center;gap:8px;color:#91a0af}.kyc-detail-preview>div span{font-size:42px}.kyc-detail-preview>div b{max-width:260px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.kyc-detail-document>a{justify-self:stretch}.kyc-detail-dialog>footer{display:flex;justify-content:flex-end;padding:13px 20px;border-top:1px solid #34414e}body.kyc-detail-modal-open{overflow:hidden} @media(max-width:880px){.voucher-create-panel form{grid-template-columns:1fr}.voucher-quantity-options{grid-template-columns:repeat(4,1fr)}.kyc-detail-content{grid-template-columns:1fr}.kyc-detail-dialog{width:min(720px,calc(100vw - 24px))}} /* Final dashboard polish: keep trigger/list typography and recommended cards consistent. */ .theme-toggle [data-theme-label], .theme-menu button, .theme-menu button b { font-size: 11px; font-weight: 800; letter-spacing: -.01em; } .challenge-product-card.recommended { position: relative; border-color: transparent !important; box-shadow: 0 14px 38px rgba(232,154,55,.22) !important; } .challenge-product-card.recommended::before { content: ""; position: absolute; z-index: 4; inset: -2px; padding: 2px; pointer-events: none; border-radius: 13px; background: linear-gradient(125deg,#ffe286 0%,#ff9a42 34%,#8e73ff 68%,#2ac9a4 100%); -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .challenge-product-card.recommended .product-recommended { z-index: 5; padding: 7px 18px; font-size: 11px; } .challenge-payout-panel > h3 { font-size: 14px; } .challenge-payout-paths article h4 { font-size: 11px; line-height: 1.45; } .challenge-payout-paths article li { font-size: 10px; line-height: 1.65; } /* Personal voucher creation and list. */ .personal-voucher-create-panel { display: grid; grid-template-columns: 250px minmax(0,1fr); overflow: hidden; margin-bottom: 20px; border: 1px solid #dde3e9; border-radius: 11px; background: #fff; } .personal-voucher-create-panel > header { padding: 22px; border-right: 1px solid #e4e9ed; } .personal-voucher-create-panel > header span { color:#4383b1; font-size:8px; font-weight:900; letter-spacing:.16em; } .personal-voucher-create-panel > header h2 { margin:7px 0 5px; color:#314052; font-size:17px; } .personal-voucher-create-panel > header p { margin:0; color:#8793a0; font-size:10px; line-height:1.6; } .personal-voucher-create-panel form { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 110px minmax(210px,.8fr) auto; align-items:end; gap:11px; padding:20px; } .personal-voucher-create-panel form > label { display:grid; gap:7px; color:#667586; font-size:9px; font-weight:800; } .personal-voucher-create-panel select, .personal-voucher-create-panel input[type="number"] { width:100%; height:42px; padding:0 11px; color:#344457; border:1px solid #d9e0e6; border-radius:7px; background:#fbfcfd; font-size:10px; } .personal-voucher-expiry { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:0; padding:0; border:0; } .personal-voucher-expiry legend { grid-column:1/-1; margin-bottom:1px; color:#667586; font-size:9px; font-weight:800; } .personal-voucher-expiry label { position:relative; } .personal-voucher-expiry input { position:absolute; width:1px; height:1px; opacity:0; } .personal-voucher-expiry span { height:42px; display:grid; place-items:center; color:#68798a; border:1px solid #d9e0e6; border-radius:7px; background:#f8fafb; font-size:10px; font-weight:850; cursor:pointer; transform:translateY(0); transition:color .24s ease,border-color .24s ease,background-color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1); } .personal-voucher-expiry input:checked + span { color:#fff; border-color:#3e79a8; background:#356b99; box-shadow:0 0 0 3px rgba(53,107,153,.12); transform:translateY(-1px); } .personal-voucher-create-panel .challenge-form-message { grid-column:1/-1; margin:0; padding:0; } .personal-voucher-table{min-width:1180px}.personal-voucher-table th,.personal-voucher-table td{vertical-align:middle}.personal-voucher-member-name{color:var(--palette-text,#344457);font-weight:850;line-height:1.35}.personal-voucher-member-id{color:var(--palette-accent,#4d8db8);font-size:9px;line-height:1.35} /* KYC detail review actions and immutable event history. */ .kyc-detail-dialog { grid-template-rows:auto minmax(0,1fr) auto; } .kyc-detail-scroll { min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; } .kyc-detail-content { min-height:0; overflow:visible; align-items:start; } .kyc-detail-history { padding:18px 20px 20px; border-top:1px solid #34414e; } .kyc-detail-history > header { margin-bottom:9px; } .kyc-detail-history h3 { margin:0; color:#edf2f7; font-size:14px; } .kyc-detail-history p { margin:4px 0 0; color:#91a0af; font-size:9px; } .kyc-detail-history ol { display:grid; gap:8px; max-height:none; margin:0; padding:0; overflow:visible; list-style:none; } .kyc-history-item { display:grid; gap:9px; padding:12px 13px; border:1px solid #34414e; border-radius:9px; background:#202b36; } .kyc-history-head { display:flex !important; align-items:center; justify-content:space-between; gap:12px; } .kyc-history-status-line { min-width:0; display:flex; align-items:center; gap:9px; } .kyc-history-head strong { min-height:23px; display:inline-flex; align-items:center; flex:0 0 auto; padding:0 9px; color:#d9e7f2; border:1px solid #456278; border-radius:5px; background:#263d4d; font-size:9px; } .kyc-history-item.approved .kyc-history-head strong,.kyc-history-item.verified .kyc-history-head strong { color:#8de0c3; border-color:#2b765d; background:#173e31; } .kyc-history-item.rejected .kyc-history-head strong { color:#efb2a9; border-color:#7b443e; background:#422725; } .kyc-history-item.submitted .kyc-history-head strong { color:#a8d3ef; border-color:#3d6682; background:#1c3547; } .kyc-history-head time { color:#91a0af; font-size:8px; white-space:nowrap; } .kyc-history-item dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0; } .kyc-history-item dl div { display:grid; gap:3px; min-width:0; padding:8px; border-radius:7px; background:#18232d; } .kyc-history-item dt { color:#8293a2; font-size:7px; font-weight:800; } .kyc-history-item dd { margin:0; color:#dce7f0; font-size:9px; overflow-wrap:anywhere; } .kyc-history-file,.kyc-history-note { min-width:0; margin:0; color:#91a0af; font-size:8px; line-height:1.55; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .kyc-detail-footer { justify-content:space-between !important; } .admin-country-pair { display:flex; align-items:center; flex-wrap:wrap; gap:6px; white-space:normal; } .admin-country-label { min-width:0; display:inline-flex; align-items:center; gap:6px; } .admin-country-label img { width:24px; height:18px; flex:0 0 24px; object-fit:cover; border-radius:3px; box-shadow:0 0 0 1px rgba(255,255,255,.14); } .admin-country-label > span { min-width:0; } .admin-country-label small { color:#8293a2; font-size:7px; font-weight:800; } .admin-country-separator { color:#647688; } .kyc-detail-review-actions { display:flex; align-items:center; gap:8px; } .kyc-detail-review-actions .btn { min-width:92px; } .kyc-detail-review-actions .admin-kyc-approve { color:#fff; border-color:#2f8d68; background:#2f8d68; } .kyc-detail-review-actions .admin-kyc-reject { color:#fff; border-color:#a85651; background:#a85651; } .kyc-detail-review-actions .current { box-shadow:0 0 0 3px rgba(89,174,216,.18); } /* Country and document controls stay compact while retaining useful names. */ .kyc-country-dialog { width:min(940px,calc(100vw - 32px)) !important; } .kyc-country-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } .kyc-country-item small,.kyc-country-item code { display:none !important; } .kyc-document-types { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } .kyc-document-types label,.kyc-document-type { min-height:48px !important; } html[data-dashboard-theme="dark"] .personal-voucher-create-panel { border-color:#2b3743; background:#19232e; } html[data-dashboard-theme="dark"] .personal-voucher-create-panel > header { border-color:#2b3743; } html[data-dashboard-theme="dark"] .personal-voucher-create-panel > header h2 { color:#edf2f7; } html[data-dashboard-theme="dark"] .personal-voucher-create-panel > header p { color:#91a0af; } html[data-dashboard-theme="dark"] .personal-voucher-create-panel form > label, html[data-dashboard-theme="dark"] .personal-voucher-expiry legend { color:#aab6c2; } html[data-dashboard-theme="dark"] .personal-voucher-create-panel select, html[data-dashboard-theme="dark"] .personal-voucher-create-panel input[type="number"], html[data-dashboard-theme="dark"] .personal-voucher-expiry span { color:#e0e7ee; border-color:#34414e; background:#202a35; } @media(max-width:1120px){ .personal-voucher-create-panel{grid-template-columns:1fr} .personal-voucher-create-panel>header{border-right:0;border-bottom:1px solid #e4e9ed} .personal-voucher-create-panel form{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .personal-voucher-create-panel form{grid-template-columns:1fr} .kyc-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .kyc-history-item dl{grid-template-columns:1fr 1fr} .kyc-detail-footer{gap:10px;flex-wrap:wrap} .kyc-detail-review-actions{width:100%} .kyc-detail-review-actions .btn{flex:1} } /* Keep the country picker roomy on desktop and compact on smaller screens. */ .kyc-country-dialog { width:min(1280px,calc(100vw - 48px)) !important; max-width:min(1280px,calc(100vw - 48px)) !important; } .kyc-country-grid { grid-template-columns:repeat(6,minmax(0,1fr)) !important; } /* Document choices remain on one readable line without oversized cards. */ .kyc-document-types label, .kyc-document-types .kyc-document-type { min-height:40px !important; } .kyc-document-types label > span, .kyc-document-types .kyc-document-type > span { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:7px !important; min-height:40px !important; height:40px !important; padding:5px 8px !important; } .kyc-document-check { width:22px !important; min-width:22px !important; height:22px !important; margin:0 !important; } .kyc-document-types b { font-size:9px !important; line-height:1 !important; white-space:nowrap; } /* Scrollbars follow the selected dashboard palette. */ .dashboard-body * { scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--palette-accent,#4a84b5) 58%,var(--palette-border,#dfe5ea)) color-mix(in srgb,var(--palette-panel,#fff) 84%,var(--palette-border,#dfe5ea)); } .dashboard-body *::-webkit-scrollbar { width:10px; height:10px; } .dashboard-body *::-webkit-scrollbar-track { background:color-mix(in srgb,var(--palette-panel,#fff) 84%,var(--palette-border,#dfe5ea)); } .dashboard-body *::-webkit-scrollbar-thumb { background:color-mix(in srgb,var(--palette-accent,#4a84b5) 58%,var(--palette-border,#dfe5ea)); border:2px solid color-mix(in srgb,var(--palette-panel,#fff) 84%,var(--palette-border,#dfe5ea)); border-radius:999px; } .dashboard-body *::-webkit-scrollbar-thumb:hover { background:color-mix(in srgb,var(--palette-accent,#4a84b5) 78%,var(--palette-border,#dfe5ea)); } /* Profile icons let the surrounding palette show through. */ .dashboard-body .dashboard-top button.user-avatar, .profile-icon-preview:not(.empty) { color:inherit !important; background:transparent !important; border-color:transparent !important; box-shadow:none !important; } .dashboard-body .dashboard-top button.user-avatar { padding:0; border:0 !important; border-radius:0 !important; appearance:none; cursor:pointer; transition:none !important; } .dashboard-body .dashboard-top button.user-avatar:hover, .dashboard-body .dashboard-top button.user-avatar:active { background:transparent !important; border-color:transparent !important; box-shadow:none !important; filter:none !important; transform:none !important; } @media(max-width:1280px){ .kyc-country-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} } @media(max-width:1040px){ .kyc-country-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:820px){ .kyc-country-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important} .kyc-country-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:600px){ .kyc-country-dialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important} .kyc-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* Large, top-anchored country picker. */ .country-picker-modal{place-items:start center!important;padding:clamp(72px,9vh,110px) 24px 24px!important} .country-picker-dialog{width:min(1180px,calc(100vw - 48px))!important;max-width:min(1180px,calc(100vw - 48px))!important;max-height:calc(100dvh - clamp(96px,12vh,134px))!important} .country-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} @media(max-width:1080px){.country-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:820px){.country-picker-modal{padding:72px 12px 16px!important}.country-picker-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}.country-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:560px){.country-picker-modal{padding:66px 8px 10px!important}.country-picker-dialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}.country-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* Scalable personal-voucher member search. */ .personal-voucher-member-picker{display:grid;gap:7px;color:#667586;font-size:9px;font-weight:800} .personal-voucher-member-picker>input{display:none} .personal-voucher-member-picker>button{position:relative;min-height:42px;display:grid;gap:3px;padding:7px 34px 7px 11px;color:#344457;border:1px solid #d9e0e6;border-radius:7px;background:#fbfcfd;text-align:left;cursor:pointer} .personal-voucher-member-picker>button::after{position:absolute;right:12px;top:50%;color:#78a7c8;font-size:15px;content:'⌕';transform:translateY(-50%)} .personal-voucher-member-picker>button b{font-size:10px}.personal-voucher-member-picker>button small{color:#8b98a5;font-size:8px;font-weight:650} html[data-dashboard-theme="dark"] .personal-voucher-member-picker{color:#aab6c2} html[data-dashboard-theme="dark"] .personal-voucher-member-picker>button{color:#edf2f7;border-color:#34414e;background:#202a35} html[data-dashboard-theme="dark"] .personal-voucher-expiry input:checked+span{color:#14202a!important;border-color:#d8f1ff!important;background:#eef8ff!important;box-shadow:0 0 0 3px rgba(111,190,238,.26)!important} .personal-member-search-modal{place-items:start center;padding:92px 16px 20px} .personal-member-search-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 112px);grid-template-rows:auto auto auto} .personal-member-search-content{min-height:0;display:grid;grid-template-rows:auto auto auto auto;gap:8px;padding:20px} .personal-member-search-content>label{color:#aab6c2;font-size:9px;font-weight:850}.personal-member-search-content>p{margin:0;color:#8293a2;font-size:8px} .personal-member-search-box{height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #435564;border-radius:9px;background:#151f28}.personal-member-search-box>span{color:#78b4dc;font-size:17px}.personal-member-search-box input{min-width:0;width:100%;height:100%;color:#edf3f7;border:0;outline:0;background:transparent;font:750 11px inherit} .personal-member-search-results{min-height:0;max-height:min(384px,calc(100dvh - 350px));display:grid;align-content:start;gap:7px;overflow:auto;padding:2px} .personal-member-result{min-height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 12px;color:#dce6ed;border:1px solid #344654;border-radius:9px;background:#202c37;text-align:left;cursor:pointer}.personal-member-result:hover,.personal-member-result:focus-visible{border-color:#5ca9d5;background:#253644;outline:0}.personal-member-result-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#315e87;font-size:21px}.personal-member-result-identity{min-width:0;display:grid;gap:4px}.personal-member-result-identity b,.personal-member-result-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-member-result-identity b{font-size:11px}.personal-member-result-identity small,.personal-member-result-meta{color:#91a0af;font-size:8px}.personal-member-result-meta{white-space:nowrap} body.personal-member-search-open{overflow:hidden} @media(max-width:620px){.personal-member-search-modal{padding:70px 8px 12px}.personal-member-search-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 82px)}.personal-member-search-results{max-height:calc(100dvh - 330px)}.personal-member-result{grid-template-columns:38px minmax(0,1fr)}.personal-member-result-meta{grid-column:2;white-space:normal}} /* Member purchase list mirrors the compact administrator table. */ .dashboard-order-tools .member-search{width:280px}.dashboard-member-order-table{min-width:900px}.dashboard-member-order-table .order-row{cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}.dashboard-member-order-table .order-row:hover{box-shadow:inset 3px 0 #4f86b5}.dashboard-member-order-table .order-row:focus-visible{outline:2px solid #4f86b5;outline-offset:-2px}.dashboard-order-payment-badge{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;color:#32678f;border:1px solid #b7d3e6;border-radius:6px;background:#e9f2f8;font-size:8px;font-weight:850;white-space:nowrap}.dashboard-order-payment-badge.voucher{color:#7b5797;border-color:#d4c1e2;background:#f0e9f7}.dashboard-order-detail-link{padding:0;color:#477da9;border:0;background:transparent;font:850 9px inherit;cursor:pointer}.dashboard-order-detail-link:hover{text-decoration:underline}html[data-dashboard-theme="dark"] .dashboard-order-payment-badge{color:#8ec5eb;border-color:#365c75;background:#1b3343}html[data-dashboard-theme="dark"] .dashboard-order-payment-badge.voucher{color:#ceb0e4;border-color:#624c73;background:#31263d}html[data-dashboard-theme="dark"] .dashboard-order-detail-link{color:#78b7e2} @media(max-width:900px){.member-order-list-panel .member-panel-head{display:grid}.dashboard-order-tools{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto}.dashboard-order-tools .member-search{width:auto}}@media(max-width:620px){.dashboard-order-tools{grid-template-columns:1fr 1fr}.dashboard-order-tools .member-search{grid-column:1/-1}} /* Member-facing personal vouchers. */ .personal-voucher-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.personal-voucher-summary article{min-height:92px;display:grid;align-content:center;gap:8px;padding:16px 18px;border:1px solid var(--palette-border,#dfe5ea);border-radius:11px;background:var(--palette-panel,#fff)}.personal-voucher-summary span{color:var(--palette-muted,#82909d);font-size:9px}.personal-voucher-summary b{color:var(--palette-text,#344457);font-size:21px} .personal-voucher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.personal-voucher-grid>.dashboard-empty-text,.personal-voucher-grid>.dashboard-loading{grid-column:1/-1;min-height:260px} .personal-voucher-card{min-width:0;display:grid;gap:15px;padding:18px;border:1px solid var(--palette-border,#dfe5ea);border-top:3px solid #55bd92;border-radius:12px;background:var(--palette-panel,#fff);box-shadow:0 8px 24px rgba(12,24,36,.08)}.personal-voucher-card.used{border-top-color:#6996bb}.personal-voucher-card.expired{border-top-color:#9a7a72;opacity:.78}.personal-voucher-card>header{display:flex;align-items:start;justify-content:space-between;gap:10px}.personal-voucher-card>header div{min-width:0;display:grid;gap:5px}.personal-voucher-card>header span{color:var(--palette-accent,#3f83b5);font-size:7px;font-weight:900;letter-spacing:.15em}.personal-voucher-card h2{overflow:hidden;margin:0;color:var(--palette-text,#344457);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.personal-voucher-state{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#246c52;background:#e6f6ef;font-size:8px}.personal-voucher-state.used{color:#376b92;background:#eaf2f8}.personal-voucher-state.expired{color:#82564e;background:#f5eae7} .personal-voucher-credentials{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:8px}.personal-voucher-credentials label{min-width:0;display:grid;gap:6px;padding:10px;border:1px solid var(--palette-border,#dfe5ea);border-radius:8px;background:var(--palette-soft,#f6f8fa)}.personal-voucher-credentials span,.personal-voucher-card dt{color:var(--palette-muted,#82909d);font-size:7px}.personal-voucher-credentials code{overflow:hidden;color:var(--palette-text,#344457);font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.personal-voucher-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.personal-voucher-card dl div{display:grid;gap:4px}.personal-voucher-card dd{margin:0;color:var(--palette-text,#344457);font-size:9px;font-weight:750}.personal-voucher-copy{width:100%;color:#fff;background:#356b99}.personal-voucher-copy:disabled{color:var(--palette-muted,#82909d);background:var(--palette-soft,#f6f8fa)} @media(max-width:1180px){.personal-voucher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.personal-voucher-summary{grid-template-columns:1fr 1fr}.personal-voucher-grid{grid-template-columns:1fr}} /* Member KYC immutable history. */ .member-kyc-history-panel{margin-top:18px}.member-kyc-history-list{display:grid;gap:9px;margin:0;padding:16px;list-style:none}.member-kyc-history-item{display:grid;gap:10px;padding:13px;border:1px solid var(--palette-border,#dfe5ea);border-left:3px solid #568db6;border-radius:9px;background:var(--palette-soft,#f6f8fa)}.member-kyc-history-item.rejected{border-left-color:#c16058}.member-kyc-history-item.verified{border-left-color:#42a67f}.member-kyc-history-item>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-kyc-history-item>header strong{color:var(--palette-text,#344457);font-size:11px}.member-kyc-history-item>header time{color:var(--palette-muted,#82909d);font-size:8px}.member-kyc-history-item dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.member-kyc-history-item dl div{min-width:0;display:grid;gap:4px;padding:9px;border:1px solid var(--palette-border,#dfe5ea);border-radius:7px;background:var(--palette-panel,#fff)}.member-kyc-history-item dt{color:var(--palette-muted,#82909d);font-size:7px}.member-kyc-history-item dd{overflow-wrap:anywhere;margin:0;color:var(--palette-text,#344457);font-size:9px;font-weight:750}.member-kyc-history-item>p{margin:0;padding:9px;color:#d17f73;border-radius:7px;background:rgba(181,77,66,.13);font-size:9px}.member-kyc-country{display:inline-flex;align-items:center;gap:6px}.member-kyc-country img{width:24px;height:18px;object-fit:cover;border-radius:3px} @media(max-width:760px){.member-kyc-history-item dl{grid-template-columns:1fr 1fr}} /* Purchase completion confirmation. */ body.purchase-success-open{overflow:hidden}.order-detail-modal.purchase-success-modal,.order-detail-modal.constraint-alert-modal{place-items:center;padding:16px}.order-detail-dialog.purchase-success-dialog,.order-detail-dialog.constraint-alert-dialog{width:min(520px,calc(100vw - 28px));height:auto;min-height:0;max-height:calc(100dvh - 32px);grid-template-rows:auto auto;align-self:center;overflow:hidden}.purchase-success-content{display:grid;place-items:center;padding:30px 26px 24px;text-align:center}.purchase-success-check{width:56px;height:56px;display:grid;place-items:center;margin-bottom:13px;color:#fff;border-radius:50%;background:#39ae80;box-shadow:0 0 0 8px rgba(57,174,128,.13);font-size:27px;font-weight:900}.purchase-success-content>span:nth-child(2){color:var(--palette-accent,#4d8db8);font-size:8px;font-weight:900;letter-spacing:.17em}.purchase-success-content h2{margin:7px 0 8px;color:var(--palette-text,#344457);font-size:20px}.purchase-success-content p{margin:0;color:var(--palette-muted,#82909d);font-size:10px;line-height:1.6}.purchase-success-content p b{color:var(--palette-text,#344457)}.purchase-success-content dl{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 0}.purchase-success-content dl div{display:grid;gap:6px;padding:12px;border:1px solid var(--palette-border,#dfe5ea);border-radius:8px;background:var(--palette-soft,#f6f8fa)}.purchase-success-content dt{color:var(--palette-muted,#82909d);font-size:8px}.purchase-success-content dd{margin:0;color:var(--palette-text,#344457);font-size:11px;font-weight:850}.purchase-success-dialog>footer{gap:8px}.purchase-success-dialog>footer .challenge-submit{min-width:120px;color:#fff;background:#356b99} body.constraint-alert-open{overflow:hidden}.constraint-alert-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:13px;color:#fff;border-radius:50%;background:#b9893f;box-shadow:0 0 0 8px rgba(185,137,63,.14);font-size:27px;font-weight:900}.constraint-alert-dialog>footer .challenge-submit{min-width:120px;color:#fff;background:#356b99} /* Activated challenge trading-history cards and detail dialog. */ .contract-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contract-card-grid>.dashboard-loading,.contract-card-grid>.dashboard-empty-text,.contract-empty-state{grid-column:1/-1}.contract-card{min-width:0;display:grid;gap:16px;padding:19px;text-align:left;color:var(--palette-text,#344457);border:1px solid var(--palette-border,#dfe5ea);border-top:3px solid #4f96c4;border-radius:12px;background:var(--palette-panel,#fff);box-shadow:0 8px 24px rgba(12,24,36,.07);font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.contract-card:hover{transform:translateY(-3px);border-color:#78a9cb;box-shadow:0 14px 30px rgba(12,24,36,.13)}.contract-card:active{transform:translateY(-1px) scale(.992)}.contract-card.status-suspended{border-top-color:#c98c5a}.contract-card.status-ended{border-top-color:#84909b}.contract-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.contract-card-head>span{min-width:0;display:grid;gap:5px}.contract-card-head small{color:var(--palette-accent,#4d8db8);font-size:7px;font-weight:900;letter-spacing:.14em}.contract-card-head b{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.contract-card-head em{color:var(--palette-muted,#82909d);font-size:9px;font-style:normal}.contract-status-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:5px;color:#277053;background:#e3f4ec;font-size:8px;font-weight:850;white-space:nowrap}.contract-status-badge.status-suspended{color:#895829;background:#f7eadc}.contract-status-badge.status-ended{color:#5d6975;background:#e9edf0}.contract-card-balance{display:grid;gap:5px;padding:14px;border-radius:9px;background:var(--palette-soft,#f6f8fa)}.contract-card-balance small,.contract-card-stats small{color:var(--palette-muted,#82909d);font-size:8px}.contract-card-balance b{font-size:22px}.contract-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.contract-card-stats>span{min-width:0;display:grid;gap:5px;padding:10px;border:1px solid var(--palette-border,#dfe5ea);border-radius:7px}.contract-card-stats b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.contract-card-action{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--palette-border,#dfe5ea);color:var(--palette-accent,#4d8db8);font-size:9px}.contract-card-action i{font-size:16px;font-style:normal}.contract-empty-state{min-height:430px;display:grid;place-items:center;align-content:center;gap:9px;padding:30px;text-align:center;border:1px solid var(--palette-border,#dfe5ea);border-radius:12px;background:var(--palette-panel,#fff)}.contract-empty-state>span{width:48px;height:48px;display:grid;place-items:center;color:var(--palette-accent,#4d8db8);border-radius:50%;background:var(--palette-soft,#f6f8fa);font-size:21px}.contract-empty-state h2{margin:5px 0 0;font-size:16px}.contract-empty-state p{margin:0;color:var(--palette-muted,#82909d);font-size:10px}.contract-detail-dialog{width:min(980px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px)}.contract-detail-content{min-height:0;overflow:auto;padding:18px}.contract-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid var(--palette-border,#dfe5ea);border-radius:11px;background:var(--palette-soft,#f6f8fa)}.contract-detail-hero>div{min-width:0;display:grid;justify-items:start;gap:6px}.contract-detail-hero h3{margin:0;color:var(--palette-text,#344457);font-size:17px}.contract-detail-hero p{margin:0;color:var(--palette-muted,#82909d);font-size:9px}.contract-detail-hero>strong{color:var(--palette-text,#344457);font-size:23px;white-space:nowrap}.contract-detail-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}.contract-detail-metrics>div{min-width:0;min-height:65px;display:grid;align-content:center;gap:7px;padding:11px;border:1px solid var(--palette-border,#dfe5ea);border-radius:8px}.contract-detail-metrics dt{color:var(--palette-muted,#82909d);font-size:8px}.contract-detail-metrics dd{overflow:hidden;margin:0;color:var(--palette-text,#344457);font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.positive{color:#2d9169!important}.negative{color:#bd665f!important}.contract-detail-loading{grid-column:1/-1;min-height:120px;display:grid;place-items:center;color:var(--palette-muted,#82909d);font-size:10px}.contract-history-panel{border:1px solid var(--palette-border,#dfe5ea);border-radius:10px;overflow:hidden}.contract-history-panel>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--palette-border,#dfe5ea)}.contract-history-panel>header div{display:grid;gap:3px}.contract-history-panel>header span{color:var(--palette-accent,#4d8db8);font-size:7px;font-weight:900;letter-spacing:.13em}.contract-history-panel h3{margin:0;font-size:12px}.contract-history-panel>header small{color:var(--palette-muted,#82909d);font-size:8px}.contract-history-list{display:grid;max-height:260px;overflow:auto}.contract-history-list article{min-height:54px;display:grid;grid-template-columns:110px 1fr 1fr;align-items:center;gap:12px;padding:9px 15px;border-bottom:1px solid var(--palette-border,#dfe5ea)}.contract-history-list article:last-child{border-bottom:0}.contract-history-list time{color:var(--palette-muted,#82909d);font-size:9px}.contract-history-list article span{display:grid;gap:3px}.contract-history-list small{color:var(--palette-muted,#82909d);font-size:7px}.contract-history-list b{font-size:9px}.contract-history-empty{min-height:120px;display:grid;place-items:center;margin:0;color:var(--palette-muted,#82909d);font-size:10px} @media(max-width:1180px){.contract-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.contract-card-grid{grid-template-columns:1fr}.contract-detail-modal{place-items:start center;padding:0}.contract-detail-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.contract-detail-content{padding:12px}.contract-detail-hero{align-items:flex-start;flex-direction:column}.contract-detail-metrics{grid-template-columns:1fr 1fr}.contract-history-list article{grid-template-columns:1fr 1fr}.contract-history-list time{grid-column:1/-1}.contract-card-stats{grid-template-columns:1fr 1fr}.contract-card-stats>span:last-child{grid-column:1/-1}} .trade-ledger-panel{margin-top:18px}.trade-ledger-table{min-width:1080px}.trade-ledger-table th,.trade-ledger-table td{white-space:nowrap}.trade-ledger-table tbody tr{cursor:pointer}.trade-ledger-table tbody tr:hover{background:color-mix(in srgb,var(--palette-soft,#f6f8fa) 82%,#4e9bc7 18%)}.trade-side{display:inline-flex;min-width:46px;justify-content:center;padding:4px 7px;border-radius:5px;font-size:8px;font-weight:900}.trade-side.buy{color:#217758;background:#dff3eb}.trade-side.sell{color:#a74e51;background:#f7e3e3}.trade-order-status{display:inline-flex;padding:4px 7px;border-radius:5px;color:#526474;background:#e9eef2;font-size:8px;font-weight:850}.trade-order-status.filled{color:#217758;background:#dff3eb}.trade-order-status.working{color:#9a6c23;background:#f9efd7}.trade-order-status.cancelled,.trade-order-status.rejected{color:#a74e51;background:#f7e3e3}.contract-detail-tabs{display:flex;gap:6px;padding:11px 18px;border-bottom:1px solid var(--palette-border,#dfe5ea);overflow-x:auto}.contract-detail-tabs button{min-width:72px;height:31px;padding:0 13px;color:var(--palette-muted,#82909d);border:1px solid var(--palette-border,#dfe5ea);border-radius:7px;background:var(--palette-soft,#f6f8fa);font:800 9px/1 inherit;cursor:pointer}.contract-detail-tabs button.active{color:#fff;border-color:#367eaf;background:#367eaf}.contract-ledger-pane{min-height:420px}.contract-detail-table{display:grid;border:1px solid var(--palette-border,#dfe5ea);border-radius:9px;overflow:hidden}.contract-detail-table-row{min-height:52px;display:grid;grid-template-columns:minmax(120px,1.2fr) .7fr .8fr .65fr minmax(130px,1fr);align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--palette-border,#dfe5ea);font-size:9px}.contract-detail-table-row:last-child{border-bottom:0}.contract-detail-table-row.header{min-height:38px;color:var(--palette-muted,#82909d);background:var(--palette-soft,#f6f8fa);font-size:8px;font-weight:850}.contract-detail-table-row b{font-size:9px}.contract-detail-rules{display:grid;gap:10px}.contract-rule-card{display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--palette-border,#dfe5ea);border-radius:9px}.contract-rule-card>div{height:7px;overflow:hidden;border-radius:10px;background:var(--palette-soft,#e8edf1)}.contract-rule-card i{height:100%;display:block;background:#3d9bcc}.contract-rule-card.passed i{background:#3db787}.contract-rule-card.failed i{background:#db6868}.contract-rule-card small{color:var(--palette-muted,#82909d);font-size:8px}.contract-rule-card b{font-size:10px}.contract-rule-card strong{font-size:9px}.contract-detail-empty{min-height:260px;display:grid;place-items:center;color:var(--palette-muted,#82909d);font-size:10px} /* Voucher creation notes and scalable personal-voucher history filters. */ .voucher-create-panel form .voucher-note-field{min-width:260px}.voucher-create-panel form .voucher-note-field input{width:100%;height:42px;padding:0 12px;color:var(--palette-text,#344457);border:1px solid var(--palette-border,#dfe5ea);border-radius:7px;outline:0;background:var(--palette-soft,#f6f8fa);font:750 10px inherit}.voucher-create-panel form .voucher-note-field input:focus{border-color:#4d8db8;box-shadow:0 0 0 3px rgba(77,141,184,.12)}.voucher-batch-note{max-width:220px;overflow:hidden;color:var(--palette-muted,#82909d);text-overflow:ellipsis;white-space:nowrap}.personal-voucher-history-tools{display:grid;grid-template-columns:minmax(220px,1fr) 170px 140px;gap:8px}.personal-voucher-history-tools .member-search{width:auto}.personal-voucher-history-tools select{min-width:0} @media(max-width:1100px){.personal-voucher-history-tools{width:100%;grid-template-columns:minmax(0,1fr) 160px 130px}}@media(max-width:700px){.personal-voucher-history-tools{grid-template-columns:1fr 1fr}.personal-voucher-history-tools .member-search{grid-column:1/-1}.voucher-create-panel form .voucher-note-field{min-width:0}} /* Mobile dashboard header uses a real left-menu/right-actions grid. */ @media(max-width:760px){.dashboard-body .dashboard-top{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;padding:0 8px 0 12px!important}.dashboard-body .sidebar-toggle{grid-column:1!important;justify-self:start!important;margin:0!important}.dashboard-body .dashboard-top-actions{position:static!important;grid-column:2!important;width:100%!important;max-width:none!important;height:auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;justify-self:stretch!important;gap:5px!important;margin:0!important;transform:none!important}.dashboard-body .dashboard-top-actions>.theme-field,.dashboard-body .dashboard-top-actions>.admin-shortcut,.dashboard-body .dashboard-top-actions>.user-menu,.dashboard-body .dashboard-top-actions>.logout-button,.dashboard-body .dashboard-top-actions>.language-field{flex:0 0 auto}.dashboard-body .dashboard-top-actions>.language-field,.dashboard-body .dashboard-top-actions>.language-select{order:100!important;margin-right:0!important}.dashboard-body .dashboard-top-actions>.language-select{width:42px!important;min-width:42px!important;padding:0!important}.dashboard-body .dashboard-top-actions>.theme-field,.dashboard-body .dashboard-top-actions>.admin-shortcut,.dashboard-body .dashboard-top-actions>.user-menu,.dashboard-body .dashboard-top-actions>.logout-button,.dashboard-body .dashboard-top-actions>.language-field,.dashboard-body .dashboard-top-actions .theme-toggle,.dashboard-body .dashboard-top-actions .site-language-trigger{height:42px!important;min-height:42px!important;max-height:42px!important;box-sizing:border-box!important}} @media(max-width:400px){.dashboard-body .dashboard-top{grid-template-columns:38px minmax(0,1fr)!important;column-gap:5px!important;padding-right:6px!important;padding-left:8px!important}.dashboard-body .dashboard-top-actions{gap:3px!important}.dashboard-body .dashboard-top-actions>.admin-shortcut,.dashboard-body .dashboard-top-actions>.logout-button{padding-right:7px!important;padding-left:7px!important;font-size:9px!important}} /* Mobile header actions are physically anchored to the right viewport edge. */ @media(max-width:760px){.dashboard-body .dashboard-top{position:fixed!important;top:0!important;right:0!important;left:0!important;width:auto!important;height:66px!important;display:block!important;padding:0!important}.dashboard-body .sidebar-toggle{position:absolute!important;top:12px!important;left:12px!important;width:42px!important;height:42px!important;margin:0!important}.dashboard-body .dashboard-top-actions{position:absolute!important;top:0!important;right:8px!important;bottom:0!important;left:auto!important;width:max-content!important;max-width:calc(100% - 74px)!important;height:66px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin:0!important}.dashboard-body .dashboard-top-actions>.language-field{order:100!important;width:42px!important;min-width:42px!important;flex:0 0 42px!important;margin-right:0!important}.dashboard-body .dashboard-top-actions>.language-field .site-language-trigger{width:42px!important;min-width:42px!important;justify-content:center!important}} @media(max-width:400px){.dashboard-body .sidebar-toggle{top:14px!important;left:8px!important;width:38px!important;height:38px!important}.dashboard-body .dashboard-top-actions{right:6px!important;max-width:calc(100% - 52px)!important;gap:3px!important}} /* Administrator segmented toggles use one sliding selection plate. */ .admin-segmented-toggle{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background-color .3s ease,box-shadow .3s ease,opacity .3s ease}.admin-segmented-toggle::before{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 9px)/2);border-radius:5px;background:#299b72;box-shadow:0 2px 7px rgba(32,119,87,.22);content:'';transform:translateX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s ease,box-shadow .3s ease}.admin-segmented-toggle.inactive::before{background:#687786;box-shadow:0 2px 7px rgba(44,58,72,.2);transform:translateX(calc(100% + 3px))}.admin-segmented-toggle.recommendation.active::before{background:#f2c35d;box-shadow:0 2px 7px rgba(186,132,26,.24)}.admin-segmented-toggle b,.admin-segmented-toggle.active b:first-child,.admin-segmented-toggle.inactive b:last-child,.admin-segmented-toggle.recommendation.active b:first-child{position:relative;z-index:1;color:inherit;background:transparent;box-shadow:none;transform:none;transition:color .3s ease}.admin-segmented-toggle.active b:first-child{color:#fff}.admin-segmented-toggle.inactive b:last-child{color:#fff}.admin-segmented-toggle.recommendation.active b:first-child{color:#342400}html[data-dashboard-theme="dark"] .admin-segmented-toggle.active b:first-child{color:#10261e;background:transparent}html[data-dashboard-theme="dark"] .admin-segmented-toggle.inactive b:last-child{color:#17212a;background:transparent}html[data-dashboard-theme="dark"] .admin-segmented-toggle.recommendation.active b:first-child{color:#332300;background:transparent}html[data-dashboard-theme="dark"] .admin-segmented-toggle::before{background:#79d9b8}html[data-dashboard-theme="dark"] .admin-segmented-toggle.inactive::before{background:#aebbc6}html[data-dashboard-theme="dark"] .admin-segmented-toggle.recommendation.active::before{background:#efc45f} /* Pending challenge state and guarded trading action. */ .challenge-account-toolbar-meta .status-pill::before{display:none}.challenge-account-toolbar-meta .status-pill.status-requested{color:#9a7228;border-color:#dcc88f;background:#fff8df}.challenge-account-toolbar-meta .status-pill.status-requested i{background:#d6a32d;box-shadow:0 0 0 3px rgba(214,163,45,.16)}.challenge-account-trade.is-unavailable{color:#fff5d4;border-color:#8d7444;background:#76613d;cursor:pointer}.challenge-account-trade.is-unavailable:hover{background:#846d43}html[data-dashboard-theme="dark"] .challenge-account-toolbar-meta .status-pill.status-requested{color:#e7c46b;border-color:#665529;background:#332d1d}html[data-dashboard-theme="dark"] .challenge-account-trade.is-unavailable{color:#f4deb0;border-color:#665839;background:#574a31} /* Every POP user/admin dialog fades in and out on the same 300 ms rhythm. */ :where(.site-language-menu,.country-picker-modal,.profile-icon-modal,.challenge-purchase-modal,.order-detail-modal,.member-detail-modal,.legal-modal){animation:modalFadeIn .3s ease both!important} :where(.site-language-menu,.country-picker-modal,.profile-icon-modal,.challenge-purchase-modal,.order-detail-modal,.member-detail-modal,.legal-modal).closing{animation:modalFadeOut .3s ease both!important;pointer-events:none} /* Challenge-account ledgers share the existing dashboard palette and remain readable on narrow screens. */ .contract-status-badge.status-passed,.contract-card.status-passed{border-top-color:#42b889}.contract-status-badge.status-passed{color:#237554;background:#dff4ea}.contract-status-badge.status-failed,.contract-card.status-failed{border-top-color:#cf6767}.contract-status-badge.status-failed{color:#a44649;background:#f8e2e2} .contract-failure-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:12px;padding:12px 14px;color:#f4d5d7;border:1px solid rgba(224,91,99,.46);border-radius:9px;background:rgba(151,44,52,.16)}.contract-failure-notice[hidden]{display:none!important}.contract-failure-icon{width:28px;height:28px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#d9565f;box-shadow:0 0 0 4px rgba(217,86,95,.13);font-size:13px;font-weight:950}.contract-failure-notice>div{min-width:0;display:grid;gap:3px}.contract-failure-notice small{color:#dc858b;font-size:7px;font-weight:900;letter-spacing:.08em}.contract-failure-notice strong{overflow:hidden;color:var(--palette-text,#344457);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.contract-failure-notice time{color:var(--palette-muted,#82909d);font-size:8px;white-space:nowrap}html[data-dashboard-theme="dark"] .contract-failure-notice strong{color:#ffdfe1}@media(max-width:720px){.contract-failure-notice{grid-template-columns:auto minmax(0,1fr)}.contract-failure-notice time{grid-column:2}} .trade-ledger-row:focus-visible,.contract-detail-table tr.interactive:focus-visible{outline:2px solid var(--palette-accent,#4d8db8);outline-offset:-2px}.trade-side-buy{color:#27835f!important;font-weight:900}.trade-side-sell{color:#bd5d61!important;font-weight:900}.trade-status-filled{color:#27835f!important;font-weight:850}.trade-status-working{color:#b47b25!important;font-weight:850}.trade-status-cancelled,.trade-status-rejected{color:#bd5d61!important;font-weight:850} .commission-grid>label>span{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.commission-grid>label>span small{color:var(--palette-muted,#82909d);font-size:8px;font-weight:650}.commission-grid>label>small{display:block;margin-top:7px;color:var(--palette-muted,#82909d);font-size:8px}.commission-grid .input-suffix input{font-weight:850} .contract-detail-table{display:block;overflow:auto}.contract-detail-table table{width:100%;min-width:720px;border-collapse:collapse;color:var(--palette-text,#344457);font-size:9px}.contract-detail-table th,.contract-detail-table td{padding:11px 12px;border-bottom:1px solid var(--palette-border,#dfe5ea);text-align:left;white-space:nowrap}.contract-detail-table th{color:var(--palette-muted,#82909d);background:var(--palette-soft,#f6f8fa);font-size:8px;font-weight:850}.contract-detail-table tbody tr:last-child td{border-bottom:0}.contract-detail-table tr.interactive{cursor:pointer}.contract-detail-table tr.interactive:hover{background:color-mix(in srgb,var(--palette-soft,#f6f8fa) 82%,#4e9bc7 18%)} .contract-detail-content[data-contract-pane="orders"]{display:flex;min-height:0;overflow:hidden;flex-direction:column;gap:10px}.contract-ledger-filters{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr)) auto auto;align-items:end;gap:8px;flex:0 0 auto}.contract-ledger-filters label{display:grid;gap:5px}.contract-ledger-filters label>span{color:var(--palette-muted,#82909d);font-size:7px;font-weight:850}.contract-ledger-filters select,.contract-ledger-filters button{height:34px;padding:0 10px;color:var(--palette-text,#344457);border:1px solid var(--palette-border,#dfe5ea);border-radius:7px;background:var(--palette-soft,#f6f8fa);font:750 9px/1 inherit}.contract-ledger-filters button{cursor:pointer}.contract-ledger-filters button:hover{border-color:var(--palette-accent,#4d8db8);color:var(--palette-accent,#4d8db8)}.contract-ledger-filters strong{align-self:center;min-width:72px;color:var(--palette-accent,#4d8db8);font-size:9px;text-align:right;white-space:nowrap}.contract-detail-content[data-contract-pane="orders"] .contract-detail-table{flex:1 1 auto;min-height:0;max-height:calc(100dvh - 300px);overflow:auto;overscroll-behavior:contain}.contract-detail-table thead th{position:sticky;z-index:2;top:0;box-shadow:0 1px 0 var(--palette-border,#dfe5ea)} .contract-performance-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}.contract-performance-summary>div{padding:14px;border:1px solid var(--palette-border,#dfe5ea);border-radius:9px;background:var(--palette-panel,#fff)}.contract-performance-summary dt{color:var(--palette-muted,#82909d);font-size:8px;font-weight:850}.contract-performance-summary dd{margin:7px 0 0;color:var(--palette-text,#344457);font-size:11px;font-weight:900} .contract-rule-item{display:grid;gap:10px;padding:14px;border:1px solid var(--palette-border,#dfe5ea);border-radius:9px;background:var(--palette-panel,#fff)}.contract-rule-item>header,.contract-rule-item>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.contract-rule-item>header b{color:var(--palette-text,#344457);font-size:10px}.contract-rule-item>header span{color:var(--palette-muted,#82909d);font-size:8px;font-weight:850}.contract-rule-item>div{height:7px;overflow:hidden;border-radius:999px;background:var(--palette-soft,#e8edf1)}.contract-rule-item>div i{height:100%;display:block;border-radius:inherit;background:#3d9bcc}.contract-rule-item.status-passed>div i{background:#3db787}.contract-rule-item.status-failed>div i{background:#db6868}.contract-rule-item>footer{color:var(--palette-muted,#82909d);font-size:8px}.contract-rule-item>footer strong{color:var(--palette-text,#344457)} .contract-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px}.contract-metric-fieldset,.contract-rule-fieldset{min-width:0;margin:0;padding:9px 12px 11px;border:1px solid var(--palette-border,#dfe5ea);border-radius:8px;background:var(--palette-panel,#fff)}.contract-metric-fieldset{border-top:2px solid #4c9dca}.contract-metric-fieldset.targets{border-top-color:#3db787}.contract-metric-fieldset.rules{border-top-color:#e3a54b}.contract-metric-fieldset legend,.contract-rule-fieldset legend{padding:0 7px;color:var(--palette-text,#344457);font-size:10px;font-weight:900}.contract-metric-fieldset table,.contract-rule-fieldset table{width:100%;border-collapse:collapse}.contract-metric-fieldset th,.contract-metric-fieldset td{padding:8px 2px;border-bottom:1px solid var(--palette-border,#dfe5ea);font-size:9px}.contract-metric-fieldset tr:last-child th,.contract-metric-fieldset tr:last-child td{border-bottom:0}.contract-metric-fieldset th{color:var(--palette-muted,#82909d);font-weight:700;text-align:left}.contract-metric-fieldset td{color:var(--palette-text,#344457);font-weight:900;text-align:right;font-variant-numeric:tabular-nums}.contract-detail-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.contract-rule-fieldset.targets{border-top:2px solid #3db787}.contract-rule-fieldset.rules{border-top:2px solid #e3a54b}.contract-rule-fieldset thead th{padding:7px 5px;color:var(--palette-muted,#82909d);border-bottom:1px solid var(--palette-border,#dfe5ea);font-size:8px;text-align:right}.contract-rule-fieldset thead th:first-child{text-align:left}.contract-rule-fieldset tbody th,.contract-rule-fieldset td{padding:10px 5px;border-bottom:1px solid var(--palette-border,#dfe5ea);font-size:9px}.contract-rule-fieldset tbody tr:last-child>*{border-bottom:0}.contract-rule-fieldset tbody th{text-align:left}.contract-rule-fieldset tbody th b{color:var(--palette-text,#344457);font-size:9px}.contract-rule-fieldset td{color:var(--palette-muted,#82909d);text-align:right;font-variant-numeric:tabular-nums}.contract-rule-fieldset td:last-child{min-width:100px}.contract-rule-fieldset td strong{display:block;color:var(--palette-text,#344457);font-size:10px}.contract-rule-state{display:inline-flex;margin-left:6px;padding:3px 5px;color:#6ba8d1;border:1px solid color-mix(in srgb,#4c9dca 50%,transparent);border-radius:3px;background:color-mix(in srgb,#4c9dca 12%,transparent);font-size:7px;font-weight:900;white-space:nowrap}.contract-rule-state.passed,.contract-rule-state.achieved{color:#43b887;border-color:color-mix(in srgb,#3db787 50%,transparent);background:color-mix(in srgb,#3db787 12%,transparent)}.contract-rule-state.failed{color:#d86c70;border-color:color-mix(in srgb,#db6868 50%,transparent);background:color-mix(in srgb,#db6868 12%,transparent)}.contract-rule-track{height:5px;display:block;overflow:hidden;margin-top:5px;border-radius:2px;background:var(--palette-soft,#e8edf1)}.contract-rule-track i{height:100%;display:block;border-radius:inherit;background:#4c9dca}.contract-rule-fieldset.targets .contract-rule-track i{background:#3db787}.contract-rule-fieldset.rules .contract-rule-track i{background:#e3a54b}@media(max-width:820px){.contract-detail-metrics,.contract-detail-rules{grid-template-columns:1fr}.contract-rule-fieldset td:last-child{min-width:84px}} @media(max-width:720px){.contract-detail-tabs{padding:9px 12px}.contract-ledger-pane{min-height:0}.contract-ledger-filters{grid-template-columns:1fr 1fr}.contract-ledger-filters button{grid-column:1/2}.contract-ledger-filters strong{grid-column:2/3}.contract-detail-content[data-contract-pane="orders"] .contract-detail-table{max-height:calc(100dvh - 330px)}.contract-performance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-order-detail-modal .order-detail-dialog{height:auto;max-height:100dvh}} /* Contract detail keeps its frame fixed; only the active pane scrolls. */ .contract-detail-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden} .contract-detail-dialog>header{min-height:68px;padding:0 20px}.contract-detail-dialog>header h2{font-size:17px}.contract-detail-dialog>header span{font-size:7px}.contract-detail-dialog>header button{width:34px;height:34px;font-size:22px} .contract-detail-tabs{min-height:52px;align-items:center;padding:9px 18px;overflow-x:auto;overflow-y:hidden}.contract-detail-tabs button{min-width:68px;height:30px;font-size:8px} .contract-detail-content{height:100%;min-height:0;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:15px} .contract-detail-content[hidden]{display:none!important}.contract-ledger-pane.active{display:flex;min-height:0;overflow:hidden;flex-direction:column;gap:10px} .contract-ledger-pane>.contract-detail-table,.contract-ledger-pane>.contract-detail-rules{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto;overscroll-behavior:contain} .contract-detail-dialog>footer{min-height:58px;box-sizing:border-box;padding:11px 20px 13px} .contract-detail-hero{padding:14px}.contract-detail-hero h3{font-size:14px}.contract-detail-hero p{font-size:8px}.contract-detail-hero>strong{font-size:19px} .contract-failure-notice{padding:10px 12px}.contract-failure-notice strong{font-size:9px}.contract-failure-notice time{font-size:7px} .contract-detail-metrics{gap:7px;margin:11px 0}.contract-detail-metrics>div{min-height:58px;gap:5px;padding:9px}.contract-detail-metrics dt{font-size:7px}.contract-detail-metrics dd{font-size:9px} .contract-history-panel>header{padding:10px 13px}.contract-history-panel h3{font-size:10px}.contract-history-list article{min-height:47px;padding:7px 13px}.contract-history-list time,.contract-history-list b{font-size:8px} .contract-ledger-filters{gap:7px}.contract-ledger-filters select,.contract-ledger-filters button{height:31px;font-size:8px}.contract-ledger-filters strong{font-size:8px} .contract-detail-table table{min-width:900px;font-size:8px}.contract-detail-table th,.contract-detail-table td{padding:9px 10px}.contract-detail-table th{font-size:7px} .contract-performance-summary{gap:7px;margin-bottom:10px}.contract-performance-summary>div{padding:10px}.contract-performance-summary dt{font-size:7px}.contract-performance-summary dd{margin-top:5px;font-size:9px} .contract-rule-item{gap:8px;padding:11px}.contract-rule-item>header b{font-size:9px}.contract-rule-item>header span,.contract-rule-item>footer{font-size:7px} @media(max-width:720px){.contract-detail-dialog{grid-template-rows:auto auto minmax(0,1fr) auto}.contract-detail-content{padding:10px}.contract-detail-table table{min-width:850px}} /* Desktop trade ledgers use the dialog width instead of a horizontal scroller. */ @media(min-width:901px){ .order-detail-dialog.contract-detail-dialog{width:min(1220px,calc(100vw - 48px));height:min(900px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden} .contract-detail-table{overflow-x:hidden} .contract-detail-table table{width:100%;min-width:0;table-layout:fixed;font-size:10px;font-variant-numeric:tabular-nums} .contract-detail-table th,.contract-detail-table td{overflow:hidden;padding:10px 8px;text-overflow:ellipsis} .contract-detail-table th{font-size:8.5px;font-weight:900} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(1),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(1){width:15%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(2),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(2){width:7%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(3),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(3){width:8%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(4),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(4){width:11%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(5),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(5){width:7%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(6),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(6){width:13%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(7),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(7){width:12%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(8),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(8){width:15%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table th:nth-child(9),.contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(9){width:12%} .contract-detail-content[data-contract-pane="orders"] .contract-detail-table td:nth-child(n+2):nth-child(-n+8){font-size:10.5px;font-weight:850} } /* Challenge purchase rules use the card width: two readable columns on desktop, one on phones. */ .challenge-product-card header p{min-height:42px;color:#5f7182;font-size:11px;font-weight:650;line-height:1.65} .challenge-product-rules{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;align-content:start} .challenge-product-rules>div{min-width:0;min-height:48px;padding:0 2px;gap:9px} .challenge-product-rules span{min-width:0;color:#536779;font-size:10px;font-weight:720;line-height:1.35} .challenge-product-rules b{flex:0 0 auto;color:#263d51;font-size:11px;font-weight:900;white-space:nowrap} html[data-dashboard-theme="dark"] .challenge-product-card header p,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .challenge-product-card header p{color:#b3c1cc} html[data-dashboard-theme="dark"] .challenge-product-rules span,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .challenge-product-rules span{color:#aebfcd} html[data-dashboard-theme="dark"] .challenge-product-rules b,html[data-dashboard-palette]:not([data-dashboard-palette="light"]) .challenge-product-rules b{color:#f0f5f8} /* Canonical challenge lifecycle colors are shared by user and administrator surfaces. */ :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-ready,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).ready{color:#167251!important;border-color:#8bd2b7!important;background:#dcf7ed!important} :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-active,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).active{color:#216a9b!important;border-color:#a7cce7!important;background:#e1f1fc!important} :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-pass,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-passed,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).pass,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).passed{color:#23743b!important;border-color:#9bd8a9!important;background:#e0f5e4!important} :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-fail,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-failed,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).fail,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).failed{color:#a83f47!important;border-color:#e7afb3!important;background:#fbe2e4!important} :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-expired,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-ended,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).expired,:where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).ended{color:#5f6973!important;border-color:#c9d1d8!important;background:#e7ebee!important} html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-ready,html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).ready{color:#8ce5c1!important;border-color:#34775f!important;background:#18382d!important} html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-active,html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).active{color:#92cbea!important;border-color:#356789!important;background:#183347!important} html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-pass,html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-passed{color:#9ae1aa!important;border-color:#39774a!important;background:#1b3925!important} html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-fail,html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-failed{color:#f2a1a6!important;border-color:#714047!important;background:#3a2328!important} html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-expired,html[data-dashboard-theme="dark"] :where(.dashboard-order-status,.order-status,.challenge-result-status,.contract-status-badge).status-ended{color:#bdc6ce!important;border-color:#4a5661!important;background:#28323a!important} @media(max-width:520px){.challenge-product-rules{grid-template-columns:1fr}.challenge-product-rules>div{min-height:44px}}