:root{
  --bg:#eef3f8;--surface:#ffffff;--surface-2:#f7fafc;--ink:#0e1a2a;--muted:#66758a;--line:#d9e3ef;--line-strong:#c4d1df;--nav:#0d1b2e;--nav-2:#132641;--accent:#138a63;--accent-2:#0f7655;--danger:#c2413b;--warning:#b46b12;--info:#2563b8;--radius:16px;--shadow:0 20px 50px rgba(16,33,54,.08);--mono:"SFMono-Regular","Roboto Mono","Cascadia Code",monospace;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 20% 0%,rgba(19,138,99,.08),transparent 34%),var(--bg);font-size:15px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:linear-gradient(180deg,var(--nav),var(--nav-2));color:#e8eef7;padding:24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin-bottom:36px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e9fff7;color:var(--accent);font-weight:900;letter-spacing:-.04em}.brand strong{display:block;font-size:18px;letter-spacing:-.02em}.brand small{display:block;color:#9fb0c5;margin-top:3px}.side-nav{display:grid;gap:10px}.nav-item{display:block;text-decoration:none;color:#b9c7d9;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:14px 15px;transition:background .18s ease,transform .18s ease,border-color .18s ease}.nav-item span{display:block;color:#fff;font-weight:800}.nav-item small{display:block;margin-top:4px;color:#9fb0c5}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.nav-item:active,.button:active{transform:translateY(1px)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:9px;color:#aab8ca;font-size:13px}.system-light{width:9px;height:9px;border-radius:50%;background:#31d08b;box-shadow:0 0 0 4px rgba(49,208,139,.12)}.main-area{min-width:0}.topbar{height:92px;padding:22px 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(238,243,248,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,227,239,.82);position:sticky;top:0;z-index:5}.kicker{margin:0 0 4px;color:var(--accent);font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.topbar h1{font-size:28px;line-height:1.1;margin:0;letter-spacing:-.04em}.top-actions{display:flex;align-items:center;gap:10px}.account-chip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:800;box-shadow:0 8px 20px rgba(16,33,54,.04)}.account-chip small{color:var(--muted);font-weight:700}.content{padding:28px 34px 48px}.notice{border:1px solid #f0c36c;background:#fff8e9;color:#6d4605;border-radius:var(--radius);padding:14px 16px;margin-bottom:18px}.form-error{border:1px solid #f0a8a4;background:#fff1f1;color:#8e2924;border-radius:12px;padding:11px 13px;margin:10px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line-strong);border-radius:12px;background:#f7fafc;color:var(--ink);font-weight:850;text-decoration:none;padding:10px 16px;cursor:pointer;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{background:#eef4f8;border-color:#b7c7d7}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 24px rgba(19,138,99,.18)}.button.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.button.danger{background:#fff4f3;border-color:#f0b9b5;color:var(--danger)}.button.ghost{background:transparent}.button.small{min-height:34px;padding:7px 11px;font-size:13px}.button.full{width:100%}.link-button{color:var(--accent);background:#e6f8ef;border-color:#b9ead6}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel h2,.panel h3{letter-spacing:-.03em;margin:0}.panel h2{font-size:22px}.panel h3{font-size:18px}.panel p{margin:6px 0 0;color:var(--muted);line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.metric-grid.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;min-height:132px}.metric span{color:var(--muted);font-weight:800}.metric strong{display:block;font-size:36px;letter-spacing:-.05em;margin:12px 0 4px}.metric small{color:var(--muted)}.primary-metric{background:linear-gradient(135deg,#10875f,#16a374);color:#fff;border-color:transparent}.primary-metric span,.primary-metric small{color:#dcfff1}.two-plus-one{grid-template-columns:1.2fr 1fr 1fr}.work-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px}.order-form{margin-bottom:20px}.guide-panel{align-self:start}.timeline{display:grid;gap:10px;margin-top:16px}.timeline span{padding:10px 12px;background:#e6f8ef;border:1px solid #b9ead6;border-radius:12px;font-weight:800;color:#0d7651}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;color:#203049;font-weight:800}input,textarea,select{width:100%;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit;outline:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8b99aa}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.12)}.form-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.form-row label{min-width:180px;flex:1}.align-end{align-items:end}.compact-form label{min-width:150px}.inline-action{display:inline-flex;align-items:center;gap:8px;margin:2px}.inline-action input{width:110px;min-height:34px;padding:7px 9px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.data-table th,.data-table td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{background:#f6f9fc;color:#607088;font-size:13px}.data-table tr:last-child td{border-bottom:0}.data-table td strong{display:block}.data-table td small{display:block;color:var(--muted);margin-top:3px}.order-email-cell strong{font-family:var(--mono);font-size:13px;white-space:nowrap}.order-email-cell .muted{white-space:nowrap}.data-table.compact th,.data-table.compact td{padding:10px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font:850 12px/1 var(--sans);white-space:nowrap}.badge.success{background:#e6f8ef;color:#0d7651}.badge.warning{background:#fff8e9;color:#94560c}.badge.danger{background:#fff0ef;color:#aa302b}.badge.info{background:#edf4ff;color:#255ba7}.badge.neutral{background:#edf1f5;color:#59687a}.progress{width:120px;height:8px;border-radius:999px;background:#e9eff5;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);border-radius:inherit}.empty-state{display:grid;gap:4px;place-items:center;text-align:center;color:var(--muted);padding:34px 18px}.empty-state strong{color:var(--ink);font-size:16px}.empty-state.wide{grid-column:1/-1}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.task-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fbfdff;display:flex;justify-content:space-between;align-items:center;gap:14px}.task-card h3{font-size:30px;margin:8px 0 2px}.task-card p{margin:0;color:var(--muted)}.mono,code{font-family:var(--mono);font-size:13px}.supplier-list{display:grid;gap:12px}.supplier-task{display:grid;grid-template-columns:minmax(240px,1fr) 170px 190px;align-items:center;gap:18px;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fbfdff}.task-main{display:grid;gap:7px}.task-main strong{font-size:16px}.task-main small,.muted,.helper{color:var(--muted)}.qr-box{display:grid;justify-items:center;gap:8px}.qr-box img{width:112px;height:112px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:6px}.skeleton-qr{width:112px;height:112px;border-radius:12px;background:linear-gradient(90deg,#edf2f7,#f8fafc,#edf2f7);background-size:180% 100%;animation:shimmer 1.5s infinite}.task-actions{justify-self:end}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px}.provider-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:13px;margin-bottom:14px}.key-import{display:grid;gap:10px;margin:14px 0}.login-layout{min-height:calc(100dvh - 150px);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:center}.login-copy{max-width:720px}.section-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e6f8ef;color:var(--accent);font-weight:900;margin-bottom:20px}.login-copy h2{font-size:54px;line-height:.96;letter-spacing:-.06em;margin:0 0 18px}.login-copy p{font-size:18px;line-height:1.55;color:var(--muted);max-width:58ch}.login-proof{display:inline-grid;gap:4px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px 16px;margin-top:20px}.login-proof span{color:var(--muted);font-size:13px}.login-panel{margin:0}.login-panel h3{font-size:28px;margin-bottom:18px}.mock-panel{text-align:center;max-width:680px;margin:80px auto}.mock-panel h2{font-size:42px;margin:18px 0 6px}.mock-panel p{margin-inline:auto;max-width:58ch}@keyframes shimmer{to{background-position:-180% 0}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media (prefers-color-scheme:dark){:root{--bg:#0f1722;--surface:#172233;--surface-2:#1d2a3c;--ink:#e8eef7;--muted:#9fb0c5;--line:#28384d;--line-strong:#39506b;--shadow:0 20px 50px rgba(0,0,0,.22)}input,textarea,select,.data-table,.task-card,.supplier-task{background:#111b2a}.data-table th{background:#1b2839}.notice{background:#2b230f;color:#ffe3ac}.login-proof{background:var(--surface)}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main-area{min-width:0}.topbar{position:relative;height:auto;align-items:flex-start;gap:16px}.metric-grid,.metric-grid.admin-metrics,.two-plus-one,.work-grid,.login-layout,.platform-grid{grid-template-columns:1fr}.supplier-task{grid-template-columns:1fr}.task-actions{justify-self:start}.content{padding:20px}.topbar{padding:20px}.form-grid{grid-template-columns:1fr}.login-copy h2{font-size:38px}.sidebar-foot{margin-top:24px}}@media (max-width:640px){.top-actions{width:100%;justify-content:space-between}.panel,.metric{padding:16px}.form-row{display:grid}.form-row label{min-width:0}.data-table th,.data-table td{padding:11px}.task-card{display:grid}.button{width:100%}.inline-action{display:grid}.inline-action input{width:100%}}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide-field{grid-column:1/-1}.recharge-panel .form-row{margin-bottom:16px}.recharge-history{margin-top:16px}.checkout-form{display:grid;gap:14px;justify-items:center;margin-top:22px}@media (max-width:980px){.settings-grid{grid-template-columns:1fr}}


/* Product UI upgrade primitives */
.role-cockpit{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:22px;align-items:stretch;background:linear-gradient(135deg,#ffffff,#f7fbfd);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:20px;position:relative;overflow:hidden}.role-cockpit::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent),rgba(19,138,99,.18));pointer-events:none}.cockpit-copy{position:relative;display:grid;align-content:center;gap:10px}.cockpit-copy h2{margin:0;font-size:30px;line-height:1.08;letter-spacing:-.045em;max-width:760px}.cockpit-copy p{margin:0;color:var(--muted);line-height:1.6;max-width:74ch}.trust-label{display:inline-flex;width:max-content;border:1px solid #b9ead6;background:#e6f8ef;color:var(--accent);border-radius:999px;padding:7px 10px;font:900 12px/1 var(--mono);letter-spacing:.06em}.money-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.money-strip div{display:grid;align-content:center;min-height:118px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.money-strip span{color:var(--muted);font-weight:850}.money-strip strong{font-size:32px;line-height:1;letter-spacing:-.05em;margin-top:10px}.money-strip small{margin-top:7px;color:var(--muted);line-height:1.35}.trust-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.trust-list span{border:1px solid #b9ead6;background:#e6f8ef;border-radius:12px;padding:10px 12px;color:#0d7651;font-weight:850}.status-cockpit{border-color:#b9ead6}.stage-track{display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));gap:8px;overflow:auto;padding-bottom:2px}.stage-item{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:12px;background:#f7fafc;color:var(--muted);font-weight:850;text-align:center;white-space:nowrap;padding:8px 10px}.stage-item.done{background:#e6f8ef;border-color:#b9ead6;color:#0d7651}.stage-item.current{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 24px rgba(19,138,99,.16)}.stage-item.danger{background:#fff0ef;border-color:#f0b9b5;color:#aa302b}.stage-item.upcoming{background:#f7fafc;color:#66758a}
@media (prefers-color-scheme:dark){.role-cockpit{background:linear-gradient(135deg,var(--surface),var(--surface-2));}.money-strip div,.stage-item.upcoming{background:#111b2a}.trust-list span,.timeline span{background:var(--surface-2);border-color:var(--line-strong);color:#b9ead6}.trust-label{background:var(--surface-2);border-color:var(--line-strong)}.stage-item{background:#111b2a}}
@media (max-width:980px){.role-cockpit{grid-template-columns:1fr}.money-strip,.trust-list{grid-template-columns:1fr}.stage-track{grid-template-columns:repeat(7,132px)}}
@media (max-width:640px){.role-cockpit{padding:18px}.cockpit-copy h2{font-size:25px}.money-strip strong{font-size:28px}.stage-track{grid-template-columns:repeat(7,124px)}}
.premium-task{background:linear-gradient(135deg,var(--surface),var(--surface-2));align-items:stretch}.premium-task>div{display:grid;align-content:center}.premium-task form{display:grid;align-content:center}.task-reward{color:var(--accent)}.task-status-panel .supplier-list{gap:14px}.upgraded-supplier-task{grid-template-columns:minmax(240px,1fr) 180px 190px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.qr-artifact{display:grid;justify-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.qr-artifact img{width:112px;height:112px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:6px}.artifact-status{width:112px;height:112px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);font-size:32px;font-weight:900}.artifact-status.failed{background:#fff0ef;border-color:#f0b9b5;color:var(--danger)}.artifact-title{font-weight:900}.artifact-title.failed{color:var(--danger)}.artifact-note{color:var(--muted);text-align:center}.withdrawal-panel{border-color:var(--line-strong)}
.verification-card{display:grid;gap:4px;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);max-width:760px}.verification-card strong{font-size:13px}.verification-card span{color:var(--muted);line-height:1.45}.verification-card.info{border-color:var(--line);background:#edf4ff}.verification-card.warning{border-color:#f0c36c;background:#fff8e9}.verification-card.success{border-color:#b9ead6;background:#e6f8ef}.verification-card.danger{border-color:#f0b9b5;background:#fff0ef}.verification-card.danger strong{color:var(--danger)}
@media (prefers-color-scheme:dark){.premium-task,.upgraded-supplier-task{background:linear-gradient(135deg,var(--surface),var(--surface-2))}.qr-artifact{background:#111b2a}.artifact-status.failed{background:var(--surface-2);border-color:var(--line-strong)}}
@media (max-width:980px){.upgraded-supplier-task{grid-template-columns:1fr}.qr-artifact{justify-items:start;width:100%}}
.risk-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-cockpit::before{background:linear-gradient(90deg,var(--warning),rgba(180,107,18,.18))}.risk-panel{border-color:var(--line-strong)}.risk-panel>.panel-head{padding-bottom:14px;border-bottom:1px solid var(--line)}.risk-panel .panel-head p{max-width:80ch}
@media (max-width:1180px){.risk-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.risk-strip{grid-template-columns:1fr}}
.review-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.review-cockpit::before{background:linear-gradient(90deg,var(--info),rgba(37,99,184,.18))}.provider-cockpit::before{background:linear-gradient(90deg,var(--accent),rgba(37,99,184,.18))}.provider-health-card{position:relative}.provider-health-card .provider-meta{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.platform-config{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:10px;align-items:end;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.platform-config label{font-size:13px}.platform-config input{min-height:38px;padding:8px 10px}
@media (max-width:1180px){.review-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.review-strip{grid-template-columns:1fr}.platform-config{grid-template-columns:1fr}}


/* Role-specific auth entries */
.access-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.access-grid{display:grid;gap:14px}.access-card{display:grid;gap:8px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.access-card:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-2)}.access-card span{color:var(--accent);font-weight:900}.access-card strong{font-size:18px;line-height:1.28;letter-spacing:-.02em}.access-card small{color:var(--muted);font-weight:800}.auth-form-stack{display:grid;gap:16px}.auth-split-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr)}.login-panel.split{box-shadow:none;background:var(--surface-2)}.auth-switch{font-size:14px}.auth-switch a{color:var(--accent);font-weight:850;text-decoration:none}
@media (prefers-color-scheme:dark){.access-card,.login-panel.split{background:var(--surface)}.access-card:hover{background:var(--surface-2)}}
@media (max-width:980px){.access-layout,.auth-split-layout{grid-template-columns:1fr}}

/* SMS receiving platforms */
.sms-cockpit::before{background:linear-gradient(90deg,var(--info),rgba(19,138,99,.18))}.sms-panel{border-color:var(--line-strong)}.sms-panel-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sms-acquire-form{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin-bottom:14px}.sms-charge-note{display:grid;gap:4px;min-width:260px;flex:1}.sms-charge-note strong{font-size:16px}.sms-charge-note span{color:var(--muted)}.sms-session-list{display:grid;gap:12px}.sms-session{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.sms-session-main{display:grid;gap:7px}.sms-session-main strong{font-size:22px;letter-spacing:-.03em}.sms-session-main small{color:var(--muted)}.sms-session-actions{display:flex;align-items:center;justify-content:flex-end}.danger-text{color:var(--danger)!important}.sms-platform-config{grid-template-columns:minmax(0,1fr) 100px 110px 100px auto}.sms-platform-grid .provider-meta{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
@media (prefers-color-scheme:dark){.sms-session{background:#111b2a}.sms-acquire-form{background:var(--surface-2)}}
@media (max-width:980px){.sms-session,.sms-platform-config{grid-template-columns:1fr}.sms-session-actions{justify-content:flex-start}.sms-panel-actions{justify-content:flex-start}}

/* Manual Alipay recharge */
.manual-recharge-box{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.manual-qr-card{display:grid;justify-items:center;align-content:start;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px;text-align:center}.manual-qr-card img,.manual-qr-preview img{width:150px;height:150px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px}.manual-qr-card small{color:var(--muted);line-height:1.45}.qr-placeholder{width:150px;height:150px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);padding:12px}.manual-recharge-form{display:grid;gap:14px}.recharge-steps{display:flex;flex-wrap:wrap;gap:8px}.recharge-steps span{border:1px solid #b9ead6;background:#e6f8ef;border-radius:999px;padding:7px 10px;color:#0d7651;font-weight:850;font-size:13px}.online-recharge-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.manual-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.manual-qr-preview{display:grid;gap:8px;justify-items:center;align-content:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:12px;color:var(--muted);font-weight:800}.manual-review-panel .inline-action input{width:140px}
@media (prefers-color-scheme:dark){.manual-recharge-box,.manual-qr-preview{background:var(--surface-2)}.manual-qr-card{background:#111b2a}.recharge-steps span{background:var(--surface-2);border-color:var(--line-strong);color:#b9ead6}}
@media (max-width:980px){.manual-recharge-box,.manual-settings-grid{grid-template-columns:1fr}.manual-qr-card{justify-items:start;text-align:left}.manual-qr-card img,.manual-qr-preview img,.qr-placeholder{width:132px;height:132px}}
.qr-placeholder.compact{width:auto;height:auto;min-height:74px}.qr-dialog{width:min(420px,calc(100vw - 32px));border:0;border-radius:16px;padding:0;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.qr-dialog::backdrop{background:rgba(13,27,46,.48);backdrop-filter:blur(3px)}.qr-dialog-close{display:flex;justify-content:flex-end;padding:12px 12px 0}.qr-dialog-body{display:grid;justify-items:center;gap:12px;padding:8px 22px 24px;text-align:center}.qr-dialog-body img{width:min(320px,72vw);height:min(320px,72vw);object-fit:contain;border-radius:12px;background:#fff;padding:8px}.qr-dialog-body p{margin:0;color:var(--muted)}.qr-dialog-body strong{color:var(--ink)}
@media (prefers-color-scheme:dark){.qr-dialog{background:var(--surface)}.qr-dialog::backdrop{background:rgba(13,27,46,.48)}}

/* User dashboard hero personalization */
.user-cockpit.role-cockpit::before{background:var(--user-hero-accent,var(--accent))}.user-cockpit .trust-label{font-size:var(--user-hero-badge-size,12px);color:var(--user-hero-badge-text,var(--accent));background:var(--user-hero-badge-bg,#e6f8ef)}.user-cockpit .cockpit-copy h2{font-size:var(--user-hero-title-size,30px);color:var(--user-hero-title,var(--ink))}.user-cockpit .cockpit-copy p{font-size:var(--user-hero-description-size,15px);color:var(--user-hero-description,var(--muted))}
.menu-description-list{display:grid;gap:8px;max-width:78ch;margin-top:2px}.menu-description-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:9px 11px;color:var(--ink)}.menu-description-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;font:900 13px/1 var(--mono)}.menu-description-step p{margin:2px 0 0!important;color:inherit!important;line-height:1.58!important;max-width:none!important;font-weight:720}.menu-description-step.tone-success{background:#e6f8ef;border-color:#b9ead6;color:#0d7651}.menu-description-step.tone-success span{background:#e6f8ef;color:#0d7651}.menu-description-step.tone-info{background:#edf4ff;border-color:var(--line);color:#255ba7}.menu-description-step.tone-info span{background:#edf4ff;color:#255ba7}.menu-description-step.tone-warning{background:#fff8e9;border-color:#f0c36c;color:#94560c}.menu-description-step.tone-warning span{background:#fff8e9;color:#94560c}.menu-description-step.tone-neutral{background:#edf1f5;border-color:var(--line);color:var(--muted)}.menu-description-step.tone-neutral span{background:#edf1f5;color:var(--muted)}
.user-hero-admin-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.hero-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-settings-grid input[type=color]{min-height:44px;padding:5px}.hero-settings-actions{display:flex;gap:10px;align-items:center}.hero-reset-form{display:flex;justify-content:flex-end;margin-top:14px}.hero-preview{position:relative;overflow:hidden;display:grid;gap:10px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--surface),var(--surface-2));padding:20px}.hero-preview::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--user-hero-accent,var(--accent));pointer-events:none}.hero-preview h3{margin:4px 0 0;font-size:var(--user-hero-title-size,30px);line-height:1.08;letter-spacing:-.04em;color:var(--user-hero-title,var(--ink))}.hero-preview p{margin:0;color:var(--user-hero-description,var(--muted));font-size:var(--user-hero-description-size,15px);line-height:1.6}.hero-preview small{color:var(--muted);line-height:1.45}.hero-preview .trust-label{font-size:var(--user-hero-badge-size,12px);color:var(--user-hero-badge-text,var(--accent));background:var(--user-hero-badge-bg,#e6f8ef)}
@media (prefers-color-scheme:dark){.hero-preview{background:linear-gradient(135deg,var(--surface),var(--surface-2))}}
@media (max-width:980px){.user-hero-admin-grid,.hero-settings-grid{grid-template-columns:1fr}.hero-reset-form{justify-content:flex-start}}
@media (max-width:640px){.user-cockpit .cockpit-copy h2{font-size:min(var(--user-hero-title-size,30px),32px)}.hero-preview h3{font-size:min(var(--user-hero-title-size,30px),32px)}}

/* Residential VPN */
.vpn-cockpit::before{background:linear-gradient(90deg,var(--info),rgba(19,138,99,.18))}.vpn-plan-card{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:16px}.vpn-plan-card h3{margin:10px 0 4px;font-size:28px;letter-spacing:-.04em}.vpn-plan-card p{margin:0;color:var(--muted);max-width:66ch}.vpn-price{display:grid;justify-items:end;gap:3px}.vpn-price strong{font-size:34px;line-height:1;letter-spacing:-.05em}.vpn-price small{color:var(--muted);font-weight:850}.subscription-link{display:inline-block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-weight:850}.vpn-table td:last-child{min-width:260px}
@media (prefers-color-scheme:dark){.vpn-plan-card{background:var(--surface-2)}}
@media (max-width:980px){.vpn-plan-card{grid-template-columns:1fr}.vpn-price{justify-items:start}.subscription-link{max-width:70vw}}

/* User menu editable descriptions and guide images */
.nav-item small{line-height:1.45;white-space:normal}.user-menu-settings-grid{display:grid;gap:14px}.menu-settings-row{display:grid;grid-template-columns:180px minmax(300px,1fr) minmax(220px,.55fr) 180px;gap:14px;align-items:start;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:14px}.menu-settings-row strong{display:block;font-size:16px}.menu-settings-row small{display:block;color:var(--muted);line-height:1.45;margin-top:5px}.menu-copy-fields,.menu-upload-fields{display:grid;gap:12px}.menu-copy-fields textarea{min-height:92px}.menu-upload-fields label{min-width:0}.menu-image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;min-height:116px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px;color:var(--muted);font-weight:800;text-align:center}.menu-image-preview img{width:100%;height:72px;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:#fff}.menu-image-preview span{grid-column:1/-1}.menu-guide-panel .panel-head{margin-bottom:12px}.menu-guide-strip{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}.menu-guide-thumb{flex:0 0 220px;display:grid;gap:9px;align-items:start;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:10px;color:var(--ink);text-align:left;cursor:pointer;scroll-snap-align:start}.menu-guide-thumb:hover{border-color:var(--line-strong);background:var(--surface)}.menu-guide-thumb:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.12)}.menu-guide-thumb img{width:100%;height:126px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff}.menu-guide-thumb span{font-weight:900;color:var(--accent)}.menu-guide-dialog{width:min(980px,calc(100vw - 32px));border:0;border-radius:16px;padding:0;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.menu-guide-dialog::backdrop{background:rgba(13,27,46,.55);backdrop-filter:blur(3px)}.menu-guide-dialog-body{padding:12px 22px 24px}.menu-guide-dialog-body img{display:block;max-width:100%;max-height:78vh;margin:0 auto;border-radius:12px;background:#fff}
@media (prefers-color-scheme:dark){.menu-description-step{background:var(--surface-2);border-color:var(--line-strong)}.menu-description-step.tone-success{color:#b9ead6}.menu-description-step.tone-info{color:#9fb0c5}.menu-description-step.tone-warning{color:var(--warning)}.menu-description-step.tone-neutral{color:#9fb0c5}.menu-settings-row,.menu-guide-thumb{background:var(--surface-2)}.menu-guide-thumb:hover,.menu-image-preview{background:#111b2a}.menu-guide-dialog{background:var(--surface)}}
@media (max-width:1180px){.menu-settings-row{grid-template-columns:180px minmax(0,1fr)}.menu-upload-fields,.menu-image-preview{grid-column:2}}
@media (max-width:980px){.menu-settings-row{grid-template-columns:1fr}.menu-upload-fields,.menu-image-preview{grid-column:auto}.menu-guide-thumb{flex-basis:196px}.menu-guide-thumb img{height:116px}}
@media (max-width:640px){.menu-image-preview{grid-template-columns:1fr}.menu-image-preview img{height:auto;max-height:180px}}

/* SMS session clarity */
.sms-session{grid-template-columns:minmax(220px,1fr) minmax(220px,.9fr) auto;align-items:center}
.sms-session.has-code{border-color:#b9ead6;background:linear-gradient(135deg,#fbfffd,#f6fbf8)}
.sms-code-card{display:grid;justify-items:center;align-content:center;gap:5px;min-height:86px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 16px;text-align:center}
.sms-code-card span{color:var(--muted);font-weight:900;font-size:13px}
.sms-code-card strong{font-family:var(--mono);font-size:32px;line-height:1;letter-spacing:.08em;color:var(--ink)}
.sms-code-card small{color:var(--muted);font-size:13px}
.sms-code-card.waiting{background:#fffaf0;border-color:#f4dfb8}
.sms-code-card.waiting strong{font-family:var(--sans);font-size:18px;letter-spacing:-.02em;color:#94560c}
.sms-code-card.has-code{background:#e6f8ef;border-color:#b9ead6}
.sms-code-card.has-code span,.sms-code-card.has-code small{color:#0d7651}
.sms-code-card.has-code strong{color:#073f2e}
.sms-countdown{display:inline-flex;align-items:baseline;gap:4px;border:1px solid #d7e2ee;background:#f7fafc;border-radius:999px;padding:9px 12px;color:#526176;font-weight:850;white-space:nowrap}
.sms-countdown strong{font-size:22px;line-height:1;color:var(--info);font-variant-numeric:tabular-nums}
@media (prefers-color-scheme:dark){.sms-session.has-code{background:#10261f;border-color:#245d46}.sms-code-card{background:var(--surface);border-color:var(--line)}.sms-code-card.waiting{background:#2b230f;border-color:#5b4316}.sms-code-card.has-code{background:#102b22;border-color:#245d46}.sms-code-card.has-code span,.sms-code-card.has-code small{color:#8be6bf}.sms-code-card.has-code strong{color:#d9ffed}.sms-countdown{background:#111b2a;border-color:var(--line-strong);color:#b8c6d8}.sms-countdown strong{color:#8fb8ff}}
@media (max-width:980px){.sms-session{grid-template-columns:1fr}.sms-code-card{justify-items:start;text-align:left}.sms-session-actions{justify-content:flex-start}}

/* SMS manual fetch and compact history */
.sms-session-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.sms-phone-line,.sms-code-value{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sms-copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:0;border-radius:999px;background:#111827;color:#fff;font-weight:900;font-size:12px;padding:6px 10px;cursor:pointer;line-height:1}
.sms-copy-button:hover{background:#263244}
.sms-history{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;margin-top:2px}
.sms-history[hidden]{display:none}
.sms-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--muted)}
.sms-history-head strong{color:var(--ink);font-size:14px}
.sms-history-head span{font-size:13px;font-weight:850}
.sms-history ol{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.sms-history li{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:9px 11px}
.sms-history code{font-size:18px;color:var(--ink);letter-spacing:.04em}
.sms-history time{color:var(--muted);font-size:13px;text-align:right}
@media (prefers-color-scheme:dark){.sms-copy-button{background:#e8eef7;color:#111827}.sms-copy-button:hover{background:#cbd7e6}.sms-history li{background:#111b2a}}
@media (max-width:640px){.sms-session-actions{justify-content:stretch}.sms-session-actions>*{width:100%}.sms-history li{display:grid}.sms-history time{text-align:left}}

/* Simplified SMS lookup table */
.sms-simple-wrap{margin-top:14px}.sms-simple-table th:nth-child(1){width:34%}.sms-simple-table th:nth-child(2){width:24%}.sms-simple-table th:nth-child(3){width:22%}.sms-simple-table th:nth-child(4){width:20%}.sms-simple-table [data-sms-code]{font-family:var(--mono);font-size:20px;letter-spacing:.04em}.sms-simple-table [data-sms-time]{font-family:var(--mono);font-weight:850;color:var(--ink);white-space:nowrap}.sms-simple-table .danger-text{margin-top:6px;max-width:42ch;line-height:1.4}.sms-simple-table td:last-child{text-align:right}.sms-simple-table td:last-child .button{width:auto}.sms-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sms-change-form{margin:0;gap:6px}.sms-change-form small{color:var(--muted);font-weight:800;white-space:nowrap}.sms-change-form .button{border-color:#b9ead6;background:#e6f8ef;color:#0d7651}@media (max-width:640px){.sms-simple-table th,.sms-simple-table td{white-space:nowrap}.sms-simple-table [data-sms-code]{font-size:18px}.sms-row-actions{justify-content:flex-start}.sms-change-form{display:grid;justify-items:start}.sms-simple-table td:last-child .button{width:100%}}

/* SMS local change protocol */
.sms-change-console{display:grid;gap:14px}.sms-panel-head{margin-bottom:0}.sms-change-protocol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sms-change-protocol div{display:grid;gap:6px;min-height:108px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fbfdff,#eef5fb)}.sms-change-protocol strong{font-size:15px;letter-spacing:-.01em}.sms-change-protocol span{color:var(--muted);font-size:13px;line-height:1.5}.sms-acquire-console{margin-bottom:0}.sms-number-list{display:grid;gap:12px}.sms-number-card{display:grid;grid-template-columns:minmax(210px,.86fr) minmax(220px,.76fr) minmax(300px,1fr);gap:12px;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.sms-number-card.is-waiting{background:linear-gradient(180deg,#fffdf8,#fbfdff);border-color:#e6c891}.sms-number-card.is-ready{background:linear-gradient(180deg,#f7fffb,#fbfdff);border-color:#a9dac5}.sms-number-card.is-locked{background:linear-gradient(180deg,#f8fffb,#fbfdff);border-color:#b8dfcc}.sms-number-main,.sms-code-tile,.sms-card-actions{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:13px}.sms-number-main{display:grid;align-content:start;gap:10px}.sms-number-main [data-sms-phone]{font-family:var(--mono);font-size:22px;letter-spacing:-.02em;overflow-wrap:anywhere}.sms-code-tile{display:grid;gap:7px;align-content:center}.sms-code-tile>span,.sms-code-tile small{color:var(--muted);font-weight:850}.sms-code-tile [data-sms-code]{font-family:var(--mono);font-size:25px;letter-spacing:.08em;line-height:1.05}.sms-code-tile [data-sms-time]{font-family:var(--mono);font-weight:900;color:var(--ink)}.sms-card-actions{display:grid;gap:10px;align-content:space-between}.sms-card-actions>.button{justify-self:start}.sms-card-actions .sms-row-actions{display:grid;justify-content:stretch;gap:0}.sms-change-control{display:grid;gap:8px;min-height:88px;align-content:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin:0}.sms-change-control strong{font-size:15px}.sms-change-control small{color:var(--muted);font-weight:800;line-height:1.45;white-space:normal}.sms-change-waiting{border-color:#edcf9a;background:#fff9ed;color:#7a470b}.sms-change-locked{border-color:#b9ead6;background:#eaf8f1;color:#0d7651}.sms-change-form{border-color:#b9ead6;background:#eaf8f1}.sms-change-form .button{width:max-content;border-color:#0d7651;background:#0d8a63;color:#fff}.sms-change-form .button:hover{background:#0f7655;border-color:#0f7655}.sms-cooldown-meter{height:8px;border-radius:999px;background:#f0dfbf;overflow:hidden}.sms-cooldown-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:#b46b12;transform:scaleX(0);transform-origin:left center;transition:transform .18s ease}.sms-empty-state{border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
@media (prefers-color-scheme:dark){.sms-change-protocol div,.sms-number-card,.sms-number-main,.sms-code-tile,.sms-card-actions{background:#111b2a}.sms-number-card.is-waiting{background:#19170f}.sms-number-card.is-ready,.sms-number-card.is-locked{background:#0f1d1a}.sms-change-waiting{background:#2b230f;color:#ffe3ac}.sms-change-locked,.sms-change-form{background:#0f2a23;color:#9df0c7}.sms-cooldown-meter{background:#3a2c14}}
@media (max-width:980px){.sms-change-protocol,.sms-number-card{grid-template-columns:1fr}.sms-change-protocol div{min-height:auto}.sms-card-actions>.button{width:auto}.sms-change-form .button{width:100%}}
@media (max-width:640px){.sms-change-console{gap:12px}.sms-number-card{padding:11px;border-radius:14px}.sms-number-main,.sms-code-tile,.sms-card-actions{padding:12px}.sms-card-actions>.button,.sms-change-form .button{width:100%}.sms-code-tile [data-sms-code]{font-size:22px}.sms-number-main [data-sms-phone]{font-size:20px}}

/* Provider account protection */
.platform-config{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto;gap:12px}
.platform-config>.button{justify-self:start}
.protection-config{grid-column:1/-1;display:grid;gap:8px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-2);padding:14px}
.protection-config p{margin:0;max-width:72ch;font-size:13px;line-height:1.55}
.protection-config:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.10)}
.provider-add-panel{padding:0;overflow:hidden}
.provider-add-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}
.provider-add-panel>summary::-webkit-details-marker{display:none}
.provider-add-panel>summary>span:first-child{display:grid;gap:4px}
.provider-add-panel>summary strong{font-size:17px}
.provider-add-panel>summary small{color:var(--muted);font-weight:750}
.provider-add-panel[open]>summary{border-bottom:1px solid var(--line);background:var(--surface-2)}
.provider-add-form{padding:18px 22px 22px}
.provider-add-form label{min-width:150px}
.provider-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.provider-title-line h2{overflow-wrap:anywhere}
.platform-grid,.provider-health-card,.provider-health-card>*{min-width:0}
.provider-route-note{border-color:#b8d6ee;background:#edf6fd}
.provider-key-console{display:flex;align-items:end;gap:12px;margin:14px 0}
.provider-key-console .key-import{flex:1;margin:0}
.provider-key-console .key-import .button{justify-self:start}
.provider-key-console .key-refresh{flex:0 0 auto;margin:0}
.provider-key-table code{white-space:nowrap}
@media (prefers-color-scheme:dark){.provider-route-note{border-color:#36536e;background:#15263a}}
@media (max-width:640px){.platform-config{grid-template-columns:1fr}.platform-config>.button{justify-self:stretch}.protection-config{grid-column:auto}.provider-add-panel>summary{padding:16px}.provider-add-panel>summary .button{width:auto}.provider-add-form{padding:16px}.provider-health-card .panel-head{display:grid}.provider-health-card .panel-head form,.provider-health-card .panel-head form .button{width:100%}.provider-key-console{display:grid}.provider-key-console .key-import .button{width:100%}.provider-key-console .key-refresh{width:100%}}

/* Tech command redesign: precise, high-trust operations console */
:root{
  --bg:#e7edf6;
  --surface:#fbfdff;
  --surface-2:#eef5fb;
  --ink:#07111f;
  --muted:#4f6076;
  --line:#cbd8e7;
  --line-strong:#9fb2c8;
  --nav:#06101e;
  --nav-2:#0b2135;
  --accent:#008f68;
  --accent-2:#007654;
  --tech-cyan:#1f9df4;
  --tech-cyan-soft:#dff1ff;
  --panel-void:#081725;
  --warning:#a85f08;
  --info:#1f5fae;
  --danger:#b93430;
  --shadow:0 18px 44px rgba(5,18,32,.10);
  --shadow-tight:0 10px 24px rgba(5,18,32,.09);
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 18% -12%,rgba(31,157,244,.16),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(0,143,104,.12),transparent 28%),
    linear-gradient(180deg,#edf4fb 0%,var(--bg) 42%,#dde7f2 100%);
  color:var(--ink);
}
.app-shell{position:relative;isolation:isolate}
.app-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 62% 0%,rgba(31,157,244,.11),transparent 26%),
    radial-gradient(circle at 36% 100%,rgba(0,143,104,.10),transparent 30%);
}
.sidebar{
  background:
    radial-gradient(circle at 22% 0%,rgba(31,157,244,.18),transparent 30%),
    radial-gradient(circle at 100% 28%,rgba(0,143,104,.12),transparent 26%),
    linear-gradient(180deg,var(--nav),var(--nav-2) 58%,#071524);
  border-right:1px solid rgba(158,190,220,.18);
  box-shadow:18px 0 42px rgba(6,16,30,.16);
}
.brand{margin-bottom:32px}
.brand-mark{
  background:linear-gradient(135deg,#ecfff8,#cfeeff);
  color:#062033;
  box-shadow:0 0 0 1px rgba(255,255,255,.45),0 12px 28px rgba(31,157,244,.22);
}
.brand small{color:#a7bbd1}
.nav-item{
  border-color:rgba(185,209,232,.10);
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.nav-item:hover,.nav-item.active{
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(31,157,244,.075));
  border-color:rgba(177,221,255,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.12);
}
.nav-item.active span{color:#f8fcff}
.sidebar-foot{
  border:1px solid rgba(185,209,232,.12);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  padding:10px 12px;
  width:max-content;
}
.system-light{background:#35d39b;box-shadow:0 0 0 4px rgba(53,211,155,.12),0 0 22px rgba(53,211,155,.42)}
.topbar{
  background:rgba(231,237,246,.82);
  border-bottom:1px solid rgba(156,178,202,.55);
  box-shadow:0 12px 32px rgba(7,17,31,.06);
}
.kicker{color:var(--info);letter-spacing:.045em;text-transform:none}
.topbar h1{letter-spacing:-.035em;color:#07111f}
.account-chip{
  border-color:rgba(159,178,200,.70);
  box-shadow:var(--shadow-tight);
}
.content{position:relative}
.notice{
  border-color:#e7b85f;
  box-shadow:0 10px 22px rgba(168,95,8,.08);
}
.button{
  border-color:var(--line-strong);
  background:linear-gradient(180deg,#ffffff,#eef5fb);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
}
.button:hover{background:linear-gradient(180deg,#f8fbff,#e7f0f8);border-color:#7f96af}
.button.primary{
  background:linear-gradient(135deg,var(--accent),#00a676);
  border-color:rgba(0,143,104,.92);
  box-shadow:0 14px 28px rgba(0,143,104,.20),inset 0 1px 0 rgba(255,255,255,.20);
}
.button.primary:hover{background:linear-gradient(135deg,var(--accent-2),#008f68)}
.button.link-button{background:#e7f7ef;border-color:#a8dfcb;color:#075e44}
.panel,.metric,.task-card,.supplier-task,.access-card,.login-proof{
  border-color:rgba(181,198,217,.86);
  box-shadow:var(--shadow);
}
.panel{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.96));
}
.panel h2,.panel h3{letter-spacing:-.028em;color:#07111f}
.panel p{color:var(--muted)}
.role-cockpit{
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,247,252,.96)),
    radial-gradient(circle at 88% 0%,rgba(31,157,244,.18),transparent 28%);
  border-color:rgba(149,174,201,.88);
  box-shadow:0 24px 58px rgba(7,17,31,.12);
}
.role-cockpit::before{height:3px;background:linear-gradient(90deg,var(--tech-cyan),var(--accent),rgba(31,157,244,.10))}
.cockpit-copy h2{letter-spacing:-.038em}
.trust-label{
  border-color:rgba(31,157,244,.30);
  background:linear-gradient(180deg,#f2fbff,var(--tech-cyan-soft));
  color:#075f99;
  letter-spacing:.035em;
}
.money-strip div{
  background:linear-gradient(180deg,#ffffff,#f2f7fb);
  border-color:rgba(163,184,207,.78);
  box-shadow:0 10px 24px rgba(7,17,31,.065);
}
.money-strip strong{color:#07111f;font-variant-numeric:tabular-nums}
.primary-metric{background:linear-gradient(135deg,#053526,#00966d);color:#fff}
.table-wrap{border-color:rgba(169,189,211,.82);box-shadow:0 12px 28px rgba(7,17,31,.055)}
.data-table th{
  background:#eef5fb;
  color:#43566c;
  font-weight:900;
}
.data-table td{border-bottom-color:#d8e3ef}
.badge{letter-spacing:-.01em}
.badge.success{background:#e1f8ee;color:#075e44}
.badge.warning{background:#fff4dc;color:#814600}
.badge.info{background:#e6f1ff;color:#184f95}
.badge.neutral{background:#e8eef5;color:#405166}
.badge.danger{background:#ffe9e8;color:#972a26}
.progress{background:#dfe8f1}.progress i{background:linear-gradient(90deg,var(--accent),var(--tech-cyan))}
input,textarea,select{border-color:#a9bacd;background:#fbfdff;min-height:42px}
input:focus,textarea:focus,select:focus{border-color:var(--tech-cyan);box-shadow:0 0 0 4px rgba(31,157,244,.14)}
.login-layout{align-items:stretch}
.login-copy{
  display:grid;
  align-content:center;
  min-height:520px;
  padding:26px;
  border:1px solid rgba(169,189,211,.62);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(223,241,255,.40));
  box-shadow:var(--shadow);
}
.section-label{
  width:max-content;
  background:#e1f8ee;
  color:#075e44;
  border:1px solid #a8dfcb;
}
.login-copy h2{letter-spacing:-.05em;color:#07111f}
.login-proof{background:#fbfdff}
.access-card{
  min-height:72px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff,#f1f7fc);
}
.access-card::after{
  content:"";
  position:absolute;
  inset:auto 16px 0 16px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--tech-cyan),var(--accent),transparent);
  opacity:.55;
}
.access-card span{color:#075f99}
.access-card:hover{border-color:#7ea9ca;background:linear-gradient(135deg,#ffffff,#e9f5fd)}
.auth-form-stack .login-panel{align-self:start}
.supplier-cockpit::before{background:linear-gradient(90deg,var(--tech-cyan),var(--accent),rgba(31,157,244,.12))}
.supplier-claim-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.supplier-claim-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  background:linear-gradient(135deg,#fbfdff,#edf7ff);
}
.supplier-task-meta{min-width:0}
.supplier-task-meta .mono{color:#51677f}
.task-reward{color:#062033;font-variant-numeric:tabular-nums}
.supplier-task-shell{
  grid-template-columns:minmax(280px,1fr) minmax(190px,230px) minmax(160px,190px);
  background:linear-gradient(135deg,#fbfdff,#f1f8fb);
  border-color:rgba(157,180,204,.92);
}
.task-scan-zone{
  border:1px solid rgba(169,189,211,.86);
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff,#eef6fb);
  padding:12px;
}
.task-scan-zone img{
  width:132px;
  height:132px;
  box-shadow:0 10px 24px rgba(7,17,31,.10);
}
.supplier-mobile-actions .button{min-width:136px}
.verification-card{background:#fbfdff}.verification-card.info{background:#e6f1ff}.verification-card.warning{background:#fff4dc}.verification-card.success{background:#e1f8ee}.verification-card.danger{background:#ffe9e8}
.mobile-ledger-table td{word-break:break-word}

@media (max-width:980px){
  .sidebar{position:relative;height:auto;padding:18px 20px}
  .brand{margin-bottom:18px}
  .side-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
  .topbar{background:rgba(231,237,246,.94)}
  .role-cockpit{grid-template-columns:1fr}
  .money-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .login-copy{min-height:auto}
  .supplier-task-shell{grid-template-columns:1fr}
  .task-scan-zone{justify-items:start}
  .supplier-mobile-actions{justify-self:stretch}
  .supplier-mobile-actions form{width:100%}
  .supplier-mobile-actions .button{width:100%}
}

@media (max-width:640px){
  body{font-size:14px;background:#e7edf6}
  .content{padding:16px 14px 34px}
  .topbar{padding:16px 14px}
  .topbar h1{font-size:23px;line-height:1.15}
  .top-actions{gap:8px;flex-wrap:wrap;justify-content:flex-start}
  .account-chip{width:100%;justify-content:space-between}
  .button,input,textarea,select{min-height:46px}
  .panel,.metric{padding:15px;border-radius:14px}
  .panel-head{display:grid;gap:10px;margin-bottom:14px}
  .role-cockpit{padding:16px;border-radius:16px;gap:16px}
  .cockpit-copy h2{font-size:24px;line-height:1.12;letter-spacing:-.03em}
  .money-strip{grid-template-columns:1fr;gap:10px}
  .money-strip div{min-height:auto;padding:14px}
  .money-strip strong{font-size:28px}
  .trust-list{grid-template-columns:1fr}
  .task-grid,.supplier-claim-grid{grid-template-columns:1fr}
  .page-supplier .supplier-claim-card{grid-template-columns:1fr;gap:14px;align-items:stretch}
  .page-supplier .supplier-task-shell{gap:14px;padding:14px;border-radius:16px}
  .page-supplier .supplier-task-meta strong{font-size:18px}
  .page-supplier .task-scan-zone{width:100%;justify-items:center;text-align:center;padding:14px}
  .page-supplier .task-scan-zone img,
  .page-supplier .task-scan-zone .skeleton-qr{width:min(72vw,240px);height:min(72vw,240px)}
  .page-supplier .task-scan-zone .button{width:100%;margin-top:4px}
  .page-supplier .supplier-mobile-actions.has-primary-action{position:sticky;bottom:10px;z-index:3;width:100%;padding:8px;border:1px solid rgba(159,178,200,.68);border-radius:14px;background:rgba(251,253,255,.94);box-shadow:0 12px 30px rgba(7,17,31,.16);backdrop-filter:blur(10px)}
  .page-supplier .supplier-mobile-actions.has-primary-action .button,
  .page-supplier .mobile-primary-action{width:100%;min-height:48px;font-size:15px}
  .page-supplier .withdrawal-panel .form-row{display:grid;gap:10px}
  .page-supplier .mobile-ledger-table thead{display:none}
  .page-supplier .mobile-ledger-table,
  .page-supplier .mobile-ledger-table tbody,
  .page-supplier .mobile-ledger-table tr,
  .page-supplier .mobile-ledger-table td{display:block;width:100%}
  .page-supplier .mobile-ledger-table tr{padding:12px;border-bottom:1px solid var(--line)}
  .page-supplier .mobile-ledger-table td{display:flex;justify-content:space-between;gap:12px;border-bottom:0;padding:7px 0;text-align:right}
  .page-supplier .mobile-ledger-table td::before{content:attr(data-label);color:var(--muted);font-weight:900;text-align:left}
  .access-layout,.auth-split-layout,.login-layout{grid-template-columns:1fr;gap:14px}
  .login-copy{padding:18px;border-radius:16px}
  .login-copy h2{font-size:34px;line-height:1.02;letter-spacing:-.045em}
  .login-copy p{font-size:15px}
  .access-card{min-height:72px;padding:16px}
  .auth-form-stack{gap:12px}
}

/* Login entry: unmistakable command gateway */
.page-lobby{
  background:
    radial-gradient(circle at 78% 16%,rgba(31,157,244,.24),transparent 28%),
    radial-gradient(circle at 20% 88%,rgba(0,143,104,.18),transparent 30%),
    linear-gradient(135deg,#06101e 0%,#0b1828 44%,#dfe9f3 44%,#edf4fb 100%);
}
.page-lobby .main-area{
  background:
    radial-gradient(circle at 22% 20%,rgba(31,157,244,.14),transparent 30%),
    linear-gradient(135deg,#081423 0%,#0b1828 42%,#dfe9f3 42%,#edf4fb 100%);
}
.page-lobby .topbar{
  background:linear-gradient(90deg,rgba(8,20,35,.96) 0%,rgba(8,20,35,.96) 42%,rgba(237,244,251,.92) 42%,rgba(237,244,251,.92) 100%);
  border-bottom:1px solid rgba(142,169,196,.34);
}
.page-lobby .topbar h1{color:#f4f9ff}.page-lobby .kicker{color:#89d4ff}.page-lobby .top-actions .button{background:rgba(255,255,255,.92)}
.page-lobby .content{padding:30px 42px 52px}
.page-lobby .access-hub{
  min-height:calc(100dvh - 174px);
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
  gap:30px;
  align-items:center;
}
.page-lobby .access-hero{
  position:relative;
  overflow:hidden;
  max-width:none;
  min-height:590px;
  padding:34px;
  color:#eaf4ff;
  border:1px solid rgba(143,190,226,.34);
  border-radius:24px;
  background:
    radial-gradient(circle at 82% 10%,rgba(31,157,244,.18),transparent 30%),
    linear-gradient(145deg,#0b1b2d,#07121f 58%,#09241d);
  box-shadow:0 34px 76px rgba(3,10,20,.34);
}
.page-lobby .access-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--tech-cyan),var(--accent),transparent);
}
.page-lobby .access-hero .section-label{
  background:rgba(31,157,244,.12);
  border-color:rgba(137,212,255,.38);
  color:#9ddcff;
}
.page-lobby .access-hero h2{
  max-width:760px;
  color:#ffffff;
  font-size:64px;
  line-height:.94;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.page-lobby .access-hero p{
  max-width:68ch;
  color:#b8c9dc;
  font-size:17px;
}
.access-signal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:28px 0 18px;
}
.access-signal-grid div{
  min-height:104px;
  padding:15px;
  border:1px solid rgba(137,212,255,.22);
  border-radius:15px;
  background:#0d2136;
}
.access-signal-grid span{
  display:block;
  color:#89d4ff;
  font-weight:900;
  font-size:13px;
  margin-bottom:10px;
}
.access-signal-grid strong{
  color:#f4f9ff;
  line-height:1.38;
}
.page-lobby .access-boundary{
  width:max-content;
  max-width:100%;
  background:#0d2136;
  border-color:rgba(137,212,255,.26);
  color:#eaf4ff;
}
.page-lobby .access-boundary span{color:#89d4ff}.page-lobby .access-boundary strong{color:#fff}
.page-lobby .access-role-stack{gap:16px}
.page-lobby .access-role-stack .access-card{
  min-height:166px;
  padding:24px;
  color:#eaf4ff;
  border:1px solid rgba(137,171,204,.45);
  border-radius:20px;
  background:linear-gradient(145deg,#0d1d30,#101f32);
  box-shadow:0 20px 48px rgba(5,18,32,.20);
}
.page-lobby .access-role-stack .access-card::after{
  inset:auto 18px 0 18px;
  opacity:.95;
}
.page-lobby .access-role-stack .access-card:hover{
  transform:translateY(-2px);
  border-color:rgba(137,212,255,.66);
  background:linear-gradient(145deg,#10263d,#11263a);
}
.page-lobby .access-role-stack .access-card span{
  color:#89d4ff;
  font-weight:950;
}
.page-lobby .access-role-stack .access-card strong{
  color:#ffffff;
  font-size:22px;
  line-height:1.18;
  letter-spacing:-.03em;
}
.page-lobby .access-role-stack .access-card small{
  color:#b8c9dc;
  font-size:14px;
  line-height:1.45;
}
.page-lobby .access-role-stack .access-card em{
  display:inline-flex;
  width:max-content;
  margin-top:8px;
  min-height:34px;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  background:#e7f7ef;
  color:#075e44;
  font-style:normal;
  font-weight:950;
}
.page-lobby .access-card-admin em{background:#e6f1ff;color:#184f95}.page-lobby .access-card-supplier em{background:#dff1ff;color:#075f99}
@media (max-width:1180px){
  .page-lobby .topbar{background:rgba(8,20,35,.94)}
  .page-lobby .topbar h1{color:#f4f9ff}
  .page-lobby .access-hub{grid-template-columns:1fr;align-items:start}
  .page-lobby .access-hero{min-height:auto}
}
@media (max-width:640px){
  .page-lobby{background:#081423}
  .page-lobby .main-area{background:#edf4fb}
  .page-lobby .topbar{background:#081423}.page-lobby .topbar h1{color:#f4f9ff}.page-lobby .kicker{color:#89d4ff}
  .page-lobby .content{padding:16px 14px 34px}
  .page-lobby .access-hub{gap:14px;min-height:auto}
  .page-lobby .access-hero{padding:20px;border-radius:18px;min-height:auto}
  .page-lobby .access-hero h2{font-size:38px;line-height:1;letter-spacing:-.045em}
  .page-lobby .access-hero p{font-size:15px}
  .access-signal-grid{grid-template-columns:1fr;margin:18px 0 14px}
  .access-signal-grid div{min-height:auto}
  .page-lobby .access-role-stack .access-card{min-height:136px;padding:18px}
  .page-lobby .access-role-stack .access-card strong{font-size:19px}
  .page-lobby .access-role-stack .access-card em{width:100%;justify-content:center}
}

/* User upgrade console: visible mission-control redesign */
.page-user .main-area{
  background:
    radial-gradient(circle at 74% 8%,rgba(31,157,244,.20),transparent 28%),
    radial-gradient(circle at 18% 34%,rgba(0,143,104,.16),transparent 32%),
    linear-gradient(180deg,#081423 0,#0a1726 92px,#dfe9f3 92px,#edf4fb 100%);
}
.page-user .topbar{
  background:linear-gradient(90deg,rgba(8,20,35,.96),rgba(9,24,40,.90) 48%,rgba(231,237,246,.88));
  border-bottom:1px solid rgba(137,212,255,.18);
}
.page-user .topbar h1{color:#f5fbff}.page-user .kicker{color:#89d4ff}.page-user .top-actions .button,.page-user .account-chip{background:rgba(255,255,255,.94)}
.page-user .upgrade-mission-control{
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:24px;
  padding:30px;
  border:1px solid rgba(137,212,255,.30);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 14%,rgba(31,157,244,.18),transparent 30%),
    linear-gradient(135deg,#0b1b2d,#07121f 58%,#09241d);
  box-shadow:0 34px 82px rgba(3,10,20,.30);
}
.page-user .upgrade-mission-control::before{height:3px;background:linear-gradient(90deg,var(--tech-cyan),var(--accent),transparent)}
.page-user .upgrade-command-copy{align-content:start;gap:16px;color:#dcecff}
.page-user .upgrade-command-copy .trust-label{
  background:rgba(31,157,244,.12)!important;
  border-color:rgba(137,212,255,.38);
  color:#9ddcff!important;
}
.page-user .upgrade-command-copy h2{
  color:#ffffff!important;
  font-size:clamp(34px,var(--user-hero-title-size,44px),58px)!important;
  line-height:1.02;
  letter-spacing:-.05em;
  text-wrap:balance;
  max-width:900px;
}
.page-user .upgrade-command-copy>p{
  color:#bed0e2!important;
  font-size:16px!important;
  max-width:74ch;
}
.page-user .upgrade-command-copy .menu-description-list{gap:10px;max-width:900px;margin-top:4px}
.page-user .upgrade-command-copy .menu-description-step{
  grid-template-columns:34px minmax(0,1fr);
  border-color:rgba(137,212,255,.22);
  background:#0d2136;
  color:#f5fbff;
}
.page-user .upgrade-command-copy .menu-description-step span{
  width:34px;height:34px;
  background:rgba(137,212,255,.14)!important;
  color:#9ddcff!important;
}
.page-user .upgrade-command-copy .menu-description-step p{color:#f5fbff!important;font-size:15px;line-height:1.58!important}
.page-user .upgrade-command-copy .menu-description-step.tone-success{border-color:rgba(43,220,153,.34)}
.page-user .upgrade-command-copy .menu-description-step.tone-warning{border-color:rgba(239,181,80,.42)}
.page-user .upgrade-command-copy .menu-description-step.tone-info{border-color:rgba(137,212,255,.34)}
.page-user .upgrade-balance-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-user .upgrade-balance-stack .mission-stat{
  min-height:132px;
  padding:20px;
  border:1px solid rgba(137,212,255,.24);
  border-radius:18px;
  background:linear-gradient(145deg,#0d1d30,#10243a);
  box-shadow:none;
}
.page-user .upgrade-balance-stack .mission-stat.primary{
  background:linear-gradient(145deg,#0a2b24,#0d3c31);
  border-color:rgba(43,220,153,.36);
}
.page-user .upgrade-balance-stack .mission-stat span{color:#9ddcff;font-weight:950}
.page-user .upgrade-balance-stack .mission-stat strong{color:#fff;font-size:42px;letter-spacing:-.05em}
.page-user .upgrade-balance-stack .mission-stat small{color:#b8c9dc;font-weight:760}
.page-user .menu-guide-panel{
  border-color:rgba(137,212,255,.20);
  background:linear-gradient(135deg,rgba(9,24,40,.96),rgba(13,33,54,.94));
  color:#eef7ff;
}
.page-user .menu-guide-panel h2,.page-user .menu-guide-panel h3{color:#fff}.page-user .menu-guide-panel p{color:#b8c9dc}
.page-user .menu-guide-thumb{
  background:#0d2136;
  border-color:rgba(137,212,255,.24);
  color:#eef7ff;
}
.page-user .menu-guide-thumb:hover{background:#102a45;border-color:rgba(137,212,255,.54)}
.page-user .menu-guide-thumb span{color:#9ddcff}
.page-user .upgrade-work-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:start}
.page-user .upgrade-credential-console{
  border-color:rgba(0,143,104,.28);
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,250,248,.98));
  position:relative;
  overflow:hidden;
}
.page-user .upgrade-credential-console::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--tech-cyan),transparent);
}
.page-user .upgrade-credential-console textarea{
  min-height:190px;
  border-color:#8fb6c9;
  background:#f8fcff;
  font-family:var(--mono);
}
.page-user .upgrade-credential-console .button.primary{min-height:48px;font-size:15px}
.page-user .mission-flow-panel{
  background:linear-gradient(145deg,#0d1d30,#10243a);
  border-color:rgba(137,212,255,.24);
  color:#eef7ff;
}
.page-user .mission-flow-panel h2{color:#fff}.page-user .mission-flow-panel .timeline{gap:8px}
.page-user .mission-flow-panel .timeline span{
  background:#0d2136;
  border-color:rgba(137,212,255,.24);
  color:#dff1ff;
}
.page-user .status-cockpit{border-color:rgba(31,157,244,.24)}
.page-user .data-table th{background:#e8f1f8}
@media (max-width:1180px){
  .page-user .upgrade-mission-control,.page-user .upgrade-work-grid{grid-template-columns:1fr}
  .page-user .upgrade-balance-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .page-user .main-area{background:#edf4fb}
  .page-user .topbar{background:#081423}.page-user .topbar h1{color:#f5fbff}.page-user .kicker{color:#89d4ff}
  .page-user .upgrade-mission-control{padding:18px;border-radius:18px;gap:16px}
  .page-user .upgrade-command-copy h2{font-size:min(var(--user-hero-title-size,38px),40px)!important;letter-spacing:-.04em}
  .page-user .upgrade-command-copy .menu-description-step{grid-template-columns:30px minmax(0,1fr);padding:10px}
  .page-user .upgrade-command-copy .menu-description-step span{width:30px;height:30px}
  .page-user .upgrade-balance-stack{grid-template-columns:1fr}
  .page-user .upgrade-balance-stack .mission-stat{min-height:auto;padding:16px}
  .page-user .upgrade-balance-stack .mission-stat strong{font-size:34px}
  .page-user .upgrade-credential-console textarea{min-height:160px}
  .page-user .menu-guide-strip{gap:10px}.page-user .menu-guide-thumb{flex-basis:238px}
}

/* User command console v2: make the user side unmistakably redesigned */
.page-user .content{
  display:grid;
  gap:20px;
}
.page-user .content>.panel,
.page-user .content>.role-cockpit{
  margin-bottom:0;
}
.page-user .upgrade-mission-control{
  grid-template-columns:minmax(0,1fr) minmax(320px,380px);
  gap:22px;
  padding:28px;
  border-radius:20px;
  border-color:rgba(137,212,255,.36);
  background:
    radial-gradient(circle at 88% 16%,rgba(31,157,244,.20),transparent 32%),
    radial-gradient(circle at 0% 100%,rgba(0,143,104,.18),transparent 34%),
    linear-gradient(135deg,#07111f 0%,#0a1a2c 58%,#08241d 100%);
}
.page-user .upgrade-command-copy{
  min-height:300px;
}
.page-user .upgrade-command-copy h2{
  max-width:820px;
  letter-spacing:-.038em;
}
.page-user .user-command-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}
.page-user .user-command-actions .button{
  width:auto;
  border-color:rgba(137,212,255,.30);
}
.page-user .user-command-actions .button.ghost{
  background:#10263d;
  color:#dff1ff;
}
.page-user .user-command-actions .button.ghost:hover{
  background:#14304c;
  border-color:rgba(137,212,255,.56);
}
.page-user .user-command-actions>span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(137,212,255,.22);
  border-radius:999px;
  background:#0d2136;
  color:#b8c9dc;
  font-weight:800;
  font-size:13px;
}
.page-user .upgrade-balance-stack{
  gap:12px;
}
.page-user .upgrade-balance-stack .balance-stack-head{
  min-height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(137,212,255,.20);
  border-radius:16px;
  background:#0b1a2c;
  box-shadow:none;
}
.page-user .balance-stack-head strong{
  margin:0;
  color:#eef7ff;
  font:900 13px/1 var(--mono);
  letter-spacing:.02em;
}
.page-user .balance-stack-head span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#9ddcff;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.page-user .balance-stack-head i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2bdc99;
  box-shadow:0 0 0 4px rgba(43,220,153,.12);
}
.page-user .upgrade-balance-stack .mission-stat{
  min-height:112px;
  padding:18px;
  border-radius:16px;
  background:#0d2136;
}
.page-user .upgrade-balance-stack .mission-stat.primary{
  background:linear-gradient(145deg,#073729,#0a4a39);
}
.page-user .upgrade-balance-stack .mission-stat strong{
  font-size:38px;
  letter-spacing:-.04em;
}
.page-user .upgrade-work-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:20px;
}
.page-user .upgrade-credential-console{
  display:grid;
  gap:15px;
  border-radius:18px;
  border-color:rgba(0,143,104,.32);
  background:linear-gradient(180deg,#fbfffd,#eef8f4);
}
.page-user .upgrade-credential-console .panel-head{
  margin-bottom:0;
}
.page-user .upgrade-credential-console .trust-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
}
.page-user .upgrade-credential-console textarea{
  min-height:176px;
}
.page-user .mission-flow-panel{
  border-radius:18px;
  align-self:stretch;
}
.page-user .mission-flow-panel .timeline{
  margin-top:14px;
}
.page-user .mission-flow-panel .timeline span{
  min-height:42px;
}
.page-user .mission-boundary-card{
  display:grid;
  gap:6px;
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(137,212,255,.22);
  border-radius:14px;
  background:#0b1a2c;
}
.page-user .mission-boundary-card strong{
  color:#eef7ff;
  font:900 13px/1 var(--mono);
}
.page-user .mission-boundary-card small{
  color:#b8c9dc;
  line-height:1.5;
  font-weight:760;
}
.page-user #wallet-recharge{
  border-color:rgba(31,157,244,.18);
}
@media (max-width:1180px){
  .page-user .upgrade-mission-control,
  .page-user .upgrade-work-grid{
    grid-template-columns:1fr;
  }
  .page-user .upgrade-command-copy{min-height:auto}
  .page-user .upgrade-balance-stack{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-user .upgrade-balance-stack .balance-stack-head{
    grid-column:1/-1;
  }
}
@media (max-width:640px){
  .page-user .content{gap:16px}
  .page-user .upgrade-mission-control{padding:18px;border-radius:18px}
  .page-user .upgrade-command-copy h2{letter-spacing:-.035em}
  .page-user .user-command-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .page-user .user-command-actions .button,
  .page-user .user-command-actions>span{width:100%;justify-content:center;text-align:center}
  .page-user .upgrade-balance-stack{grid-template-columns:1fr}
  .page-user .upgrade-balance-stack .balance-stack-head{display:grid;justify-items:start}
  .page-user .upgrade-balance-stack .mission-stat strong{font-size:32px}
  .page-user .upgrade-credential-console .trust-list{grid-template-columns:1fr}
  .page-user .mission-boundary-card{margin-top:10px}
}

/* User command console v2 mobile text hardening */
.page-user .upgrade-command-copy h2,
.page-user .upgrade-command-copy .menu-description-step p{
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media (max-width:640px){
  .page-user .upgrade-command-copy h2{
    font-size:30px!important;
    line-height:1.08;
  }
  .page-user .upgrade-command-copy .menu-description-step p{
    font-size:14px!important;
    line-height:1.52!important;
  }
}
.page-user .content{
  grid-template-columns:minmax(0,1fr);
}
.page-user .content>*{
  min-width:0;
}

/* User recharge console: independent wallet command bay */
.page-user_recharge .main-area{
  background:
    radial-gradient(circle at 78% 10%,rgba(43,220,153,.18),transparent 28%),
    radial-gradient(circle at 14% 32%,rgba(31,157,244,.20),transparent 34%),
    linear-gradient(180deg,#07111f 0,#0a1726 92px,#dfe9f3 92px,#edf4fb 100%);
}
.page-user_recharge .topbar{
  background:linear-gradient(90deg,rgba(7,17,31,.98),rgba(9,24,40,.94) 52%,rgba(231,237,246,.88));
  border-bottom:1px solid rgba(137,212,255,.18);
}
.page-user_recharge .topbar h1{color:#f5fbff}.page-user_recharge .kicker{color:#89d4ff}.page-user_recharge .top-actions .button,.page-user_recharge .account-chip{background:rgba(255,255,255,.94)}
.page-user_recharge .content{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.page-user_recharge .content>*{min-width:0;margin-bottom:0}
.page-user_recharge .recharge-command-center{
  grid-template-columns:minmax(0,1fr) minmax(320px,390px);
  gap:22px;
  padding:28px;
  border:1px solid rgba(137,212,255,.34);
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 14%,rgba(43,220,153,.18),transparent 30%),
    radial-gradient(circle at 0 100%,rgba(31,157,244,.18),transparent 34%),
    linear-gradient(135deg,#07111f 0%,#0a1a2c 58%,#09241d 100%);
  box-shadow:0 34px 82px rgba(3,10,20,.30);
}
.page-user_recharge .recharge-command-center::before{height:3px;background:linear-gradient(90deg,var(--accent),var(--tech-cyan),transparent)}
.page-user_recharge .recharge-command-copy{
  min-height:292px;
  align-content:start;
  gap:16px;
  color:#dcecff;
}
.page-user_recharge .recharge-command-copy .trust-label{
  background:rgba(43,220,153,.12)!important;
  border-color:rgba(43,220,153,.34);
  color:#b8ffe5!important;
}
.page-user_recharge .recharge-command-copy h2{
  color:#fff;
  font-size:clamp(34px,4vw,56px);
  line-height:1.02;
  letter-spacing:-.04em;
  max-width:860px;
  text-wrap:balance;
}
.page-user_recharge .recharge-command-copy>p{color:#bed0e2;font-size:16px;max-width:74ch}
.page-user_recharge .menu-description-list{gap:10px;max-width:900px;margin-top:4px}
.page-user_recharge .menu-description-step{
  grid-template-columns:34px minmax(0,1fr);
  border-color:rgba(137,212,255,.22);
  background:#0d2136;
  color:#f5fbff;
}
.page-user_recharge .menu-description-step span{
  width:34px;height:34px;
  background:rgba(43,220,153,.14)!important;
  color:#b8ffe5!important;
}
.page-user_recharge .menu-description-step p{color:#f5fbff!important;font-size:15px;line-height:1.58!important}
.page-user_recharge .user-command-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}
.page-user_recharge .user-command-actions .button{width:auto;border-color:rgba(137,212,255,.30)}
.page-user_recharge .user-command-actions .button.ghost{background:#10263d;color:#dff1ff}
.page-user_recharge .user-command-actions .button.ghost:hover{background:#14304c;border-color:rgba(137,212,255,.56)}
.page-user_recharge .user-command-actions>span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(137,212,255,.22);
  border-radius:999px;
  background:#0d2136;
  color:#b8c9dc;
  font-weight:800;
  font-size:13px;
}
.page-user_recharge .recharge-telemetry-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.page-user_recharge .recharge-telemetry-stack .balance-stack-head{
  min-height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(137,212,255,.20);
  border-radius:16px;
  background:#0b1a2c;
  box-shadow:none;
}
.page-user_recharge .balance-stack-head strong{
  margin:0;
  color:#eef7ff;
  font:900 13px/1 var(--mono);
  letter-spacing:.02em;
}
.page-user_recharge .balance-stack-head span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#9ddcff;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.page-user_recharge .balance-stack-head i{
  width:8px;height:8px;border-radius:50%;
  background:#2bdc99;
  box-shadow:0 0 0 4px rgba(43,220,153,.12);
}
.page-user_recharge .recharge-telemetry-stack .mission-stat{
  min-height:112px;
  padding:18px;
  border:1px solid rgba(137,212,255,.24);
  border-radius:16px;
  background:#0d2136;
  box-shadow:none;
}
.page-user_recharge .recharge-telemetry-stack .mission-stat.primary{
  background:linear-gradient(145deg,#073729,#0a4a39);
  border-color:rgba(43,220,153,.36);
}
.page-user_recharge .recharge-telemetry-stack .mission-stat span{color:#9ddcff;font-weight:950}
.page-user_recharge .recharge-telemetry-stack .mission-stat strong{color:#fff;font-size:38px;letter-spacing:-.04em}
.page-user_recharge .recharge-telemetry-stack .mission-stat small{color:#b8c9dc;font-weight:760}
.page-user_recharge .menu-guide-panel{
  border-color:rgba(137,212,255,.20);
  background:linear-gradient(135deg,rgba(9,24,40,.96),rgba(13,33,54,.94));
  color:#eef7ff;
}
.page-user_recharge .menu-guide-panel h2,.page-user_recharge .menu-guide-panel h3{color:#fff}.page-user_recharge .menu-guide-panel p{color:#b8c9dc}
.page-user_recharge .menu-guide-thumb{background:#0d2136;border-color:rgba(137,212,255,.24);color:#eef7ff}
.page-user_recharge .menu-guide-thumb:hover{background:#102a45;border-color:rgba(137,212,255,.54)}
.page-user_recharge .menu-guide-thumb span{color:#9ddcff}
.page-user_recharge .recharge-panel{
  border-color:rgba(31,157,244,.24);
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdff,#f2f8fc);
  position:relative;
  overflow:hidden;
}
.page-user_recharge .recharge-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--tech-cyan),var(--accent),transparent);
}
.page-user_recharge .manual-recharge-box{
  background:linear-gradient(135deg,#eef8ff,#f4fff9);
  border-color:#c7dce9;
}
.page-user_recharge .manual-qr-card{border-color:#c7dce9}
.page-user_recharge .recharge-history-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:18px 0 10px;
}
.page-user_recharge .recharge-history-head h3{margin:0;font-size:18px;letter-spacing:-.02em}
.page-user_recharge .recharge-history-head span{color:var(--muted);font-weight:800;font-size:13px}
.page-user_recharge .data-table th{background:#e8f1f8}
@media (max-width:1180px){
  .page-user_recharge .recharge-command-center{grid-template-columns:1fr}
  .page-user_recharge .recharge-command-copy{min-height:auto}
  .page-user_recharge .recharge-telemetry-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-user_recharge .recharge-telemetry-stack .balance-stack-head{grid-column:1/-1}
}
@media (max-width:640px){
  .page-user_recharge .main-area{background:#edf4fb}
  .page-user_recharge .topbar{background:#081423}.page-user_recharge .topbar h1{color:#f5fbff}.page-user_recharge .kicker{color:#89d4ff}
  .page-user_recharge .content{gap:16px}
  .page-user_recharge .recharge-command-center{padding:18px;border-radius:18px}
  .page-user_recharge .recharge-command-copy h2{font-size:30px;line-height:1.08;letter-spacing:-.035em}
  .page-user_recharge .menu-description-step{grid-template-columns:30px minmax(0,1fr);padding:10px}
  .page-user_recharge .menu-description-step span{width:30px;height:30px}
  .page-user_recharge .menu-description-step p{font-size:14px!important;line-height:1.52!important}
  .page-user_recharge .user-command-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .page-user_recharge .user-command-actions .button,
  .page-user_recharge .user-command-actions>span{width:100%;justify-content:center;text-align:center}
  .page-user_recharge .recharge-telemetry-stack{grid-template-columns:1fr}
  .page-user_recharge .recharge-telemetry-stack .balance-stack-head{display:grid;justify-items:start}
  .page-user_recharge .recharge-telemetry-stack .mission-stat{min-height:auto;padding:16px}
  .page-user_recharge .recharge-telemetry-stack .mission-stat strong{font-size:32px}
  .page-user_recharge .recharge-history-head{display:grid;align-items:start}
}

/* Supplier scan console v2: visible dark operations redesign */
.page-supplier .main-area{
  background:
    radial-gradient(circle at 80% 8%,rgba(31,157,244,.20),transparent 28%),
    radial-gradient(circle at 18% 40%,rgba(0,143,104,.18),transparent 32%),
    linear-gradient(180deg,#07111f 0,#0a1726 92px,#dfe9f3 92px,#edf4fb 100%);
}
.page-supplier .topbar{
  background:linear-gradient(90deg,rgba(7,17,31,.98),rgba(8,22,38,.94) 48%,rgba(231,237,246,.88));
  border-bottom:1px solid rgba(137,212,255,.18);
}
.page-supplier .topbar h1{color:#f5fbff}.page-supplier .kicker{color:#89d4ff}.page-supplier .top-actions .button,.page-supplier .account-chip{background:rgba(255,255,255,.94)}
.page-supplier .content{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
.page-supplier .content>*{min-width:0;margin-bottom:0}
.page-supplier .supplier-command-center{
  grid-template-columns:minmax(0,1fr) minmax(330px,400px);
  gap:24px;
  padding:30px;
  border:1px solid rgba(137,212,255,.34);
  border-radius:20px;
  background:
    radial-gradient(circle at 90% 18%,rgba(31,157,244,.20),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(0,143,104,.18),transparent 34%),
    linear-gradient(135deg,#07111f 0%,#0a1a2c 58%,#08241d 100%);
  box-shadow:0 34px 82px rgba(3,10,20,.30);
}
.page-supplier .supplier-command-center::before{height:3px;background:linear-gradient(90deg,var(--tech-cyan),var(--accent),transparent)}
.page-supplier .supplier-command-copy{min-height:300px;color:#dcecff;gap:16px}
.page-supplier .supplier-command-copy .trust-label{
  background:rgba(31,157,244,.12)!important;
  border-color:rgba(137,212,255,.38);
  color:#9ddcff!important;
}
.page-supplier .supplier-command-copy h2{
  color:#ffffff;
  font-size:clamp(36px,4.1vw,58px);
  line-height:1.02;
  letter-spacing:-.038em;
  max-width:850px;
  text-wrap:balance;
}
.page-supplier .supplier-command-copy p{
  color:#bed0e2;
  font-size:16px;
  max-width:74ch;
}
.page-supplier .supplier-identity-console{
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto;
  align-items:center;
  gap:16px;
  max-width:760px;
  padding:12px;
  border:1px solid rgba(137,212,255,.28);
  border-radius:14px;
  background:#0b1a2c;
}
.page-supplier .supplier-identity-copy{display:grid;gap:4px;min-width:0;padding-left:2px}
.page-supplier .supplier-identity-copy strong{color:#fff;font-size:14px}
.page-supplier .supplier-identity-copy span{color:#aebfd2;font-size:12px;font-weight:750;line-height:1.45}
.page-supplier .supplier-identity-selector{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:8px}
.page-supplier .supplier-identity-option{
  display:grid;
  gap:4px;
  min-height:54px;
  align-content:center;
  padding:8px 12px;
  border:1px solid rgba(137,212,255,.24);
  border-radius:10px;
  background:#10263d;
  color:#dff1ff;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.page-supplier .supplier-identity-option span{font-size:14px;font-weight:950}
.page-supplier .supplier-identity-option small{color:#9fb4c8;font-size:10px;font-weight:800}
.page-supplier .supplier-identity-option:hover{border-color:#89d4ff;background:#14314f;color:#fff}
.page-supplier .supplier-identity-option.is-selected{
  border-color:#39d49f;
  background:#0b3b2e;
  color:#fff;
}
.page-supplier .supplier-identity-option.is-selected small{color:#b9f4df}
.page-supplier .supplier-identity-option:focus-visible{outline:3px solid rgba(57,212,159,.28);outline-offset:2px}
.page-supplier .supplier-command-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}
.page-supplier .supplier-command-pills span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(137,212,255,.24);
  border-radius:999px;
  background:#0d2136;
  color:#dff1ff;
  font-weight:900;
  font-size:13px;
}
.page-supplier .supplier-settlement-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.page-supplier .supplier-settlement-stack .settlement-stack-head{
  min-height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(137,212,255,.20);
  border-radius:16px;
  background:#0b1a2c;
  box-shadow:none;
}
.page-supplier .settlement-stack-head strong{
  margin:0;
  color:#eef7ff;
  font:900 13px/1 var(--mono);
  letter-spacing:.02em;
}
.page-supplier .settlement-stack-head span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#9ddcff;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.page-supplier .settlement-stack-head i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2bdc99;
  box-shadow:0 0 0 4px rgba(43,220,153,.12);
}
.page-supplier .supplier-settlement-stack .mission-stat{
  min-height:112px;
  padding:18px;
  border:1px solid rgba(137,212,255,.24);
  border-radius:16px;
  background:#0d2136;
  box-shadow:none;
}
.page-supplier .supplier-settlement-stack .mission-stat.primary{
  background:linear-gradient(145deg,#073729,#0a4a39);
  border-color:rgba(43,220,153,.36);
}
.page-supplier .supplier-settlement-stack .mission-stat span{color:#9ddcff;font-weight:950}
.page-supplier .supplier-settlement-stack .mission-stat strong{color:#fff;font-size:38px;letter-spacing:-.04em}
.page-supplier .supplier-settlement-stack .mission-stat small{color:#b8c9dc;font-weight:760}
.page-supplier .supplier-dark-panel{
  border-color:rgba(137,212,255,.22);
  background:linear-gradient(145deg,#0b1a2c,#0d2238);
  color:#eef7ff;
  box-shadow:0 24px 58px rgba(3,10,20,.22);
}
.page-supplier .supplier-dark-panel .panel-head h2{color:#fff}
.page-supplier .supplier-dark-panel .panel-head p{color:#b8c9dc}
.page-supplier .supplier-dark-panel .empty-state{color:#b8c9dc}
.page-supplier .supplier-dark-panel .empty-state strong{color:#fff}
.page-supplier .supplier-dark-panel .badge.neutral{background:#182d45;color:#dff1ff}
.page-supplier .supplier-dark-panel .badge.info{background:#113b5f;color:#9ddcff}
.page-supplier .supplier-claim-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.page-supplier .supplier-claim-card{
  border-color:rgba(137,212,255,.24);
  background:linear-gradient(145deg,#0d2136,#102b45);
  color:#eef7ff;
  box-shadow:none;
}
.page-supplier .supplier-claim-card .mono{color:#9ddcff}
.page-supplier .supplier-claim-card p{color:#b8c9dc}
.page-supplier .supplier-claim-card .task-reward{color:#ffffff;font-size:38px}
.page-supplier .supplier-scan-panel .supplier-list{gap:16px}
.page-supplier .supplier-task-shell{
  grid-template-columns:minmax(320px,1fr) minmax(220px,280px) minmax(150px,190px);
  align-items:stretch;
  gap:16px;
  padding:18px;
  border:1px solid rgba(137,212,255,.26);
  border-radius:18px;
  background:linear-gradient(135deg,#0d2136,#10263d 58%,#0b1a2c);
  color:#eef7ff;
  box-shadow:none;
}
.page-supplier .supplier-task-meta strong{color:#fff;font-size:18px;letter-spacing:-.02em}
.page-supplier .supplier-task-meta .mono{color:#9ddcff}
.page-supplier .supplier-task-meta small,
.page-supplier .supplier-task-meta .muted{color:#b8c9dc}
.page-supplier .supplier-task-route{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}
.page-supplier .supplier-task-route span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border:1px solid rgba(137,212,255,.22);
  border-radius:999px;
  background:#0b1a2c;
  color:#9ddcff;
  font:900 12px/1 var(--mono);
}
.page-supplier .task-scan-zone{
  position:relative;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:10px;
  padding:18px;
  border:1px solid rgba(137,212,255,.28);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 18%,rgba(31,157,244,.16),transparent 34%),
    #081725;
}
.page-supplier .scan-zone-label{
  color:#9ddcff;
  font:900 12px/1 var(--mono);
  letter-spacing:.02em;
}
.page-supplier .task-scan-zone img{
  width:160px;
  height:160px;
  border-radius:14px;
  border-color:rgba(255,255,255,.80);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.page-supplier .task-scan-zone .skeleton-qr{width:160px;height:160px}
.page-supplier .task-scan-zone .link-button{
  width:100%;
  min-height:42px;
}
.page-supplier .scan-confirm-action{
  width:100%;
  display:grid;
  gap:7px;
  margin-top:2px;
}
.page-supplier .scan-confirm-action .button{
  width:100%;
  min-height:48px;
  font-size:15px;
  box-shadow:0 16px 36px rgba(31,157,244,.24);
}
.page-supplier .scan-confirm-action small{
  color:#b9d6ea;
  font-weight:800;
  text-align:center;
  line-height:1.35;
}
.page-supplier .scan-confirm-hint{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:42px;
  padding:10px 12px;
  border:1px dashed rgba(137,212,255,.36);
  border-radius:999px;
  color:#b9d6ea;
  background:rgba(137,212,255,.08);
  text-align:center;
  font-weight:900;
}
.page-supplier .supplier-mobile-actions{
  display:grid;
  align-content:center;
  justify-items:stretch;
}
.page-supplier .supplier-mobile-actions.passive-action{
  color:#b8c9dc;
  text-align:center;
}
.page-supplier .supplier-mobile-actions.passive-action .muted{
  color:#b8c9dc;
  font-weight:900;
}
.page-supplier .supplier-withdrawal-command label{color:#dff1ff}
.page-supplier .supplier-withdrawal-command input{background:#f8fcff}
.page-supplier .supplier-withdrawal-command .table-wrap{border-color:rgba(137,212,255,.18)}
.page-supplier .supplier-withdrawal-command .data-table{background:#0d2136;color:#eef7ff}
.page-supplier .supplier-withdrawal-command .data-table th{background:#0b1a2c;color:#9ddcff}
.page-supplier .supplier-withdrawal-command .data-table td{border-bottom-color:rgba(137,212,255,.14)}
.page-supplier .supplier-task-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(137,212,255,.18);
}
.page-supplier .supplier-task-pagination>p{
  margin:0;
  color:#b8c9dc;
  font-size:13px;
  font-weight:760;
  font-variant-numeric:tabular-nums;
}
.page-supplier .supplier-task-pagination>p strong{color:#fff;font-family:var(--mono);font-size:12px}
.page-supplier .supplier-task-page-controls,
.page-supplier .supplier-task-page-numbers{display:flex;align-items:center;gap:6px}
.page-supplier .supplier-task-page-arrow,
.page-supplier .supplier-task-page-numbers a,
.page-supplier .supplier-task-page-numbers span{
  display:inline-grid;
  place-items:center;
  min-width:36px;
  height:36px;
  border:1px solid rgba(137,212,255,.32);
  border-radius:10px;
  background:#0b1a2c;
  color:#dff1ff;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.page-supplier .supplier-task-page-arrow{min-width:62px;padding-inline:10px}
.page-supplier .supplier-task-page-arrow:hover,
.page-supplier .supplier-task-page-numbers a:hover{border-color:#89d4ff;background:#113b5f;color:#fff}
.page-supplier .supplier-task-page-numbers span[aria-current="page"]{border-color:#89d4ff;background:#1f9df4;color:#071522}
.page-supplier .supplier-task-page-arrow.is-disabled{border-color:rgba(137,212,255,.14);background:#0b1725;color:#7690a8;opacity:.72}
.page-supplier .supplier-task-page-arrow:focus-visible,
.page-supplier .supplier-task-page-numbers a:focus-visible{outline:3px solid rgba(137,212,255,.32);outline-offset:2px}
@media (max-width:1180px){
  .page-supplier .supplier-command-center,
  .page-supplier .supplier-task-shell{
    grid-template-columns:1fr;
  }
  .page-supplier .supplier-command-copy{min-height:auto}
  .page-supplier .supplier-settlement-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-supplier .supplier-settlement-stack .settlement-stack-head{grid-column:1/-1}
}
@media (max-width:640px){
  .page-supplier .main-area{background:#edf4fb}
  .page-supplier .topbar{background:#081423}.page-supplier .topbar h1{color:#f5fbff}.page-supplier .kicker{color:#89d4ff}
  .page-supplier .content{gap:16px}
  .page-supplier .supplier-command-center{padding:18px;border-radius:18px;gap:16px}
  .page-supplier .supplier-command-copy h2{font-size:30px;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
  .page-supplier .supplier-command-copy p{font-size:14px}
  .page-supplier .supplier-identity-console{grid-template-columns:1fr;align-items:stretch}
  .page-supplier .supplier-identity-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-supplier .supplier-command-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .page-supplier .supplier-command-pills span{justify-content:center;text-align:center}
  .page-supplier .supplier-settlement-stack{grid-template-columns:1fr}
  .page-supplier .supplier-settlement-stack .settlement-stack-head{display:grid;justify-items:start}
  .page-supplier .supplier-settlement-stack .mission-stat{min-height:auto;padding:16px}
  .page-supplier .supplier-settlement-stack .mission-stat strong{font-size:32px}
  .page-supplier .supplier-claim-grid{grid-template-columns:1fr}
  .page-supplier .supplier-task-shell{padding:14px;border-radius:16px}
  .page-supplier .task-scan-zone{width:100%;justify-items:center;text-align:center;padding:14px}
  .page-supplier .task-scan-zone img,
  .page-supplier .task-scan-zone .skeleton-qr{width:min(72vw,240px);height:min(72vw,240px)}
  .page-supplier .supplier-mobile-actions.has-primary-action{background:rgba(8,23,37,.94);border-color:rgba(137,212,255,.34)}
  .page-supplier .supplier-task-pagination{display:grid;align-items:start}
  .page-supplier .supplier-task-page-controls{justify-content:space-between;width:100%}
  .page-supplier .supplier-task-page-numbers{display:none}
  .page-supplier .supplier-task-page-arrow{min-width:0;flex:1}
}
@media (prefers-reduced-motion:reduce){.page-supplier .supplier-identity-option{transition:none}}

/* Supplier one-active-order claim lock */
.page-supplier .claim-locked-banner{
  display:grid;
  gap:5px;
  margin:-4px 0 16px;
  padding:14px 16px;
  border:1px solid rgba(239,181,80,.36);
  border-radius:14px;
  background:rgba(43,31,13,.72);
  color:#ffe6b3;
}
.page-supplier .claim-locked-banner strong{color:#fff3d6;font-size:15px}
.page-supplier .claim-locked-banner span{color:#e8c98f;line-height:1.45;font-weight:760}
.page-supplier .claim-locked .button[disabled]{
  opacity:1;
  cursor:not-allowed;
  color:#b8c9dc;
  background:#0b1a2c;
  border-color:rgba(137,212,255,.20);
  box-shadow:none;
}

/* Admin account lifecycle controls */
.account-table th:last-child,.account-table td:last-child{min-width:190px}
.account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-actions .inline-action{margin:0}
.account-disabled-row{background:#fff8e9}
.account-disabled-row td:first-child strong{color:#8a5a07}
@media (prefers-color-scheme:dark){.account-disabled-row{background:#2b230f}.account-disabled-row td:first-child strong{color:#ffe3ac}}
@media (max-width:640px){.account-actions{display:grid}.account-actions .button{width:100%}}

/* Buyer-only Plus account delivery */
.store-cockpit .cockpit-copy p{max-width:72ch}
.store-variant-ledger{display:grid;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface)}
.store-variant-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.38fr) minmax(220px,.42fr);gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--line);background:var(--surface)}
.store-variant-row:last-child{border-bottom:0}
.store-variant-row.is-codex{background:var(--info-surface,#edf6fd)}
.store-variant-identity{display:flex;align-items:flex-start;gap:14px;min-width:0}
.store-variant-identity>.badge{flex:0 0 auto;margin-top:2px}
.store-variant-identity h3{margin:0 0 5px;font-size:19px;letter-spacing:-.02em;text-wrap:balance}
.store-variant-identity p{max-width:68ch;margin:0;color:var(--muted);line-height:1.55;text-wrap:pretty}
.store-variant-identity small{display:block;margin-top:8px;color:var(--muted);font-size:12px;font-weight:750;line-height:1.45}
.store-variant-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.store-variant-facts>div{display:grid;gap:5px;padding:12px}
.store-variant-facts>div+div{border-left:1px solid var(--line)}
.store-variant-facts dt{color:var(--muted);font-size:12px;font-weight:800}
.store-variant-facts dd{margin:0;color:var(--ink);font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.store-variant-purchase{display:grid;gap:7px;justify-items:stretch}
.store-variant-purchase small{color:var(--muted);font-size:11px;font-weight:750;text-align:center}
.store-variant-purchase .button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}
.purchase-variant-status{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.purchase-variant-proof{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:13px 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2)}
.purchase-variant-proof>div{display:grid;gap:4px}
.purchase-variant-proof span,.purchase-variant-proof small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.45}
.purchase-variant-proof.is-codex{border-color:var(--info-border,#b8d6ee);background:var(--info-surface,#edf6fd)}
.credential-delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.credential-delivery-grid>div{display:grid;gap:7px;align-content:start;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:14px;min-width:0}
.credential-delivery-grid span{color:var(--muted);font-weight:800}
.credential-delivery-grid code,.credential-delivery-grid strong{overflow-wrap:anywhere}
.credential-delivery-grid .credential-email-code{gap:9px}
.credential-email-code .button{justify-self:start}
.credential-email-code code{color:var(--muted);font-size:11px;line-height:1.45}
.credential-delivery-grid .credential-secret{grid-column:1/-1}
.credential-delivery-grid textarea{font-family:var(--mono);font-size:12px;line-height:1.5;resize:vertical}
@media (prefers-color-scheme:dark){.store-variant-row.is-codex,.purchase-variant-proof.is-codex{background:var(--dark-info-surface,#15263a);border-color:#36536e}.store-variant-facts{background:var(--surface)}.purchase-variant-proof span,.purchase-variant-proof small{color:#b8c9dc}}
@media (max-width:1040px){.store-variant-row{grid-template-columns:1fr minmax(210px,.5fr)}.store-variant-identity{grid-column:1/-1}.store-variant-purchase{align-self:stretch}}
@media (max-width:760px){
  .store-variant-row{grid-template-columns:1fr;padding:16px}.store-variant-identity{display:grid}.store-variant-identity>.badge{justify-self:start}.purchase-variant-proof{display:grid}.purchase-variant-status{justify-content:flex-start}.credential-delivery-grid{grid-template-columns:1fr}
  .store-purchase-table,.store-purchase-table tbody,.store-purchase-table tr,.store-purchase-table td{display:block;width:100%;min-width:0}
  .store-purchase-table thead{display:none}
  .store-purchase-table tbody{display:grid;gap:10px;padding:10px}
  .store-purchase-table tr{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
  .store-purchase-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 11px;border:0;border-bottom:1px solid var(--line);text-align:right;overflow-wrap:anywhere}
  .store-purchase-table td:last-child{border-bottom:0}
  .store-purchase-table td::before{content:attr(data-label);flex:0 0 76px;color:var(--muted);font-size:12px;font-weight:850;text-align:left}
  .store-purchase-table td>div{display:grid;gap:3px;justify-items:end}
  .store-purchase-table td>div small{color:var(--muted);font-size:11px;line-height:1.4}
  .store-purchase-table td[colspan]{display:block;text-align:center}.store-purchase-table td[colspan]::before{display:none}
}

/* User payment-link extraction desk */
.pay-link-cockpit{
  background:linear-gradient(135deg,#0d1b2e 0%,#132641 62%,#123d35 100%);
  color:#fff;
}
.pay-link-cockpit .cockpit-copy h2{color:#fff;letter-spacing:-.035em}
.pay-link-cockpit .cockpit-copy p{color:#d5e2ef;max-width:70ch}
.pay-link-cockpit .trust-label{color:#c9f5e3;background:rgba(19,138,99,.22);border-color:rgba(116,220,181,.35)}
.pay-link-cockpit .money-strip>div{background:#f8fbfe;color:var(--ink)}
.pay-link-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:18px;align-items:start;margin-bottom:18px}
.pay-link-create-panel{margin:0}
.pay-link-form{display:grid;gap:18px}
.payment-method-picker{display:grid;gap:10px;margin:0;padding:0;border:0}
.payment-method-picker legend{margin-bottom:10px;color:var(--ink);font-weight:850;font-size:13px}
.payment-method-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payment-method-options label{position:relative;cursor:pointer}
.payment-method-options input{position:absolute;opacity:0;pointer-events:none}
.payment-method-options label>span{display:grid;gap:5px;min-height:78px;padding:14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.payment-method-options strong{font-size:16px;color:var(--ink)}
.payment-method-options small{color:#52667d;font-weight:700}
.payment-method-options input:checked+span{border-color:var(--accent);background:#edf9f4;box-shadow:inset 0 0 0 1px var(--accent)}
.payment-method-options input:focus-visible+span{outline:3px solid rgba(19,138,99,.22);outline-offset:2px}
.credential-field{display:grid;gap:8px;font-weight:850}
.credential-field textarea{min-height:172px;resize:vertical;font-family:var(--mono);font-size:12px;line-height:1.55}
.credential-field small{color:#52667d;font-family:var(--sans);font-weight:650}
.pay-link-encryption-status{display:flex;align-items:center;gap:8px;min-height:32px;margin-top:-8px;color:#52667d;font-size:12px;font-weight:800}
.pay-link-encryption-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#b46b12;box-shadow:0 0 0 4px rgba(180,107,18,.10)}
.pay-link-encryption-status.ready{color:#0f7655}
.pay-link-encryption-status.ready::before{background:#138a63;box-shadow:0 0 0 4px rgba(19,138,99,.10)}
.pay-link-encryption-status.error{color:#a73833}
.pay-link-encryption-status.error::before{background:#c2413b;box-shadow:0 0 0 4px rgba(194,65,59,.10)}
.fee-settlement-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 14px;border-radius:12px;background:#f2f7fb;color:#52667d;font-size:13px;font-weight:800}
.fee-settlement-line span:first-child{color:var(--ink)}
.fee-settlement-line i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--warning)}
.pay-link-submit{min-height:46px;justify-self:start}
.pay-link-policy{display:grid;gap:12px;padding:20px;border:1px solid #27405d;border-radius:14px;background:#0d1b2e;color:#dce8f4}
.pay-link-policy>strong{font-size:18px;color:#fff;letter-spacing:-.02em}
.pay-link-policy dl{display:grid;gap:0;margin:4px 0 0}
.pay-link-policy dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(217,227,239,.16)}
.pay-link-policy dt{color:#a9bfd4;font-weight:750}
.pay-link-policy dd{margin:0;color:#fff;font-weight:850;text-align:right;overflow-wrap:anywhere}
.pay-link-history-panel{margin-bottom:0}
.pay-link-table{min-width:920px}
.pay-link-table td:first-child small{display:block;margin-top:4px;color:var(--muted);font-family:var(--mono);font-size:11px}
.pay-link-table [data-pay-link-progress]{min-width:190px}
.pay-link-row-progress{display:grid;gap:8px;min-width:160px}
.pay-link-row-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#52667d;font-size:11px;font-weight:850}
.pay-link-row-progress>div strong{color:#285f9b;font-family:var(--mono);font-size:11px}
.pay-link-row-progress-track{display:block;height:7px;overflow:hidden;border-radius:999px;background:#dce6f0}
.pay-link-row-progress-track>i{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#397bbd;transform:scaleX(var(--progress-scale));transform-origin:left center}
.pay-link-row-progress[data-state="pending"] .pay-link-row-progress-track>i{background:#b46b12}
.pay-link-row-progress[data-state="success"] .pay-link-row-progress-track>i{background:#138a63}
.pay-link-row-progress[data-state="success"]>div strong{color:#0f7655}
.pay-link-row-progress[data-state="failed"] .pay-link-row-progress-track>i{background:#c2413b}
.pay-link-row-progress[data-state="failed"]>div strong{color:#a73833}
.pay-link-row-progress[data-state="running"] .pay-link-row-progress-track>i::after{content:"";position:absolute;inset:0;width:34%;background:rgba(255,255,255,.42);transform:translateX(-120%);animation:pay-link-row-scan 1.25s ease-in-out infinite}
@keyframes pay-link-row-scan{0%{transform:translateX(-120%)}65%,100%{transform:translateX(380%)}}
.pay-link-table td:last-child{min-width:210px;max-width:380px}
.pay-link-error{display:block;color:#9b332f;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.pay-link-progress{display:inline-flex;align-items:center;gap:7px;color:#285f9b;font-weight:800}
.pay-link-progress::before{content:"";width:8px;height:8px;border-radius:50%;background:#397bbd;box-shadow:0 0 0 4px rgba(57,123,189,.12)}
@media (max-width:960px){
  .pay-link-workspace{grid-template-columns:1fr}
  .pay-link-policy dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .pay-link-policy dl>div{display:grid;justify-content:start;border-top:0;padding:10px 0}
  .pay-link-policy dd{text-align:left}
}
@media (max-width:640px){
  .payment-method-options{grid-template-columns:1fr}
  .payment-method-options label>span{min-height:auto}
  .pay-link-submit{width:100%}
  .pay-link-policy dl{grid-template-columns:1fr;gap:0}
  .pay-link-policy dl>div{display:flex;justify-content:space-between;border-top:1px solid rgba(217,227,239,.16)}
  .pay-link-policy dd{text-align:right}
  .pay-link-table td:last-child{min-width:180px}
}
@media (prefers-reduced-motion:reduce){
  .payment-method-options label>span{transition:none}
  .pay-link-row-progress-track>i::after{animation:none!important}
}

/* KakaoPay production desk */
.page-kakao_factory{--kakao-ink:#071829;--kakao-line:#c4d5e4;--kakao-soft:#edf5fa;--kakao-green:#008f68}
.page-kakao_factory .content{max-width:1640px;margin:0 auto}
.kakao-command{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;position:relative;overflow:hidden;margin-bottom:16px;padding:26px 28px;border:1px solid #21445b;border-radius:16px;background:linear-gradient(120deg,#071928,#0b2a3d 60%,#0b3b40);color:#fff;box-shadow:0 18px 42px rgba(6,25,40,.2)}
.kakao-command::after{content:"KR";position:absolute;right:236px;top:-22px;color:rgba(255,255,255,.045);font:900 132px/1 var(--mono);pointer-events:none}
.kakao-command h2{margin:12px 0 8px;font-size:32px;line-height:1.08;letter-spacing:-.045em}
.kakao-command p{max-width:74ch;margin:0;color:#b8cad7;line-height:1.6}
.kakao-command .trust-label{border-color:rgba(118,239,193,.3);background:rgba(0,143,104,.18);color:#87e9c0}
.kakao-command-state{display:grid;gap:5px;min-height:112px;align-content:center;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07)}
.kakao-command-state span,.kakao-command-state small{color:#a9c0cf}.kakao-command-state strong{font-size:24px}.kakao-command-state.is-ready strong{color:#7be2b8}.kakao-command-state.is-blocked strong{color:#ffd28a}
.kakao-stage-ledger{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:20px;border:1px solid var(--kakao-line);border-radius:16px;background:#fff;box-shadow:var(--shadow-tight);overflow:hidden}
.kakao-stage-ledger>div{display:grid;gap:5px;min-height:106px;align-content:center;padding:17px 18px;border-right:1px solid var(--kakao-line)}
.kakao-stage-ledger>div:last-child{border-right:0}.kakao-stage-ledger span,.kakao-stage-ledger small{color:var(--muted);font-weight:800}.kakao-stage-ledger strong{font:900 31px/1 var(--mono);letter-spacing:-.05em}.kakao-stage-ledger .is-success{background:#e9f8f1}.kakao-stage-ledger .is-success strong{color:#087553}.kakao-stage-ledger .is-failed{background:#fff5f4}.kakao-stage-ledger .is-failed strong{color:var(--danger)}
.kakao-two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:20px}.kakao-two-column>.panel{min-width:0}
.kakao-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kakao-material-field{gap:8px}.kakao-material-field small,.kakao-api-config label small{color:var(--muted);font-weight:750;line-height:1.5}.kakao-material-field textarea{font-family:var(--mono);font-size:13px;line-height:1.55;background:#f8fbfd}
.kakao-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.kakao-form-actions>span{max-width:62ch;color:var(--muted);font-size:13px;font-weight:750;line-height:1.5}
.kakao-api-config form{display:grid;gap:14px}.kakao-api-config form>.button{justify-self:start}.kakao-api-rulebook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.kakao-api-rulebook>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.kakao-api-rulebook strong{font:900 17px/1.1 var(--mono);color:var(--accent)}.kakao-api-rulebook span{color:var(--muted);font-size:11px;font-weight:800}
.kakao-daily-metrics{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.kakao-daily-metrics>span{font-weight:900}.kakao-daily-metrics p{margin:0;font-size:13px}.kakao-daily-metrics pre{max-height:130px;overflow:auto;margin:0;padding:10px;border-radius:10px;background:#071928;color:#b8ead8;font:12px/1.5 var(--mono)}
.kakao-pool-panel{padding:0;overflow:hidden}.kakao-pool-head{align-items:center;margin:0;padding:20px 22px;border-bottom:1px solid var(--line)}.kakao-live{display:inline-flex;align-items:center;gap:8px;color:#087553;font-size:13px;font-weight:900;white-space:nowrap}.kakao-live i{width:8px;height:8px;border-radius:50%;background:#18a875;box-shadow:0 0 0 5px rgba(24,168,117,.12);animation:kakao-live 1.8s ease-in-out infinite}
.kakao-batch-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 22px;background:var(--kakao-soft);border-bottom:1px solid var(--kakao-line)}.kakao-batch-toolbar>label:first-child{display:flex;align-items:center;gap:9px;min-width:210px;flex:1 1 240px}.kakao-batch-toolbar input[type="checkbox"]{width:18px;height:18px}.kakao-selection-count{display:flex;align-items:baseline;gap:7px;color:var(--muted);font-weight:800}.kakao-selection-count strong{font:900 24px/1 var(--mono);color:var(--ink)}.kakao-status-filter{display:grid;grid-template-columns:auto minmax(148px,190px) auto;align-items:center;gap:7px;color:var(--ink);font-size:13px;font-weight:850}.kakao-status-filter select{min-height:38px;padding:8px 34px 8px 11px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:850}.kakao-status-filter small{color:var(--muted);font:800 12px/1 var(--mono);white-space:nowrap}.kakao-worker-field{display:grid;grid-template-columns:auto 58px;align-items:center;gap:7px;font-size:13px}.kakao-worker-field input{padding:8px;min-height:38px}.kakao-batch-toolbar .button{flex:0 0 auto}.kakao-batch-toolbar .button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.kakao-pool-panel .table-wrap{border:0;border-radius:0}.kakao-pool-table th:first-child{width:72px}.kakao-pool-table th:nth-child(2){min-width:250px}.kakao-pool-table th:nth-child(4),.kakao-pool-table th:nth-child(8){min-width:130px}.kakao-pool-table th:nth-child(6){min-width:210px}.kakao-pool-table tbody tr:hover{background:#f7fbfd}.kakao-pool-table tr[hidden]{display:none!important}.kakao-pool-table input[type="checkbox"]{width:18px;height:18px}.kakao-pool-table [data-kakao-message]{max-width:34ch;line-height:1.35;color:var(--danger)}.danger-text{color:var(--danger)!important}
@keyframes kakao-live{50%{opacity:.45;transform:scale(.82)}}
@media (prefers-color-scheme:dark){.kakao-stage-ledger{background:var(--surface);border-color:var(--line)}.kakao-stage-ledger .is-success{background:#102a22}.kakao-stage-ledger .is-failed{background:#2a1718}.kakao-material-field textarea,.kakao-batch-toolbar{background:#111b2a}.kakao-status-filter select{background:var(--surface);border-color:var(--line);color:var(--ink)}.kakao-api-rulebook>div{background:var(--surface-2)}.kakao-pool-table tbody tr:hover{background:var(--surface-2)}}
@media (max-width:1240px){.kakao-stage-ledger{grid-template-columns:repeat(3,minmax(0,1fr))}.kakao-stage-ledger>div:nth-child(3){border-right:0}.kakao-stage-ledger>div:nth-child(-n+3){border-bottom:1px solid var(--kakao-line)}.kakao-two-column{grid-template-columns:1fr}.kakao-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.kakao-command{grid-template-columns:1fr;padding:20px}.kakao-command::after{right:-22px}.kakao-command h2{font-size:27px}.kakao-stage-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.kakao-stage-ledger>div,.kakao-stage-ledger>div:nth-child(3){border-right:1px solid var(--kakao-line);border-bottom:1px solid var(--kakao-line)}.kakao-stage-ledger>div:nth-child(even){border-right:0}.kakao-stage-ledger>div:nth-last-child(-n+2){border-bottom:0}.kakao-form-grid{grid-template-columns:1fr}.kakao-form-actions{align-items:stretch;flex-direction:column}.kakao-api-rulebook{grid-template-columns:1fr}.kakao-batch-toolbar>label:first-child{min-width:calc(100% - 82px)}.kakao-status-filter{width:100%;grid-template-columns:76px minmax(0,1fr) auto}.kakao-worker-field{width:100%}.kakao-batch-toolbar .button{width:100%}.kakao-pool-table,.kakao-pool-table tbody,.kakao-pool-table tr,.kakao-pool-table td{display:block;width:100%}.kakao-pool-table thead{display:none}.kakao-pool-table tbody{display:grid;gap:10px;padding:12px;background:var(--surface-2)}.kakao-pool-table tr{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.kakao-pool-table td{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:start;padding:9px 11px;border-bottom:1px solid var(--line);text-align:right}.kakao-pool-table td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:850;text-align:left}.kakao-pool-table td>*{grid-column:2;justify-self:end;max-width:100%}.kakao-pool-table td:last-child{border-bottom:0}}

/* Admin Plus factory live task progress */
.page-factory [data-factory-progress]{min-width:230px}
.factory-task-progress{display:grid;gap:7px;min-width:205px}
.factory-task-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.factory-task-progress>div>strong{color:#285f9b;font:900 11px/1 var(--mono)}
.factory-task-progress>small{margin-top:0!important;color:#52667d!important;font-size:11px;font-weight:750;line-height:1.35}
.factory-task-progress-track{display:block;height:7px;overflow:hidden;border-radius:999px;background:#dce6f0}
.factory-task-progress-track>i{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#397bbd;transform:scaleX(var(--progress-scale));transform-origin:left center;transition:transform .35s ease}
.factory-task-progress[data-state="pending"] .factory-task-progress-track>i{background:#b46b12}
.factory-task-progress[data-state="success"] .factory-task-progress-track>i{background:#138a63}
.factory-task-progress[data-state="success"]>div>strong{color:#0f7655}
.factory-task-progress[data-state="failed"] .factory-task-progress-track>i{background:#c2413b}
.factory-task-progress[data-state="failed"]>div>strong{color:#a73833}
.factory-task-progress[data-state="warning"] .factory-task-progress-track>i{background:#b46b12}
.factory-task-progress[data-state="running"] .factory-task-progress-track>i::after{content:"";position:absolute;inset:0;width:34%;background:rgba(255,255,255,.42);transform:translateX(-120%);animation:factory-task-scan 1.25s ease-in-out infinite}
@keyframes factory-task-scan{0%{transform:translateX(-120%)}65%,100%{transform:translateX(380%)}}
@media (prefers-reduced-motion:reduce){.factory-task-progress-track>i{transition:none}.factory-task-progress-track>i::after{animation:none!important}}

/* Manual finished-account intake: explicit, auditable, and closed by default. */
.factory-settings-form{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(170px,.4fr) minmax(320px,1.3fr) auto;gap:12px;align-items:end}
.factory-settings-form label{min-width:0}
.factory-settings-form label>small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}
.factory-email-code-field code{font-size:11px}
.inventory-pool-head{align-items:center}
.inventory-pool-head>.button{flex:0 0 auto}
.inventory-import-console{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:18px;margin:-2px 0 18px;padding:16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-2)}
.inventory-import-console[hidden]{display:none}
.inventory-import-intro{display:grid;align-content:start;gap:7px;padding:4px 2px}
.inventory-import-intro strong{font-size:17px;letter-spacing:-.02em}
.inventory-import-intro span{color:var(--muted);font-size:13px;font-weight:750;line-height:1.55}
.inventory-import-form{display:grid;gap:14px}
.inventory-import-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.inventory-import-fields label{min-width:0}
.inventory-session-field{grid-column:1/-1}
.inventory-session-field textarea{min-height:164px;font:700 12px/1.55 var(--mono);resize:vertical}
.inventory-session-field small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.45}
.inventory-import-confirm{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #e2c792;border-radius:12px;background:#fff8e9;color:#6d4605;font-size:13px;line-height:1.45}
.inventory-import-confirm input{width:18px;min-width:18px;height:18px;min-height:0;margin:1px 0 0;accent-color:var(--accent)}
.inventory-import-actions{display:flex;justify-content:flex-end;gap:10px}
.inventory-table{min-width:980px}
@media (prefers-color-scheme:dark){.inventory-import-console{background:var(--surface-2)}.inventory-import-confirm{border-color:#74571f;background:#2b230f;color:#ffe3ac}}
@media (max-width:1120px){.factory-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-email-code-field{grid-column:1/-1}.factory-settings-form>.button{justify-self:start}}
@media (max-width:980px){.inventory-import-console{grid-template-columns:1fr}.inventory-import-intro{max-width:70ch}}
@media (max-width:640px){.factory-settings-form{grid-template-columns:1fr}.factory-email-code-field{grid-column:auto}.factory-settings-form>.button{width:100%}.inventory-pool-head{align-items:stretch}.inventory-pool-head>.button{width:100%}.inventory-import-fields{grid-template-columns:1fr}.inventory-session-field{grid-column:auto}.inventory-import-actions{display:grid}.inventory-import-console{padding:14px}}

/* iCloud plus-address expansion stays previewable in the browser; generation is server-owned. */
.factory-email-import-form{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px 18px;align-items:stretch}
.factory-email-list-field{min-width:0}
.factory-email-list-field textarea{min-height:190px;font-family:var(--mono);font-size:13px;line-height:1.6}
.factory-email-expansion-control{display:grid;align-content:start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.factory-email-expansion-toggle{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);cursor:pointer}
.factory-email-expansion-toggle:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.12)}
.factory-email-expansion-toggle input{flex:0 0 19px;width:19px;height:19px;min-height:0;margin:2px 0 0;accent-color:var(--accent)}
.factory-email-expansion-toggle span{display:grid;gap:5px}
.factory-email-expansion-toggle strong{font-size:15px;line-height:1.35}
.factory-email-expansion-toggle small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.45}
.factory-email-expansion-example{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;align-items:center;padding:10px 12px;color:var(--muted);font-size:12px;font-weight:800}
.factory-email-expansion-example>span{grid-row:1/3;align-self:start;padding-top:2px;color:var(--muted)}
.factory-email-expansion-example>b{display:none}
.factory-email-expansion-example code{min-width:0;color:var(--ink);font-size:11px;overflow-wrap:anywhere}
.factory-email-expansion-example code:last-child{color:var(--accent)}
.factory-email-import-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid var(--line)}
.factory-email-import-status{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px;margin:0!important;color:var(--muted);font-size:13px;font-weight:800}
.factory-email-import-status span{display:inline-flex;align-items:baseline;gap:5px}
.factory-email-import-status strong{color:var(--ink);font:900 17px/1 var(--mono)}
.factory-email-import-status small{color:var(--danger);font-weight:800}
.factory-email-import-footer>.button{flex:0 0 auto}
@media (prefers-color-scheme:dark){.factory-email-expansion-control{background:var(--surface-2)}.factory-email-expansion-toggle{background:var(--surface)}}
@media (max-width:980px){.factory-email-import-form{grid-template-columns:1fr}.factory-email-import-footer{grid-column:auto}}
@media (max-width:640px){.factory-email-import-footer{display:grid;align-items:stretch}.factory-email-import-footer>.button{width:100%}.factory-email-import-status{justify-content:space-between}.factory-email-expansion-control{padding:12px}.factory-email-expansion-toggle{padding:11px}}
/* Recharge CDK issuance, redemption, and distributor settlement */
.cdk-admin-cockpit{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}
.cdk-ledger-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;background:var(--surface)}
.cdk-ledger-summary>div{display:grid;align-content:center;min-height:142px;padding:18px;border-right:1px solid var(--line)}
.cdk-ledger-summary>div:last-child{border-right:0}
.cdk-ledger-summary span,.cdk-ledger-summary small{color:var(--muted);font-weight:800}
.cdk-ledger-summary strong{margin:8px 0 5px;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.cdk-generate-form{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(160px,.6fr) minmax(200px,.7fr) auto;gap:14px;align-items:end}
.cdk-generate-form label>small{color:var(--muted);font-weight:700;line-height:1.35}
.money-input{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);overflow:hidden}
.money-input:focus-within{border-color:var(--tech-cyan);box-shadow:0 0 0 4px rgba(31,157,244,.14)}
.money-input>span{align-self:stretch;display:grid;place-items:center;padding:0 12px;background:var(--surface-2);border-right:1px solid var(--line);color:var(--muted);font-weight:900}
.money-input input{border:0;border-radius:0;box-shadow:none!important}
.cdk-generate-action{display:grid;gap:8px;justify-items:stretch;min-width:190px}
.cdk-generate-action>span{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}
.cdk-count-state{display:flex;flex-wrap:wrap;gap:6px}
.cdk-count-state span{padding:6px 8px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}
.cdk-batches-table td:last-child{min-width:178px}
.cdk-batches-table td:last-child>.button{margin-bottom:5px}
.cdk-redeem-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:20px;margin-bottom:18px;padding:18px;border:1px solid #9bd8c1;border-radius:14px;background:#eaf8f2}
.cdk-redeem-copy{display:grid;align-content:start;justify-items:start;gap:8px}
.cdk-redeem-copy h3{margin:0}.cdk-redeem-copy p{margin:0;max-width:68ch;color:#285f4e}
.cdk-redeem-copy code{display:inline-flex;margin-top:3px;padding:7px 9px;border-radius:8px;background:#fff;color:#075e44;border:1px solid #b9ead6;letter-spacing:.03em}
.cdk-redeem-form{display:grid;align-content:center;gap:10px;padding:15px;border-radius:12px;background:var(--surface)}
.cdk-redeem-form>small{color:var(--muted);font-weight:700}
.cdk-code-input{font-family:var(--mono);font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.cdk-redemption-history{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cdk-redemption-history .recharge-history-head{margin-top:0}
@media (prefers-color-scheme:dark){.cdk-redeem-box{border-color:#276d58;background:#0f2a23}.cdk-redeem-copy p{color:#b9ead6}.cdk-redeem-copy code{background:#111b2a}.cdk-redeem-form{background:#111b2a}}
@media (max-width:1180px){.cdk-admin-cockpit{grid-template-columns:1fr}.cdk-generate-form{grid-template-columns:repeat(2,minmax(0,1fr))}.cdk-generate-action{min-width:0}}
@media (max-width:760px){.cdk-ledger-summary,.cdk-redeem-box,.cdk-generate-form{grid-template-columns:1fr}.cdk-ledger-summary>div{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.cdk-ledger-summary>div:last-child{border-bottom:0}.cdk-redeem-box{padding:14px}.cdk-generate-action>span{white-space:normal}.cdk-settlement-table,.cdk-batches-table{min-width:760px}}
@media (max-width:640px){.cdk-user-history-table thead{display:none}.cdk-user-history-table,.cdk-user-history-table tbody,.cdk-user-history-table tr,.cdk-user-history-table td{display:block;width:100%}.cdk-user-history-table tr{padding:10px 12px}.cdk-user-history-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:0;text-align:right}.cdk-user-history-table td::before{content:attr(data-label);flex:0 0 76px;color:var(--muted);font-weight:850;text-align:left}.cdk-user-history-table td code{min-width:0;font-size:11px;overflow-wrap:anywhere}}

/* Residential proxy commerce: product catalog, metered credentials, and admin control plane */
.proxy-cockpit{grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr)}
.proxy-cockpit::before{background:var(--info)}
.proxy-hero-action{display:flex;align-items:center;gap:14px;margin-top:5px}.proxy-hero-action>span{color:var(--muted);font-size:13px;font-weight:800}
.proxy-money-strip strong{font-size:29px}
.proxy-sync-hint{margin:0 0 18px}
.proxy-catalog-panel{scroll-margin-top:18px}
.proxy-country-filter{display:flex;gap:9px;overflow-x:auto;margin-bottom:18px;padding:2px 2px 8px;scrollbar-width:thin}
.proxy-country-tab{flex:0 0 auto;display:grid;grid-template-columns:auto auto;grid-template-areas:"code title" "code note";column-gap:9px;align-items:center;min-width:142px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.proxy-country-tab:hover{border-color:var(--line-strong);background:var(--surface-2)}.proxy-country-tab:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.12)}.proxy-country-tab.is-active{border-color:var(--accent);background:#eef9f4;box-shadow:0 6px 18px rgba(19,138,99,.08)}
.proxy-country-tab>strong{grid-area:title;font-size:14px}.proxy-country-tab>small{grid-area:note;color:var(--muted);font-size:11px;font-weight:800}.proxy-country-tab>small.is-ready{color:#0f7655}.proxy-country-tab>small.is-waiting{color:var(--warning)}
.proxy-country-code{grid-area:code;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:10px;background:#edf3f8;color:#183553;font:900 12px/1 var(--mono);letter-spacing:.04em}.proxy-country-code.large{width:48px;height:48px;border-radius:12px;font-size:14px}
.proxy-plan-list{display:grid;gap:10px}.proxy-plan-row{display:grid;grid-template-columns:145px minmax(220px,.9fr) minmax(390px,1.25fr) 190px;gap:16px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}.proxy-plan-row:hover{border-color:var(--line-strong);box-shadow:0 10px 28px rgba(16,33,54,.06)}.proxy-plan-row[hidden]{display:none}
.proxy-plan-country{display:flex;align-items:center;gap:10px}.proxy-plan-country>div{display:grid;gap:3px}.proxy-plan-country small{color:var(--muted);font-size:11px;font-weight:800}
.proxy-plan-main h3{margin:0 0 5px;font-size:17px}.proxy-plan-main p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.proxy-plan-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.proxy-plan-facts>div{display:grid;gap:4px;padding:9px;border-radius:10px;background:var(--surface-2)}.proxy-plan-facts dt{color:var(--muted);font-size:11px;font-weight:800}.proxy-plan-facts dd{margin:0;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}
.proxy-plan-buy{display:grid;justify-items:end;gap:10px;text-align:right}.proxy-plan-buy>div{display:grid}.proxy-plan-buy>div strong{font-size:27px;line-height:1}.proxy-plan-buy small{margin-top:5px;color:var(--muted);font-size:11px;font-weight:800}.proxy-plan-buy form,.proxy-plan-buy .button{width:100%}
.proxy-subscriptions-section{display:grid;gap:14px;margin:22px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 2px}.section-heading h2{margin:0 0 4px}.section-heading p{margin:0;color:var(--muted)}
.proxy-subscription-list{display:grid;gap:14px}.proxy-subscription-card{margin:0;padding:0;overflow:hidden}.proxy-subscription-card.status-active{border-color:#b9dfd0}.proxy-subscription-card.status-exhausted,.proxy-subscription-card.status-expired,.proxy-subscription-card.status-paused{border-color:#e2c792}.proxy-subscription-card.status-provisioning_failed,.proxy-subscription-card.status-revoked{border-color:#e8b8b4}
.proxy-subscription-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px;border-bottom:1px solid var(--line);background:var(--surface-2)}.proxy-subscription-identity{display:flex;align-items:center;gap:13px}.proxy-subscription-identity>div{display:grid;justify-items:start;gap:4px}.proxy-subscription-identity h3{margin:0;font-size:21px}.proxy-subscription-identity p{margin:0;color:var(--muted);font-size:12px}.proxy-subscription-identity code{color:var(--ink)}
.proxy-expiry{display:grid;justify-items:end;gap:3px;text-align:right}.proxy-expiry>span,.proxy-expiry small{color:var(--muted);font-size:12px;font-weight:800}.proxy-expiry strong{font-size:14px}
.proxy-usage-block{display:grid;gap:9px;padding:18px 20px 13px}.proxy-usage-copy{display:flex;align-items:end;justify-content:space-between;gap:16px}.proxy-usage-copy>div{display:flex;align-items:baseline;gap:12px}.proxy-usage-copy span{color:var(--muted);font-size:12px;font-weight:800}.proxy-usage-copy strong{font-size:16px}.proxy-usage-track{height:9px;overflow:hidden;border-radius:999px;background:#e4ebf2}.proxy-usage-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.status-exhausted .proxy-usage-track i{background:var(--warning)}.proxy-usage-meta{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px;font-weight:750}
.proxy-state-guidance{display:flex;justify-content:space-between;gap:16px;margin:0 20px 15px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:12px}.proxy-state-guidance.success{border-color:#b9dfd0;background:#f0faf6;color:#0f7655}.proxy-state-guidance.warning{border-color:#e2c792;background:#fff9ee;color:#88500d}.proxy-state-guidance.danger{border-color:#e8b8b4;background:#fff4f3;color:#a73833}.proxy-state-guidance small{max-width:52%;overflow-wrap:anywhere}
.proxy-credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 20px 18px}.proxy-credential-grid label{display:grid;gap:6px;min-width:0}.proxy-credential-grid label>span{color:var(--muted);font-size:12px;font-weight:850}.proxy-credential-grid label.wide{grid-column:span 3}.proxy-field{display:flex;min-width:0;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);overflow:hidden}.proxy-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(19,138,99,.1)}.proxy-field input{min-width:0;height:38px;border:0;border-radius:0;background:transparent;box-shadow:none!important;font:750 12px/1 var(--mono)}.proxy-field button{flex:0 0 auto;border:0;border-left:1px solid var(--line);background:var(--surface-2);color:var(--info);padding:0 10px;font:850 11px/1 var(--font);cursor:pointer}.proxy-field button:hover{background:#eaf2fa}.proxy-field button.is-copied{background:#e9f8f1;color:var(--accent)}
.proxy-provisioning-placeholder{display:grid;gap:4px;margin:0 20px 18px;padding:17px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--surface-2)}.proxy-provisioning-placeholder span{color:var(--muted);font-size:13px}
.proxy-subscription-actions{display:flex;align-items:center;gap:9px;padding:13px 20px;border-top:1px solid var(--line);background:var(--surface-2)}.proxy-subscription-actions form{margin:0}
.proxy-stickiness-toggle{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 11px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.proxy-stickiness-toggle:hover{border-color:#9fb4c8;background:#f7fafc}.proxy-stickiness-toggle:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.12)}.proxy-toggle-track{position:relative;display:block;flex:0 0 auto;width:34px;height:20px;border-radius:999px;background:#aab7c5;transition:background .16s ease}.proxy-toggle-track i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(16,33,54,.25);transition:transform .16s ease}.proxy-stickiness-toggle.is-enabled .proxy-toggle-track{background:var(--accent)}.proxy-stickiness-toggle.is-enabled .proxy-toggle-track i{transform:translateX(14px)}.proxy-toggle-copy{display:grid;gap:2px;text-align:left;line-height:1.1}.proxy-toggle-copy strong{font-size:12px}.proxy-toggle-copy small{color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}.proxy-stickiness-toggle:disabled{cursor:wait;opacity:.66}
.proxy-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0}.proxy-empty-state .proxy-empty-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#eaf2fa;color:var(--info);font:900 14px/1 var(--mono)}.proxy-empty-state strong{font-size:17px}.proxy-empty-state p{margin:4px 0 0;color:var(--muted)}
.proxy-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:proxy-steps}.proxy-steps li{counter-increment:proxy-steps;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.proxy-steps li::before{content:counter(proxy-steps);grid-row:span 2;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#dcebf8;color:var(--info);font-weight:900}.proxy-steps span{color:var(--muted);font-size:12px;line-height:1.5}.proxy-order-ledger{margin-top:18px}
.proxy-admin-cockpit{grid-template-columns:minmax(0,1fr) minmax(600px,1.08fr)}.proxy-pool-health.is-down{border-color:#e8b8b4}.proxy-health-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}.proxy-health-facts>div{display:grid;gap:6px;padding:13px;border-right:1px solid var(--line);background:var(--surface-2)}.proxy-health-facts>div:last-child{border-right:0}.proxy-health-facts span{color:var(--muted);font-size:12px;font-weight:800}.proxy-health-facts strong{font-size:14px}
.proxy-admin-plan-list{display:grid;gap:12px}.proxy-plan-admin-row{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr)) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.proxy-plan-admin-row label{min-width:0;font-size:11px}.proxy-plan-admin-row input,.proxy-plan-admin-row select{min-width:0}.proxy-plan-admin-title{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.proxy-plan-admin-title>div{display:grid;margin-right:auto}.proxy-plan-admin-title small{color:var(--muted);font:700 11px/1.4 var(--mono)}.proxy-plan-admin-row label.wide{grid-column:span 2}.proxy-new-plan{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.proxy-new-plan summary{padding:13px 15px;font-weight:850;cursor:pointer}.proxy-new-plan .settings-grid{padding:0 15px 15px}.proxy-admin-subscriptions small{display:block;margin-top:4px;color:var(--muted);max-width:260px}.proxy-admin-actions{display:flex;gap:6px}.proxy-admin-actions form{margin:0}
@media (prefers-color-scheme:dark){.proxy-country-tab.is-active,.proxy-state-guidance.success{background:#0f2a23}.proxy-country-code,.proxy-steps li::before{background:#15263a;color:#9ac9f0}.proxy-plan-row,.proxy-field,.proxy-new-plan{background:#111b2a}.proxy-plan-facts>div,.proxy-subscription-head,.proxy-subscription-actions,.proxy-plan-admin-row{background:var(--surface-2)}.proxy-usage-track{background:#27364a}.proxy-field button{background:#182638}.proxy-field button:hover{background:#21344d}.proxy-stickiness-toggle:hover{background:#1d2a3c}.proxy-state-guidance.warning{background:#2b230f}.proxy-state-guidance.danger{background:#2d1818}.proxy-empty-state .proxy-empty-mark{background:#15263a}}
@media (max-width:1280px){.proxy-cockpit,.proxy-admin-cockpit{grid-template-columns:1fr}.proxy-plan-row{grid-template-columns:130px minmax(220px,1fr) minmax(360px,1.3fr)}.proxy-plan-buy{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end}.proxy-plan-buy form,.proxy-plan-buy .button{width:auto}.proxy-plan-admin-row{grid-template-columns:repeat(4,minmax(130px,1fr))}.proxy-plan-admin-row>.button{width:100%}}
@media (max-width:980px){.proxy-plan-row{grid-template-columns:140px 1fr}.proxy-plan-facts{grid-column:1/-1}.proxy-plan-buy{grid-column:1/-1}.proxy-credential-grid{grid-template-columns:1fr 1fr}.proxy-credential-grid label.wide{grid-column:span 2}.proxy-health-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.proxy-health-facts>div:nth-child(2){border-right:0}.proxy-health-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.proxy-steps{grid-template-columns:1fr}.proxy-plan-admin-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.proxy-hero-action,.section-heading,.proxy-usage-copy,.proxy-usage-copy>div,.proxy-usage-meta,.proxy-subscription-head,.proxy-subscription-actions,.proxy-plan-buy{align-items:stretch;display:grid}.proxy-hero-action .button{width:100%}.proxy-country-tab{min-width:132px}.proxy-plan-row{grid-template-columns:1fr;padding:13px}.proxy-plan-main,.proxy-plan-facts,.proxy-plan-buy{grid-column:auto}.proxy-plan-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.proxy-plan-buy{text-align:left;justify-items:stretch}.proxy-plan-buy form,.proxy-plan-buy .button{width:100%}.proxy-subscription-head{justify-items:start}.proxy-expiry{justify-items:start;text-align:left}.proxy-usage-copy>div{gap:3px}.proxy-usage-meta{gap:5px}.proxy-state-guidance{display:grid}.proxy-state-guidance small{max-width:none}.proxy-credential-grid{grid-template-columns:1fr;padding-inline:14px}.proxy-credential-grid label.wide{grid-column:auto}.proxy-field button{padding:0 8px}.proxy-subscription-head,.proxy-usage-block,.proxy-subscription-actions{padding-inline:14px}.proxy-state-guidance,.proxy-provisioning-placeholder{margin-inline:14px}.proxy-subscription-actions .button,.proxy-subscription-actions form,.proxy-stickiness-toggle{width:100%}.proxy-stickiness-toggle{justify-content:flex-start}.proxy-empty-state{grid-template-columns:1fr;justify-items:start}.proxy-health-facts,.proxy-plan-admin-row{grid-template-columns:1fr}.proxy-health-facts>div{border-right:0;border-bottom:1px solid var(--line)}.proxy-health-facts>div:last-child{border-bottom:0}.proxy-plan-admin-row label.wide{grid-column:auto}.proxy-plan-admin-title{align-items:flex-start}.proxy-admin-actions{display:grid}.proxy-admin-actions .button{width:100%}.proxy-order-table thead{display:none}.proxy-order-table,.proxy-order-table tbody,.proxy-order-table tr,.proxy-order-table td{display:block;width:100%}.proxy-order-table tbody{display:grid;gap:10px}.proxy-order-table tr{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.proxy-order-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:7px 0;border:0;text-align:right;white-space:normal}.proxy-order-table td::before{content:attr(data-label);flex:0 0 58px;color:var(--muted);font-weight:850;text-align:left}.proxy-order-table td strong{overflow-wrap:anywhere}}
@media (prefers-reduced-motion:reduce){.proxy-country-tab,.proxy-plan-row,.proxy-usage-track i{transition:none}}

/* Mysterium upstream funding: balance, burn rate, hosted top-up, and order status */
.myst-funding-panel{scroll-margin-top:18px}.myst-funding-panel.tone-danger{border-color:#e8b8b4}.myst-funding-panel.tone-warning{border-color:#e2c792}.myst-funding-head{align-items:center}.myst-head-actions{display:flex;align-items:center;gap:9px}.myst-funding-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface)}
.myst-balance-ledger{display:grid;align-content:start;gap:20px;padding:22px;background:#132641;color:#f4f8fc}.myst-balance-main>span{color:#aebed2;font-size:13px;font-weight:850}.myst-balance-main>strong{display:block;margin:9px 0 6px;font-size:38px;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.myst-balance-main>strong small{font-size:14px;letter-spacing:0;color:#aebed2}.myst-balance-main>p{margin:0;color:#aebed2;font-size:12px}.myst-burn-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-block:1px solid rgba(255,255,255,.14)}.myst-burn-facts>div{display:grid;gap:5px;padding:14px 12px;border-right:1px solid rgba(255,255,255,.14)}.myst-burn-facts>div:first-child{padding-left:0}.myst-burn-facts>div:last-child{padding-right:0;border-right:0}.myst-burn-facts dt,.myst-burn-facts small{color:#aebed2;font-size:11px;font-weight:750}.myst-burn-facts dd{margin:0;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.myst-balance-alert{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:start;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.06);font-size:12px}.myst-balance-alert span{color:#ced8e5;line-height:1.45}.myst-balance-alert.warning{border-color:rgba(235,188,96,.48);background:rgba(180,107,18,.2)}.myst-balance-alert.danger{border-color:rgba(239,146,140,.48);background:rgba(194,65,59,.2)}.myst-balance-alert.success{border-color:rgba(85,199,156,.42);background:rgba(19,138,99,.18)}
.myst-topup-form{display:grid;align-content:start;gap:15px;padding:22px;background:var(--surface)}.myst-topup-form h3{margin:0;font-size:18px}.myst-topup-form p{margin:5px 0 0;color:var(--muted);font-size:13px}.myst-topup-fields{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(180px,1.25fr);gap:11px}.myst-topup-fields label{font-size:12px}.myst-money-input{display:flex;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface)}.myst-money-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.12)}.myst-money-input b{display:grid;place-items:center;padding:0 11px;border-right:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.myst-money-input input{border:0;border-radius:0;box-shadow:none!important;font-variant-numeric:tabular-nums}.myst-topup-form .button.primary{width:100%}.myst-topup-form .button:disabled{cursor:not-allowed;box-shadow:none;opacity:.55}.myst-topup-status{min-height:20px!important;margin:0!important;line-height:1.45!important}.myst-topup-status.is-success{color:#0f7655}.myst-topup-status.is-error{color:#a73833}.myst-checkout-fallback{width:100%}
.myst-checkout-fallback[hidden]{display:none!important}
.myst-order-ledger{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.myst-order-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:13px}.myst-order-heading h3{margin:0;font-size:18px}.myst-order-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.myst-order-table code{white-space:nowrap}.myst-order-table td:nth-child(3),.myst-order-table td:nth-child(4){font-variant-numeric:tabular-nums;white-space:nowrap}
@media (prefers-color-scheme:dark){.myst-funding-layout,.myst-topup-form,.myst-money-input{background:#111b2a}.myst-money-input b{background:#1d2a3c}.myst-topup-status.is-success{color:#74d4b0}.myst-topup-status.is-error{color:#f2a39e}}
@media (max-width:1100px){.myst-funding-layout{grid-template-columns:1fr}.myst-topup-form{border-top:1px solid var(--line-strong)}}
@media (max-width:640px){.myst-funding-head,.myst-head-actions,.myst-order-heading{align-items:stretch;display:grid}.myst-head-actions{grid-template-columns:1fr auto}.myst-balance-ledger,.myst-topup-form{padding:16px}.myst-balance-main>strong{font-size:32px}.myst-burn-facts,.myst-topup-fields{grid-template-columns:1fr}.myst-burn-facts>div{padding:11px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.myst-burn-facts>div:last-child{border-bottom:0}.myst-balance-alert{grid-template-columns:1fr}.myst-order-table thead{display:none}.myst-order-table,.myst-order-table tbody,.myst-order-table tr,.myst-order-table td{display:block;width:100%}.myst-order-table tbody{display:grid;gap:10px}.myst-order-table tr{padding:11px 13px;border:1px solid var(--line);border-radius:12px}.myst-order-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:7px 0;border:0;text-align:right}.myst-order-table td::before{content:attr(data-label);color:var(--muted);font-weight:850;text-align:left}.myst-order-table td:last-child .button{width:auto}}

/* Factory task query and server-side pagination */
.factory-task-panel-head{align-items:flex-end}
.factory-task-filters{display:flex;align-items:end;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.factory-task-filters label{min-width:180px;gap:6px}
.factory-task-filters label:nth-child(2){min-width:118px}
.factory-task-filters label>span{color:var(--muted);font-size:12px;font-weight:850}
.factory-task-filters select{min-height:40px;padding-block:8px}
.factory-task-filter-actions{display:flex;align-items:center;gap:8px}
.factory-task-filter-actions .button{min-height:40px;padding:9px 13px}
.factory-task-panel>.factory-task-panel-head+form>.form-row{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.factory-task-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.factory-task-pagination>p{margin:0;color:var(--muted);font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}
.factory-task-pagination>p strong{color:var(--ink);font-family:var(--mono);font-size:12px}
.factory-task-page-controls,.factory-task-page-numbers{display:flex;align-items:center;gap:6px}
.factory-task-page-arrow,.factory-task-page-numbers a,.factory-task-page-numbers span{display:inline-grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:850;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.factory-task-page-arrow{min-width:62px;padding-inline:10px}
.factory-task-page-arrow:hover,.factory-task-page-numbers a:hover{border-color:var(--accent);background:#eef9f4;color:var(--accent)}
.factory-task-page-numbers span[aria-current="page"]{border-color:var(--accent);background:var(--accent);color:#fff}
.factory-task-page-arrow.is-disabled{border-color:var(--line);background:var(--surface-2);color:var(--muted);opacity:.58}
.factory-task-page-arrow:focus-visible,.factory-task-page-numbers a:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(19,138,99,.12)}
@media (prefers-color-scheme:dark){.factory-task-page-arrow,.factory-task-page-numbers a,.factory-task-page-numbers span{background:#111b2a}.factory-task-page-arrow:hover,.factory-task-page-numbers a:hover{background:#0f2a23}.factory-task-page-arrow.is-disabled{background:var(--surface-2)}}
@media (max-width:1180px){.factory-task-panel-head{display:grid}.factory-task-filters{justify-content:start}}
@media (max-width:760px){.factory-task-filters{display:grid;grid-template-columns:minmax(0,1fr) 120px;width:100%}.factory-task-filter-actions{grid-column:1/-1}.factory-task-pagination{align-items:flex-start;display:grid}.factory-task-page-controls{justify-content:space-between;width:100%}}
@media (max-width:520px){.factory-task-filters{grid-template-columns:1fr}.factory-task-filters label:nth-child(2),.factory-task-filter-actions{grid-column:auto}.factory-task-filter-actions{display:grid;grid-template-columns:1fr 1fr}.factory-task-page-numbers{display:none}.factory-task-page-arrow{min-width:0;flex:1}.factory-task-page-controls{gap:10px}}

/* Plus factory production ledger: isolated from payment-link and other admin surfaces. */
.page-factory{
  --factory-page:#eaf0f6;
  --factory-surface:#ffffff;
  --factory-surface-muted:#f3f7fa;
  --factory-surface-strong:#e7eef5;
  --factory-ink:#0e1a2a;
  --factory-muted:#5d6e82;
  --factory-line:#d3dee9;
  --factory-line-strong:#afbdcc;
  --factory-navy:#0d1b2e;
  --factory-navy-2:#132641;
  --factory-green:#138a63;
  --factory-green-hover:#0f7655;
  --factory-green-soft:#e8f6f0;
  --factory-green-line:#abd8c6;
  --factory-blue:#2563a7;
  --factory-blue-soft:#eaf2fb;
  --factory-blue-line:#bdd1e8;
  --factory-amber:#88500d;
  --factory-amber-soft:#fff6e8;
  --factory-amber-line:#e1c48e;
  --factory-red:#a73833;
  --factory-red-soft:#fff1f0;
  --factory-red-line:#e5b5b1;
  color:var(--factory-ink);
  background:var(--factory-page);
}
.page-factory .main-area{background:var(--factory-page)}
.page-factory .topbar{
  border-bottom-color:var(--factory-line);
  background:var(--factory-page);
  backdrop-filter:none;
  box-shadow:none;
}
.page-factory .sidebar,
.page-factory .brand-mark,
.page-factory .nav-item,
.page-factory .nav-item:hover,
.page-factory .nav-item.active,
.page-factory .account-chip{box-shadow:none}
.page-factory .topbar h1{color:var(--factory-ink)}
.page-factory .kicker{color:var(--factory-green)}
.page-factory .content{
  display:grid;
  gap:20px;
  width:100%;
  max-width:1640px;
  margin-inline:auto;
}
.page-factory .content>.panel,
.page-factory .content>.factory-cockpit,
.page-factory .content>.factory-stage-ledger{margin-bottom:0}
.page-factory #factory-new-batch,
.page-factory #factory-tasks{scroll-margin-top:112px}
.page-factory .panel{
  padding:22px;
  border:1px solid var(--factory-line);
  border-radius:16px;
  background:var(--factory-surface);
  box-shadow:none;
}
.page-factory .panel h2,
.page-factory .panel h3{color:var(--factory-ink)}
.page-factory .panel p{color:var(--factory-muted)}
.page-factory .panel-head{margin-bottom:18px}
.page-factory .panel-head p{max-width:72ch;text-wrap:pretty}
.page-factory .button{
  border-color:var(--factory-line-strong);
  background:var(--factory-surface);
  color:var(--factory-ink);
  box-shadow:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.page-factory .button:hover{
  border-color:#8799ab;
  background:var(--factory-surface-muted);
}
.page-factory .button.primary{
  border-color:var(--factory-green);
  background:var(--factory-green);
  color:#ffffff;
  box-shadow:none;
}
.page-factory .button.primary:hover{
  border-color:var(--factory-green-hover);
  background:var(--factory-green-hover);
}
.page-factory .button:disabled,
.page-factory input:disabled,
.page-factory select:disabled,
.page-factory textarea:disabled{cursor:not-allowed;opacity:.62}
.page-factory input,
.page-factory textarea,
.page-factory select{
  border-color:var(--factory-line-strong);
  background:var(--factory-surface);
  color:var(--factory-ink);
}
.page-factory label{color:var(--factory-ink)}
.page-factory input::placeholder,
.page-factory textarea::placeholder{color:#65768a;opacity:1}
.page-factory input:focus,
.page-factory textarea:focus,
.page-factory select:focus{
  border-color:var(--factory-green);
  box-shadow:0 0 0 4px rgba(19,138,99,.13);
}
.page-factory input[type="checkbox"],
.page-factory input[type="radio"]{
  width:18px;
  min-width:18px;
  height:18px;
  min-height:18px;
  padding:0;
  accent-color:var(--factory-green);
}
.page-factory :where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid rgba(19,138,99,.42);
  outline-offset:2px;
}
.page-factory .badge.success{background:var(--factory-green-soft);color:#0c6d4e}
.page-factory .badge.warning{background:var(--factory-amber-soft);color:var(--factory-amber)}
.page-factory .badge.info{background:var(--factory-blue-soft);color:#20598f}
.page-factory .badge.danger{background:var(--factory-red-soft);color:var(--factory-red)}
.page-factory .badge.neutral{background:var(--factory-surface-strong);color:#506176}

.page-factory .factory-cockpit{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  min-height:186px;
  padding:28px;
  overflow:hidden;
  border:1px solid #253b56;
  border-radius:16px;
  background:var(--factory-navy);
  color:#f4f8fc;
}
.page-factory .factory-cockpit-copy{display:grid;align-content:center;gap:10px;min-width:0}
.page-factory .factory-cockpit .trust-label{
  width:max-content;
  max-width:100%;
  margin:0;
  padding:7px 10px;
  border:1px solid rgba(127,218,184,.36);
  border-radius:999px;
  background:rgba(19,138,99,.18);
  color:#a6e5cb;
  font:850 12px/1.2 var(--mono);
  letter-spacing:0;
}
.page-factory .factory-cockpit h2{
  max-width:760px;
  margin:0;
  color:#ffffff;
  font-size:29px;
  line-height:1.14;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.page-factory .factory-cockpit p{
  max-width:72ch;
  margin:0;
  color:#bdcad9;
  line-height:1.65;
  text-wrap:pretty;
}
.page-factory .factory-cockpit-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.page-factory .factory-cockpit-actions .button{width:auto}
.page-factory .factory-cockpit-actions .button.ghost{
  border-color:#60758d;
  background:transparent;
  color:#e8eff7;
}
.page-factory .factory-cockpit-actions .button.ghost:hover{
  border-color:#9aabba;
  background:#172b43;
  color:#ffffff;
}

.page-factory .factory-stage-ledger{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--factory-line);
  border-radius:16px;
  background:var(--factory-surface);
}
.page-factory .factory-stage-ledger>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 12px;
  align-items:center;
  min-height:112px;
  padding:17px 18px;
  border-right:1px solid var(--factory-line);
}
.page-factory .factory-stage-ledger>div:last-child{border-right:0}
.page-factory .factory-stage-ledger span{
  color:var(--factory-muted);
  font-size:13px;
  font-weight:850;
}
.page-factory .factory-stage-ledger strong{
  grid-row:1/3;
  grid-column:2;
  color:var(--factory-ink);
  font:900 29px/1 var(--mono);
  font-variant-numeric:tabular-nums;
}
.page-factory .factory-stage-ledger small{color:var(--factory-muted);font-size:11px;font-weight:750}
.page-factory .factory-stage-ledger .is-final{
  border-color:var(--factory-green-line);
  background:var(--factory-green-soft);
}
.page-factory .factory-stage-ledger .is-final span,
.page-factory .factory-stage-ledger .is-final small{color:#39725e}
.page-factory .factory-stage-ledger .is-final strong{color:var(--factory-green-hover)}
.page-factory .factory-stage-ledger .is-final.is-codex{background:#edf6fd;border-color:#b8d6ee}
.page-factory .factory-stage-ledger .is-final.is-codex span,
.page-factory .factory-stage-ledger .is-final.is-codex small{color:#365f82}
.page-factory .factory-stage-ledger .is-final.is-codex strong{color:#2563b8}

.page-factory .factory-readiness{padding-bottom:18px}
.page-factory .factory-readiness-list{
  overflow:hidden;
  border:1px solid var(--factory-line);
  border-radius:12px;
  background:var(--factory-surface);
}
.page-factory .factory-readiness-row{
  display:grid;
  grid-template-columns:12px minmax(180px,1fr) auto minmax(190px,.7fr);
  gap:14px;
  align-items:center;
  min-height:65px;
  padding:12px 14px;
  border-bottom:1px solid var(--factory-line);
}
.page-factory .factory-readiness-row:last-child{border-bottom:0}
.page-factory .factory-readiness-row>div{display:grid;gap:4px;min-width:0}
.page-factory .factory-readiness-row strong{font-size:14px}
.page-factory .factory-readiness-row small{
  color:var(--factory-muted);
  font-size:12px;
  font-weight:700;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.page-factory .factory-readiness-mark{
  width:10px;
  height:10px;
  border:2px solid #8292a5;
  border-radius:50%;
  background:var(--factory-surface);
}
.page-factory .factory-readiness-state{
  display:inline-flex;
  justify-content:center;
  min-width:58px;
  padding:5px 8px;
  border-radius:999px;
  background:var(--factory-surface-strong);
  color:#526377;
  font-size:12px;
  font-weight:850;
}
.page-factory .factory-readiness-action{text-align:right}
.page-factory .factory-readiness-row[data-state="ready"] .factory-readiness-mark{
  border-color:var(--factory-green);
  background:var(--factory-green);
}
.page-factory .factory-readiness-row[data-state="ready"] .factory-readiness-state{
  background:var(--factory-green-soft);
  color:#0c6d4e;
}
.page-factory .factory-readiness-row[data-state="ready"] .factory-readiness-action{display:none}
.page-factory .factory-readiness-row[data-state="blocked"]{background:var(--factory-amber-soft)}
.page-factory .factory-readiness-row[data-state="blocked"] .factory-readiness-mark{
  border-color:#b46b12;
  background:#b46b12;
}
.page-factory .factory-readiness-row[data-state="blocked"] .factory-readiness-state{
  background:#f7e4bd;
  color:#75440b;
}
.page-factory .factory-readiness-row[data-state="blocked"] .factory-readiness-action{color:var(--factory-amber)}
.page-factory .factory-readiness-row[data-state="unknown"]{background:var(--factory-amber-soft)}
.page-factory .factory-readiness-row[data-state="unknown"] .factory-readiness-mark{border-color:var(--factory-amber);background:transparent}
.page-factory .factory-readiness-row[data-state="unknown"] .factory-readiness-state{background:#f7e4bd;color:#75440b}
.page-factory .factory-readiness-row[data-state="unknown"] .factory-readiness-action{color:var(--factory-amber)}
.page-factory .factory-readiness[data-state="unknown"] .factory-readiness-list{border-color:var(--factory-amber-line)}
.page-factory .factory-readiness[aria-busy="true"] .factory-readiness-list{opacity:.72}

.page-factory .factory-batch-composer{padding-bottom:0;overflow:hidden}
.page-factory .factory-batch-composer>.panel-head{margin-bottom:20px}
.page-factory .factory-source-switch{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}
.page-factory .factory-source-switch>label{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
  min-height:88px;
  padding:14px 72px 14px 14px;
  border:1px solid var(--factory-line-strong);
  border-radius:12px;
  background:var(--factory-surface);
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease;
}
.page-factory .factory-source-switch>label:hover{
  border-color:#7f938f;
  background:var(--factory-surface-muted);
}
.page-factory .factory-source-switch>label:has(input:checked){
  border-color:var(--factory-green);
  background:var(--factory-green-soft);
}
.page-factory .factory-source-switch>label:focus-within{
  border-color:var(--factory-green);
  box-shadow:0 0 0 4px rgba(19,138,99,.13);
}
.page-factory .factory-source-switch input{flex:0 0 18px;margin:2px 0 0}
.page-factory .factory-source-switch .factory-source-copy{display:grid;gap:5px;min-width:0}
.page-factory .factory-source-switch strong{color:var(--factory-ink);font-size:15px;line-height:1.3}
.page-factory .factory-source-switch small{
  color:var(--factory-muted);
  font:700 11px/1.45 var(--mono);
  overflow-wrap:anywhere;
}
.page-factory .factory-source-switch .factory-source-detail{
  color:var(--factory-muted);
  font:700 11px/1.45 var(--sans);
}
.page-factory .factory-source-state{
  position:absolute;
  top:12px;
  right:12px;
  padding:4px 7px;
  border-radius:999px;
  background:var(--factory-amber-soft);
  color:var(--factory-amber);
  font-size:10px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
}
.page-factory .factory-source-switch>label[data-readiness="ready"] .factory-source-state{
  background:var(--factory-green-soft);
  color:#0c6d4e;
}
.page-factory .factory-source-switch>label[data-readiness="checking"] .factory-source-state{
  background:var(--factory-surface-strong);
  color:#526377;
}
.page-factory .factory-source-switch>label[data-readiness="degraded"] .factory-source-state{
  background:var(--factory-amber-soft);
  color:var(--factory-amber);
}
.page-factory .factory-source-switch>label[data-readiness="degraded"]{border-color:var(--factory-amber-line)}
.page-factory .factory-source-switch>label[data-readiness="blocked"]{border-color:var(--factory-amber-line)}
.page-factory .factory-source-switch:has(+ .factory-hme-guide[hidden]){margin-bottom:22px}
.page-factory .factory-hme-guide{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  padding:12px 14px;
  border:1px solid var(--factory-line);
  border-radius:12px;
  background:var(--factory-surface-muted);
}
.page-factory .factory-hme-guide[hidden]{display:none!important}
.page-factory .factory-hme-guide>div{display:grid;gap:4px;min-width:0}
.page-factory .factory-hme-guide strong{font-size:13px;line-height:1.4}
.page-factory .factory-hme-guide small{
  color:var(--factory-muted);
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.page-factory .factory-hme-guide-status{flex:0 1 390px;text-align:right}
.page-factory .factory-hme-guide-status>span{
  justify-self:end;
  padding:4px 8px;
  border-radius:999px;
  background:var(--factory-surface-strong);
  color:#526377;
  font-size:10px;
  font-weight:850;
}
.page-factory .factory-hme-guide[data-state="ready"] .factory-hme-guide-status>span{
  background:var(--factory-green-soft);
  color:#0c6d4e;
}
.page-factory .factory-hme-guide[data-state="degraded"]{
  border-color:var(--factory-amber-line);
  background:var(--factory-amber-soft);
}
.page-factory .factory-hme-guide[data-state="degraded"] .factory-hme-guide-status>span,
.page-factory .factory-hme-guide[data-state="blocked"] .factory-hme-guide-status>span{
  background:#f7e4bd;
  color:#75440b;
}
.page-factory .factory-hme-guide[data-state="blocked"]{
  border-color:var(--factory-amber-line);
  background:var(--factory-amber-soft);
}
.page-factory .factory-batch-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);
  gap:24px;
  align-items:start;
}
.page-factory .factory-batch-material{display:grid;gap:15px;min-width:0}
.page-factory .factory-batch-material>label{min-width:0}
.page-factory .factory-email-list-field textarea{
  min-height:250px;
  font:700 12px/1.65 var(--mono);
  tab-size:2;
}
.page-factory .factory-email-list-field>small{
  color:var(--factory-muted);
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}
.page-factory .factory-batch-policy{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
  padding-left:24px;
  border-left:1px solid var(--factory-line);
}
.page-factory .factory-batch-policy h3{grid-column:1/-1;margin-bottom:1px}
.page-factory .factory-batch-policy>label:not(.factory-policy-toggle){min-width:0;font-size:12px}
.page-factory .factory-policy-toggle{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
  padding:12px;
  border:1px solid var(--factory-line);
  border-radius:12px;
  background:var(--factory-surface-muted);
  cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease;
}
.page-factory .factory-policy-toggle:hover{border-color:var(--factory-line-strong)}
.page-factory .factory-policy-toggle:focus-within{
  border-color:var(--factory-green);
  box-shadow:0 0 0 4px rgba(19,138,99,.12);
}
.page-factory .factory-policy-toggle:has(input:checked){
  border-color:var(--factory-green-line);
  background:var(--factory-green-soft);
}
.page-factory .factory-policy-toggle[data-readiness="blocked"]{
  border-color:var(--factory-amber-line);
  background:var(--factory-amber-soft);
  cursor:not-allowed;
}
.page-factory .factory-policy-toggle[hidden]{display:none!important}
.page-factory .factory-policy-toggle input{flex:0 0 18px;margin:2px 0 0}
.page-factory .factory-policy-toggle>span{display:grid;gap:5px;min-width:0}
.page-factory .factory-policy-toggle strong{font-size:14px;line-height:1.35}
.page-factory .factory-policy-toggle strong em{
  display:inline-flex;
  margin-left:6px;
  padding:3px 6px;
  border-radius:999px;
  background:var(--factory-surface-strong);
  color:var(--factory-muted);
  font-size:10px;
  font-style:normal;
  font-weight:850;
  vertical-align:2px;
}
.page-factory .factory-policy-toggle:has(input:checked) strong em{
  background:#d8f0e6;
  color:#0c6d4e;
}
.page-factory .factory-policy-toggle small{
  color:var(--factory-muted);
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}
.page-factory .factory-import-preview{
  display:grid;
  grid-template-columns:130px 130px minmax(220px,1fr) auto;
  gap:0;
  align-items:stretch;
  margin:24px -22px 0;
  padding:0 22px;
  border-radius:0 0 15px 15px;
  background:var(--factory-navy);
  color:#f3f7fb;
}
.page-factory .factory-import-preview>div{
  display:grid;
  align-content:center;
  gap:5px;
  min-width:0;
  min-height:92px;
  padding:14px 18px;
  border-right:1px solid rgba(255,255,255,.13);
}
.page-factory .factory-import-preview>div:first-child{padding-left:0}
.page-factory .factory-import-preview>div>span{color:#aebfd1;font-size:11px;font-weight:800}
.page-factory .factory-import-preview>div>strong{
  color:#ffffff;
  font:900 22px/1.1 var(--mono);
  font-variant-numeric:tabular-nums;
}
.page-factory .factory-import-preview-message strong{font:850 14px/1.35 var(--sans)!important}
.page-factory .factory-import-preview-message small{
  color:#ffc1bc;
  font-size:11px;
  font-weight:750;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.page-factory [data-factory-preview-state][data-tone="success"]{color:#9be0c4!important}
.page-factory [data-factory-preview-state][data-tone="loading"]{color:#b9d9f3!important}
.page-factory [data-factory-preview-state][data-tone="error"]{color:#ffc1bc!important}
.page-factory .factory-import-preview>.button{
  align-self:center;
  width:auto;
  margin-left:20px;
}
.page-factory [data-factory-batch-form][aria-busy="true"] .factory-source-switch,
.page-factory [data-factory-batch-form][aria-busy="true"] .factory-batch-grid{opacity:.78}

.page-factory .factory-batch-history{padding-bottom:10px}
.page-factory .factory-batch-list{border-top:1px solid var(--factory-line)}
.page-factory .factory-batch-row{
  display:grid;
  grid-template-columns:minmax(220px,1.6fr) minmax(130px,.8fr) repeat(3,minmax(80px,.55fr)) auto;
  gap:14px;
  align-items:center;
  min-height:68px;
  padding:11px 2px;
  border-bottom:1px solid var(--factory-line);
}
.page-factory .factory-batch-row:last-child{border-bottom:0}
.page-factory .factory-batch-row>div{display:grid;gap:4px;min-width:0}
.page-factory .factory-batch-task-link{display:grid;gap:4px;min-width:0;color:inherit;text-decoration:none}
.page-factory .factory-batch-task-link small{transition:color .16s ease}
.page-factory .factory-batch-task-link:hover strong,
.page-factory .factory-batch-task-link:focus-visible strong{color:var(--factory-accent)}
.page-factory .factory-batch-task-link:focus-visible{outline:2px solid color-mix(in srgb,var(--factory-accent) 45%,transparent);outline-offset:4px;border-radius:4px}
.page-factory .factory-batch-row.is-selected{background:color-mix(in srgb,var(--factory-accent) 5%,transparent)}
.page-factory .factory-batch-row.is-selected .factory-batch-task-link small{color:var(--factory-accent)}
.page-factory .factory-batch-source{display:grid;gap:3px;min-width:0}
.page-factory .factory-batch-row>div strong{overflow-wrap:anywhere}
.page-factory .factory-batch-row small,
.page-factory .factory-batch-row>span:not(.badge){color:var(--factory-muted);font-size:12px;font-weight:750}
.page-factory .factory-batch-row .badge{justify-self:end}

.page-factory .factory-task-panel{min-width:0}
.page-factory .factory-task-panel-head{align-items:flex-end}
.page-factory .factory-task-filters{gap:9px}
.page-factory .factory-task-filters label{color:var(--factory-ink)}
.page-factory .factory-task-filters label>span{color:var(--factory-muted)}
.page-factory .factory-task-filter-actions{display:flex;gap:8px}
.page-factory .factory-task-table-wrap{
  border-color:var(--factory-line);
  border-radius:12px;
  box-shadow:none;
}
.page-factory .factory-task-table{
  min-width:1140px;
  background:var(--factory-surface);
  table-layout:fixed;
}
.page-factory .factory-task-table th{
  padding-block:12px;
  background:var(--factory-surface-muted);
  color:#4e6075;
  font-size:12px;
  letter-spacing:0;
}
.page-factory .factory-task-table th:nth-child(1){width:48px}
.page-factory .factory-task-table th:nth-child(2){width:23%}
.page-factory .factory-task-table th:nth-child(3){width:23%}
.page-factory .factory-task-table th:nth-child(4){width:13%}
.page-factory .factory-task-table th:nth-child(5){width:18%}
.page-factory .factory-task-table th:nth-child(6){width:auto}
.page-factory .factory-task-table td{
  padding:13px 12px;
  border-bottom-color:var(--factory-line);
  color:var(--factory-ink);
  overflow-wrap:anywhere;
}
.page-factory .factory-task-table tbody tr:hover td{background:#f8fbfd}
.page-factory .factory-task-table td>strong{font-size:13px}
.page-factory .factory-task-table td>small{
  color:var(--factory-muted);
  font-size:11px;
  line-height:1.45;
}
.page-factory .factory-task-table td:nth-child(1){text-align:center}
.page-factory .factory-task-table td:nth-child(1) input{margin:0 auto}
.page-factory .factory-task-table [data-factory-progress]{min-width:0}
.page-factory .factory-task-progress{min-width:0}
.page-factory .factory-task-progress>div>strong{color:var(--factory-blue)}
.page-factory .factory-task-progress>small{color:var(--factory-muted)!important}
.page-factory .factory-task-progress-track{background:#dbe5ee}
.page-factory .factory-task-progress[data-state="pending"]>div>strong,
.page-factory .factory-task-progress[data-state="warning"]>div>strong{color:var(--factory-amber)}
.page-factory .factory-task-progress[data-state="pending"] .factory-task-progress-track>i,
.page-factory .factory-task-progress[data-state="warning"] .factory-task-progress-track>i{background:#b46b12}
.page-factory .factory-task-progress[data-state="success"]>div>strong{color:var(--factory-green-hover)}
.page-factory .factory-task-progress[data-state="success"] .factory-task-progress-track>i{background:var(--factory-green)}
.page-factory .factory-task-progress[data-state="failed"]>div>strong{color:var(--factory-red)}
.page-factory .factory-task-progress[data-state="failed"] .factory-task-progress-track>i{background:#c2413b}
.page-factory .factory-task-progress[data-state="running"]>div>strong{color:var(--factory-blue)}
.page-factory .factory-task-progress[data-state="running"] .factory-task-progress-track>i{background:#397bbd}
.page-factory [data-factory-codex-error]:not([hidden]){
  display:block;
  margin-top:6px;
  color:var(--factory-red);
  font-size:11px;
  line-height:1.4;
}
.page-factory [data-factory-eligibility],
.page-factory [data-factory-error]{min-width:0}
.page-factory .factory-error-summary{color:var(--factory-red);font-weight:750;line-height:1.45}
.page-factory .factory-dispatch-bar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-top:14px;
  padding:14px 16px;
  border:1px solid var(--factory-line);
  border-radius:12px;
  background:var(--factory-surface-muted);
}
.page-factory .factory-dispatch-bar>label{width:150px;font-size:12px}
.page-factory .factory-dispatch-bar>div{display:flex;gap:9px}
.page-factory .factory-task-pagination{border-top-color:var(--factory-line)}
.page-factory .factory-task-pagination>p{color:var(--factory-muted)}
.page-factory .factory-task-page-arrow,
.page-factory .factory-task-page-numbers a,
.page-factory .factory-task-page-numbers span{
  border-color:var(--factory-line-strong);
  background:var(--factory-surface);
  color:var(--factory-ink);
}
.page-factory .factory-task-page-arrow:hover,
.page-factory .factory-task-page-numbers a:hover{
  border-color:var(--factory-green);
  background:var(--factory-green-soft);
  color:var(--factory-green-hover);
}
.page-factory .factory-task-page-numbers span[aria-current="page"]{
  border-color:var(--factory-green);
  background:var(--factory-green);
  color:#ffffff;
}
.page-factory .factory-task-page-arrow.is-disabled{
  border-color:var(--factory-line);
  background:var(--factory-surface-muted);
  color:var(--factory-muted);
}

.page-factory .factory-settings-drawer{padding:0;overflow:hidden}
.page-factory .factory-settings-drawer summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:72px;
  padding:17px 20px;
  cursor:pointer;
  list-style:none;
  transition:background-color .18s ease;
}
.page-factory .factory-settings-drawer summary::-webkit-details-marker{display:none}
.page-factory .factory-settings-drawer summary:hover{background:var(--factory-surface-muted)}
.page-factory .factory-settings-drawer summary>span:first-child{display:grid;gap:4px}
.page-factory .factory-settings-drawer summary strong{font-size:16px}
.page-factory .factory-settings-drawer summary small{color:var(--factory-muted);font-size:12px;font-weight:700}
.page-factory .factory-settings-drawer summary>span:last-child{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--factory-green-hover);
  font-size:0;
  font-weight:850;
}
.page-factory .factory-settings-drawer summary>span:last-child::before{content:"展开";font-size:12px}
.page-factory .factory-settings-drawer summary>span:last-child::after{
  content:"";
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}
.page-factory .factory-settings-drawer[open] summary{
  border-bottom:1px solid var(--factory-line);
  background:var(--factory-surface-muted);
}
.page-factory .factory-settings-drawer[open] summary>span:last-child::before{content:"收起"}
.page-factory .factory-settings-drawer[open] summary>span:last-child::after{transform:rotate(225deg) translate(-1px,-1px)}
.page-factory .factory-settings-form{
  grid-template-columns:minmax(150px,.32fr) minmax(150px,.32fr) minmax(150px,.34fr) minmax(280px,1.1fr) auto;
  padding:20px;
}
.page-factory .factory-settings-form label>small{color:var(--factory-muted)}

.page-factory .inventory-pool-panel{min-width:0}
.page-factory .inventory-pool-head{align-items:center}
.page-factory .inventory-import-console{
  border-color:var(--factory-line-strong);
  background:var(--factory-surface-muted);
}
.page-factory .inventory-import-intro span,
.page-factory .inventory-session-field small{color:var(--factory-muted)}
.page-factory .inventory-import-confirm{
  border-color:var(--factory-amber-line);
  background:var(--factory-amber-soft);
  color:#74440c;
}
.page-factory .inventory-codex-form{display:grid;gap:14px;min-width:0}
.page-factory .inventory-codex-console{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(185px,.55fr) 78px 100px auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid var(--factory-line-strong);
  border-radius:12px;
  background:var(--factory-surface-muted);
  transition:border-color .18s ease,background-color .18s ease;
}
.page-factory .inventory-codex-console[data-state="ready"]{
  border-color:var(--factory-green-line);
  background:var(--factory-green-soft);
}
.page-factory .inventory-codex-console[data-state="blocked"],
.page-factory .inventory-codex-console[data-state="failed"]{
  border-color:var(--factory-amber-line);
  background:var(--factory-amber-soft);
}
.page-factory .inventory-codex-summary{display:grid;gap:3px;min-width:0}
.page-factory .inventory-codex-summary>strong{font-size:15px;line-height:1.35}
.page-factory .inventory-codex-summary>small{
  color:var(--factory-muted);
  font-size:11px;
  font-weight:700;
  line-height:1.45;
}
.page-factory .inventory-codex-select-all{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-width:0;
  margin:0;
  cursor:pointer;
}
.page-factory .inventory-codex-select-all>input{flex:0 0 18px;margin:1px 0 0}
.page-factory .inventory-codex-select-all>span{display:grid;gap:2px;min-width:0}
.page-factory .inventory-codex-select-all strong{font-size:12px;line-height:1.3}
.page-factory .inventory-codex-select-all small{color:var(--factory-muted);font-size:10px;font-weight:700;line-height:1.35}
.page-factory .inventory-codex-select-all small b{color:var(--factory-ink);font-family:var(--mono);font-weight:850}
.page-factory .inventory-codex-count{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:center;gap:2px 4px;text-align:center}
.page-factory .inventory-codex-count>span{grid-column:1/-1;color:var(--factory-muted);font-size:10px;font-weight:800}
.page-factory .inventory-codex-count>strong{font:900 21px/1 var(--mono);font-variant-numeric:tabular-nums}
.page-factory .inventory-codex-count>small{color:var(--factory-muted);font:750 10px/1.2 var(--mono)}
.page-factory .inventory-codex-workers{gap:5px;margin:0;color:var(--factory-muted);font-size:10px}
.page-factory .inventory-codex-workers input{min-height:34px;padding:7px 8px}
.page-factory .inventory-codex-console>.button{width:auto;white-space:nowrap}
.page-factory .inventory-codex-console>.button.primary{
  border-color:#0f7655;
  background:#0f7655;
}
.page-factory .inventory-codex-console>.button.primary:hover{
  border-color:#0b6549;
  background:#0b6549;
}
.page-factory .inventory-codex-check-head{width:54px;text-align:center}
.page-factory .inventory-codex-choice{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-8px;cursor:pointer}
.page-factory .inventory-codex-choice input{margin:0}
.page-factory .inventory-table tr[data-codex-selected="true"] td{background:var(--factory-green-soft)}
.page-factory .inventory-table tr[data-codex-selectable="false"] .inventory-codex-choice{cursor:not-allowed;opacity:.48}
.page-factory .inventory-table{
  min-width:1320px;
  background:var(--factory-surface);
}
.page-factory .inventory-table th{background:var(--factory-surface-muted);color:#4e6075}
.page-factory .inventory-table td{border-bottom-color:var(--factory-line)}
.page-factory .inventory-table tbody tr:hover td{background:#f8fbfd}

@media (prefers-color-scheme:dark){
  .page-factory{
    --factory-page:#0e1722;
    --factory-surface:#141f2d;
    --factory-surface-muted:#1a2737;
    --factory-surface-strong:#243347;
    --factory-ink:#edf3f9;
    --factory-muted:#a9b8c9;
    --factory-line:#304156;
    --factory-line-strong:#465c75;
    --factory-navy:#091522;
    --factory-navy-2:#10243a;
    --factory-green:#39b58a;
    --factory-green-hover:#51c99e;
    --factory-green-soft:#102b23;
    --factory-green-line:#28664f;
    --factory-blue:#85bdf0;
    --factory-blue-soft:#172c42;
    --factory-blue-line:#345c82;
    --factory-amber:#f0c47e;
    --factory-amber-soft:#2b2418;
    --factory-amber-line:#725a32;
    --factory-red:#f2a39e;
    --factory-red-soft:#321d20;
    --factory-red-line:#794247;
  }
  .page-factory .topbar{background:var(--factory-page)}
  .page-factory .topbar h1,
  .page-factory .panel h2,
  .page-factory .panel h3{color:var(--factory-ink)}
  .page-factory .account-chip{border-color:var(--factory-line);background:var(--factory-surface)}
  .page-factory input::placeholder,
  .page-factory textarea::placeholder{color:#91a2b5}
  .page-factory .button:hover{border-color:#647b94;background:#213044}
  .page-factory .button.primary{border-color:#248f6b;background:#248f6b;color:#ffffff}
  .page-factory .button.primary:hover{border-color:#2ca77d;background:#2ca77d}
  .page-factory .badge.success{color:#91dfbe}
  .page-factory .badge.warning{color:#f3ca87}
  .page-factory .badge.info{color:#9ccaf1}
  .page-factory .badge.danger{color:#f4aaa5}
  .page-factory .badge.neutral{color:#c0ccda}
  .page-factory .factory-cockpit{border-color:#2c425a;background:var(--factory-navy)}
  .page-factory .factory-cockpit .trust-label{color:#9ce0c4}
  .page-factory .factory-stage-ledger .is-final span,
  .page-factory .factory-stage-ledger .is-final small{color:#9ed8c0}
  .page-factory .factory-stage-ledger .is-final strong{color:#7bd4ae}
  .page-factory .factory-stage-ledger .is-final.is-codex{background:#172a3c;border-color:#36536e}
  .page-factory .factory-stage-ledger .is-final.is-codex span,
  .page-factory .factory-stage-ledger .is-final.is-codex small{color:#a7cce9}
  .page-factory .factory-stage-ledger .is-final.is-codex strong{color:#8fc1eb}
  .page-factory .factory-readiness-row[data-state="blocked"] .factory-readiness-state{background:#49391f;color:#f5d49c}
  .page-factory .factory-readiness-row[data-state="unknown"] .factory-readiness-state{background:#49391f;color:#f5d49c}
  .page-factory .factory-readiness-mark{background:var(--factory-surface)}
  .page-factory .factory-source-switch>label:hover{border-color:#6e8399;background:#1d2c3d}
  .page-factory .factory-source-switch>label[data-readiness="ready"] .factory-source-state{color:#91dfbe}
  .page-factory .factory-source-switch>label[data-readiness="checking"] .factory-source-state{color:#c0ccda}
  .page-factory .factory-source-switch>label[data-readiness="degraded"] .factory-source-state,
  .page-factory .factory-source-switch>label[data-readiness="blocked"] .factory-source-state{color:#f3ca87}
  .page-factory .factory-task-table,
  .page-factory .inventory-table{background:var(--factory-surface)}
  .page-factory .factory-task-table th,
  .page-factory .inventory-table th{color:#b5c4d5}
  .page-factory .factory-task-table tbody tr:hover td,
  .page-factory .inventory-table tbody tr:hover td{background:#182536}
  .page-factory .factory-task-progress-track{background:#2d3e52}
  .page-factory .factory-task-page-arrow:hover,
  .page-factory .factory-task-page-numbers a:hover{color:#8bdcba}
  .page-factory .inventory-import-confirm{color:#f3cf92}
  .page-factory .inventory-codex-console[data-state="blocked"],
  .page-factory .inventory-codex-console[data-state="failed"]{background:#2b230f}
}

@media (max-width:1280px){
  .page-factory .factory-batch-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px}
  .page-factory .factory-import-preview{grid-template-columns:110px 110px minmax(180px,1fr) auto}
  .page-factory .factory-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-factory .factory-email-code-field{grid-column:1/-1}
  .page-factory .factory-settings-form>.button{justify-self:start}
  .page-factory .inventory-codex-console{grid-template-columns:minmax(250px,1fr) minmax(175px,.6fr) 86px minmax(190px,auto)}
  .page-factory .inventory-codex-summary{grid-column:1/3}
  .page-factory .inventory-codex-select-all{grid-column:3}
  .page-factory .inventory-codex-count{grid-column:4}
  .page-factory .inventory-codex-console>.button{grid-column:4;justify-self:stretch;width:100%}
  .page-factory .inventory-codex-workers{grid-column:3}
}

@media (max-width:1100px){
  .page-factory .factory-cockpit{grid-template-columns:1fr;gap:20px;min-height:0}
  .page-factory .factory-cockpit-actions{justify-content:flex-start}
  .page-factory .factory-stage-ledger>div{padding-inline:14px}
  .page-factory .factory-readiness-row{grid-template-columns:12px minmax(170px,1fr) auto minmax(150px,.65fr)}
  .page-factory .factory-batch-grid{grid-template-columns:1fr}
  .page-factory .factory-batch-policy{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:20px 0 0;
    border-top:1px solid var(--factory-line);
    border-left:0;
  }
  .page-factory .factory-batch-row{grid-template-columns:minmax(200px,1.4fr) minmax(120px,.8fr) repeat(3,minmax(72px,.5fr)) auto}
  .page-factory .factory-task-panel-head{display:grid;align-items:start}
  .page-factory .factory-task-filters{justify-content:start}
  .page-factory .inventory-import-console{grid-template-columns:1fr}
  .page-factory .inventory-codex-console{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr) 80px}
  .page-factory .inventory-codex-summary{grid-column:1/3}
  .page-factory .inventory-codex-select-all{grid-column:1}
  .page-factory .inventory-codex-count{grid-column:3;grid-row:1}
  .page-factory .inventory-codex-workers{grid-column:2}
  .page-factory .inventory-codex-console>.button{grid-column:1/-1;justify-self:stretch;width:100%}
}

@media (max-width:800px){
  .page-factory .factory-stage-ledger{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .page-factory .factory-stage-ledger>div{
    min-height:94px;
    border:1px solid var(--factory-line);
    border-radius:12px;
    background:var(--factory-surface);
  }
  .page-factory .factory-stage-ledger .is-final{grid-column:1/-1}
  .page-factory .factory-readiness-row{
    grid-template-columns:12px minmax(0,1fr) auto;
    gap:10px 12px;
  }
  .page-factory .factory-readiness-action{
    grid-column:2/-1;
    text-align:left;
  }
  .page-factory .factory-readiness-row[data-state="ready"] .factory-readiness-action{display:none}
  .page-factory .factory-source-switch{grid-template-columns:1fr}
  .page-factory .factory-source-switch>label{min-height:76px}
  .page-factory .factory-hme-guide{display:grid;gap:10px}
  .page-factory .factory-hme-guide-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;text-align:left}
  .page-factory .factory-hme-guide-status>span{justify-self:start}
  .page-factory .factory-import-preview{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:14px 18px 18px;
  }
  .page-factory .factory-import-preview>div{min-height:70px;padding:10px 14px}
  .page-factory .factory-import-preview>div:first-child{padding-left:14px}
  .page-factory .factory-import-preview>div:nth-child(2){border-right:0}
  .page-factory .factory-import-preview-message{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);border-right:0!important}
  .page-factory .factory-import-preview>.button{grid-column:1/-1;width:100%;margin:8px 0 0}
  .page-factory .factory-batch-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px 12px;
    padding:14px 2px;
  }
  .page-factory .factory-batch-row>div{grid-column:1/3}
  .page-factory .factory-batch-row>.badge{grid-column:3;grid-row:1;align-self:start}
  .page-factory .factory-batch-row>span:nth-child(2){grid-column:1/-1}
  .page-factory .factory-task-filters{display:grid;grid-template-columns:minmax(0,1fr) 130px;width:100%}
  .page-factory .factory-task-filter-actions{grid-column:1/-1}
  .page-factory .factory-task-pagination{align-items:flex-start;display:grid}
  .page-factory .factory-task-page-controls{justify-content:space-between;width:100%}
  .page-factory .factory-dispatch-bar{align-items:stretch;display:grid}
  .page-factory .factory-dispatch-bar>label{width:100%}
  .page-factory .factory-dispatch-bar>div{justify-content:flex-end}
}

@media (max-width:640px){
  .page-factory .content{gap:14px}
  .page-factory .top-actions .button{width:auto}
  .page-factory .panel{padding:15px;border-radius:14px}
  .page-factory .panel-head{gap:12px}
  .page-factory #factory-new-batch,
  .page-factory #factory-tasks{scroll-margin-top:18px}
  .page-factory .factory-cockpit{gap:18px;padding:18px;border-radius:14px}
  .page-factory .factory-cockpit h2{font-size:24px;line-height:1.18;letter-spacing:-.03em}
  .page-factory .factory-cockpit p{font-size:13px;line-height:1.58}
  .page-factory .factory-cockpit .trust-label{width:100%;line-height:1.4;white-space:normal}
  .page-factory .factory-cockpit-actions{display:grid;grid-template-columns:1fr;width:100%}
  .page-factory .factory-cockpit-actions .button{width:100%}
  .page-factory .factory-stage-ledger{gap:7px}
  .page-factory .factory-stage-ledger>div{min-height:86px;padding:12px}
  .page-factory .factory-stage-ledger strong{font-size:24px}
  .page-factory .factory-stage-ledger span{font-size:12px}
  .page-factory .factory-readiness{padding-bottom:14px}
  .page-factory .factory-readiness .panel-head>.button{width:100%}
  .page-factory .factory-readiness-list{border-radius:10px}
  .page-factory .factory-readiness-row{padding:12px 11px}
  .page-factory .factory-readiness-state{min-width:54px}
  .page-factory .factory-batch-composer{padding-bottom:0}
  .page-factory .factory-source-switch{margin-bottom:18px}
  .page-factory .factory-source-switch>label{padding:12px 68px 12px 12px}
  .page-factory .factory-source-switch:has(+ .factory-hme-guide:not([hidden])){margin-bottom:8px}
  .page-factory .factory-hme-guide{margin-bottom:18px;padding:11px 12px}
  .page-factory .factory-batch-policy{grid-template-columns:1fr;gap:10px;padding-top:16px}
  .page-factory .factory-batch-policy h3,
  .page-factory .factory-policy-toggle{grid-column:auto}
  .page-factory .factory-email-list-field textarea{min-height:220px}
  .page-factory .factory-policy-toggle{padding:11px}
  .page-factory .factory-import-preview{margin:20px -15px 0;border-radius:0 0 13px 13px}
  .page-factory .factory-batch-history{padding-bottom:7px}
  .page-factory .factory-batch-row{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:0}
  .page-factory .factory-batch-row>div{grid-column:1/3}
  .page-factory .factory-batch-row>div strong{font-size:14px}
  .page-factory .factory-batch-row>.badge{grid-column:3}
  .page-factory .factory-task-filters{grid-template-columns:1fr}
  .page-factory .factory-task-filters label,
  .page-factory .factory-task-filters label:nth-child(2){min-width:0}
  .page-factory .factory-task-filter-actions{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-factory .factory-task-table-wrap{overflow:visible;border:0;border-radius:0}
  .page-factory .factory-task-table,
  .page-factory .factory-task-table tbody,
  .page-factory .factory-task-table tr,
  .page-factory .factory-task-table td{display:block;width:100%;min-width:0}
  .page-factory .factory-task-table{background:transparent;table-layout:auto}
  .page-factory .factory-task-table thead{display:none}
  .page-factory .factory-task-table tbody{display:grid;gap:10px}
  .page-factory .factory-task-table tr{
    overflow:hidden;
    border:1px solid var(--factory-line);
    border-radius:12px;
    background:var(--factory-surface);
  }
  .page-factory .factory-task-table td{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    gap:12px;
    align-items:start;
    padding:10px 12px;
    border:0;
    border-bottom:1px solid var(--factory-line);
    text-align:right;
  }
  .page-factory .factory-task-table td:last-child{border-bottom:0}
  .page-factory .factory-task-table td::before{
    content:attr(data-label);
    grid-column:1;
    grid-row:1;
    color:var(--factory-muted);
    font-size:12px;
    font-weight:850;
    text-align:left;
  }
  .page-factory .factory-task-table td[colspan]{display:block;text-align:center}
  .page-factory .factory-task-table td[colspan]::before{display:none}
  .page-factory .factory-task-table td:nth-child(1){min-height:42px;text-align:right}
  .page-factory .factory-task-table td:nth-child(1) input{margin:0 0 0 auto}
  .page-factory .factory-task-table td>*{grid-column:2;justify-self:end;max-width:100%}
  .page-factory .factory-task-table .factory-task-progress{justify-self:stretch;width:100%;text-align:left}
  .page-factory .factory-task-table [data-factory-codex-error]:not([hidden]){text-align:right}
  .page-factory .factory-dispatch-bar{
    position:sticky;
    bottom:8px;
    z-index:3;
    margin-top:12px;
    padding:12px;
    background:var(--factory-surface);
    box-shadow:0 2px 8px rgba(11,27,45,.16);
  }
  .page-factory .factory-dispatch-bar>div{display:grid;grid-template-columns:1fr;gap:8px}
  .page-factory .factory-dispatch-bar .button{width:100%}
  .page-factory .factory-task-pagination{gap:12px}
  .page-factory .factory-task-pagination>p{line-height:1.5}
  .page-factory .factory-task-page-numbers{display:none}
  .page-factory .factory-task-page-arrow{min-width:0;flex:1}
  .page-factory .factory-task-page-controls{gap:10px}
  .page-factory .factory-settings-drawer summary{align-items:flex-start;min-height:0;padding:15px}
  .page-factory .factory-settings-drawer summary>span:last-child{padding-top:2px}
  .page-factory .factory-settings-form{grid-template-columns:1fr;padding:15px}
  .page-factory .factory-email-code-field{grid-column:auto}
  .page-factory .factory-settings-form>.button{justify-self:stretch;width:100%}
  .page-factory .inventory-pool-head{align-items:stretch}
  .page-factory .inventory-pool-head>.button{width:100%}
  .page-factory .inventory-import-console{margin-bottom:14px;padding:12px}
  .page-factory .inventory-import-fields{grid-template-columns:1fr}
  .page-factory .inventory-session-field{grid-column:auto}
  .page-factory .inventory-import-actions{display:grid}
  .page-factory .inventory-codex-console{grid-template-columns:minmax(0,1fr) 80px;padding:12px}
  .page-factory .inventory-codex-summary{grid-column:1/-1;grid-row:auto}
  .page-factory .inventory-codex-select-all{align-self:center}
  .page-factory .inventory-codex-count{grid-column:2;grid-row:auto}
  .page-factory .inventory-codex-workers{grid-column:1}
  .page-factory .inventory-codex-console>.button{grid-column:1/-1;width:100%}
  .page-factory .inventory-table,
  .page-factory .inventory-table tbody,
  .page-factory .inventory-table tr,
  .page-factory .inventory-table td{display:block;width:100%;min-width:0}
  .page-factory .inventory-table{background:transparent}
  .page-factory .inventory-table thead{display:none}
  .page-factory .inventory-table tbody{display:grid;gap:10px}
  .page-factory .inventory-table tr{
    overflow:hidden;
    border:1px solid var(--factory-line);
    border-radius:12px;
    background:var(--factory-surface);
  }
  .page-factory .inventory-table td{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:12px;
    align-items:start;
    padding:9px 11px;
    border:0;
    border-bottom:1px solid var(--factory-line);
    text-align:right;
    overflow-wrap:anywhere;
  }
  .page-factory .inventory-table td:last-child{border-bottom:0}
  .page-factory .inventory-table td::before{content:attr(data-label);grid-column:1;grid-row:1;color:var(--factory-muted);font-size:12px;font-weight:850;text-align:left}
  .page-factory .inventory-table td[colspan]{display:block;text-align:center}
  .page-factory .inventory-table td[colspan]::before{display:none}
  .page-factory .inventory-table td>*{grid-column:2;justify-self:end;max-width:100%}
}

@media (max-width:420px){
  .page-factory .factory-stage-ledger{grid-template-columns:1fr}
  .page-factory .factory-stage-ledger .is-final{grid-column:auto}
  .page-factory .factory-import-preview{padding-inline:14px}
  .page-factory .factory-import-preview>div{padding-inline:10px}
  .page-factory .factory-import-preview>div:first-child{padding-left:10px}
  .page-factory .factory-batch-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-factory .factory-batch-row>div{grid-column:1/-1}
  .page-factory .factory-batch-row>.badge{grid-column:2;grid-row:2;justify-self:end}
  .page-factory .factory-batch-row>span:nth-child(2){grid-column:1;grid-row:2}
  .page-factory .factory-batch-row>span:nth-child(3),
  .page-factory .factory-batch-row>span:nth-child(5){grid-column:1}
  .page-factory .factory-batch-row>span:nth-child(4){grid-column:2}
  .page-factory .factory-task-table td{grid-template-columns:80px minmax(0,1fr)}
  .page-factory .inventory-table td{grid-template-columns:78px minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  .page-factory .button,
  .page-factory .factory-source-switch>label,
  .page-factory .factory-policy-toggle,
  .page-factory .factory-task-progress-track>i,
  .page-factory .factory-settings-drawer summary,
  .page-factory .factory-settings-drawer summary>span:last-child::after{transition:none}
  .page-factory .factory-task-progress-track>i::after{animation:none!important}
}

/* KakaoPay payment-link row action */
.kakao-copy-link{margin-top:8px;min-height:30px;padding:5px 10px;font-size:12px}
.kakao-copy-link[hidden]{display:none!important}
.kakao-copy-feedback{min-height:1em;color:var(--success)}