:root {
  color-scheme: dark;
  --bg: #191a19; --raised: #242624; --card: #202220; --input: #2c2f2c;
  --hover: #303430; --line: #393d39; --line-soft: #2c302d;
  --text: #d8dad7; --muted: #8e958e; --title: #cfbea0;
  --accent: #789481; --accent-bright: #9bb6a3; --accent-deep: #35483c;
  --gold: #c4a56a; --green: #88a889; --red: #bd7d77; --orange: #c9a76e;
  --shadow: 0 24px 70px rgba(0,0,0,.24);
  --sidebar: 264px;
  font-family: "Segoe UI", "Noto Sans TC", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { min-height: 100vh; margin: 0; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
h1,h2,h3,p { margin-top: 0; }
h1 { margin-bottom: 10px; color: #eee9df; font-size: clamp(32px,4vw,48px); letter-spacing: -.045em; line-height: 1.06; }
h2 { color: #e3ded4; font-size: 22px; letter-spacing: -.025em; }
h3 { color: #e8e4dc; }
p { color: var(--muted); line-height: 1.65; }
.subtle,.muted { color: var(--muted); }
.kicker,.eyebrow { display: block; margin-bottom: 10px; color: var(--accent-bright); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.app-layout { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; display: flex; width: var(--sidebar); flex-direction: column; padding: 26px 18px 18px; border-right: 1px solid var(--line); background: #1c1e1c; }
.brand { display: flex; align-items: center; gap: 12px; width: fit-content; color: #eee9df; }
.brand-mark { position: relative; display: grid; width: 40px; height: 40px; place-items: center; overflow: hidden; border: 1px solid #6c806f; border-radius: 12px; color: #e5e9e4; background: linear-gradient(145deg,#405647,#253229); box-shadow: inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.25); }
.brand-mark::after { position:absolute; width: 26px; height: 1px; content:""; background:#8ba293; transform:rotate(-45deg); opacity:.35; }
.brand-mark span { position: relative; z-index: 1; font-weight: 700; }
.brand > span:last-child { display:grid; line-height:1.05; }
.brand b { font-size:19px; letter-spacing:.08em; }
.brand small { margin-top:5px; color:var(--muted); font-size:10px; font-weight:500; letter-spacing:.12em; }
.sidebar-caption { margin: 44px 12px 12px; color:#656c66; font-size:10px; font-weight:700; letter-spacing:.16em; }
.side-nav { display:grid; gap:5px; }
.nav-item { display:flex; align-items:center; gap:13px; min-height:46px; padding:0 13px; border:1px solid transparent; border-radius:10px; color:#9ba19b; font-size:14px; font-weight:600; transition:.16s ease; }
.nav-item svg { width:19px; fill:currentColor; }
.nav-item:hover { color:#d5d9d4; background:#242724; }
.nav-item.active { color:#dce8df; border-color:#34463b; background:linear-gradient(90deg,#304137,#263129); box-shadow:inset 3px 0 var(--accent); }
.sidebar-spacer { flex:1; }
.cloud-health { display:flex; gap:10px; align-items:center; margin:12px 6px 14px; padding:12px; border:1px solid var(--line-soft); border-radius:10px; background:#202320; }
.cloud-health div,.user-copy { display:grid; min-width:0; }
.cloud-health strong { color:#aeb8b0; font-size:11px; }
.cloud-health small,.user-copy small { overflow:hidden; margin-top:3px; color:#707770; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.live-dot { display:inline-block; width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:#84a688; box-shadow:0 0 0 4px rgba(132,166,136,.12),0 0 16px rgba(132,166,136,.45); }
.user-panel { display:flex; align-items:center; gap:10px; padding:14px 7px 2px; border-top:1px solid var(--line-soft); }
.avatar { display:grid; width:34px; height:34px; place-items:center; flex:0 0 auto; border-radius:10px; color:#d8d1c1; background:#363a35; font-weight:700; }
.user-copy { flex:1; }
.user-copy strong { color:#c5c8c4; font-size:12px; }
.icon-button,.menu-button { border:0; color:var(--muted); background:transparent; cursor:pointer; }
.icon-button:hover { color:var(--text); }
.app-frame { min-height:100vh; margin-left:var(--sidebar); }
.workspace { width:min(1320px,100%); margin:0 auto; padding:54px clamp(24px,4vw,64px) 100px; }
.mobile-bar { display:none; }
.sidebar-scrim { display:none; }
.page-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:28px; margin-bottom:34px; }
.page-hero.compact { margin-bottom:25px; }
.page-hero p { max-width:680px; margin-bottom:0; }
.header-actions,.center-actions { display:flex; align-items:center; justify-content:center; gap:9px; flex-wrap:wrap; }
.center-actions form { margin:0; }
.button,button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:9px; padding:10px 16px; color:var(--text); font-weight:700; cursor:pointer; transition:transform .14s ease,background .14s ease,border-color .14s ease; }
.button:hover,button:hover { transform:translateY(-1px); }
.primary { color:#eef3ef; border-color:#6f8c77; background:linear-gradient(180deg,#67816f,#506959); box-shadow:0 7px 20px rgba(52,75,59,.22); }
.primary:hover { background:linear-gradient(180deg,#78947f,#5b7564); }
.secondary { border-color:#454a45; background:#2a2d2a; }
.secondary:hover,.ghost:hover { border-color:#5e685f; background:#303430; }
.ghost { border-color:#3a3e3a; color:#aab0aa; background:transparent; }
.danger-button { color:#e1b5b1; border-color:#60433f; background:#3a2927; }
.grow { flex:1; }
.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:40px; }
.metric-card { position:relative; display:flex; min-height:126px; align-items:center; gap:17px; overflow:hidden; padding:22px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,#232623,#1f211f); box-shadow:0 12px 34px rgba(0,0,0,.1); }
.metric-card::after { position:absolute; right:-30px; bottom:-50px; width:120px; height:120px; content:""; border:1px solid #313632; border-radius:50%; }
.metric-card.accent { border-color:#405247; background:linear-gradient(145deg,#29342c,#202620); }
.metric-icon { display:grid; width:44px; height:44px; place-items:center; flex:0 0 auto; border:1px solid #414741; border-radius:12px; color:var(--title); background:#292d29; font-size:21px; }
.metric-card div { display:grid; gap:4px; }
.metric-card small { color:#798079; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.metric-card strong { color:#e4e1d9; font-size:20px; }
.metric-card strong i { color:#707770; font-size:14px; font-style:normal; }
.metric-card .subtle { font-size:11px; }
.activation-panel { display:grid; grid-template-columns:auto 1fr minmax(360px,.9fr); gap:24px; align-items:center; margin-bottom:40px; padding:28px; border:1px solid #475246; border-radius:16px; background:linear-gradient(110deg,#273329,#202320 62%); }
.activation-art { display:grid; width:72px; height:72px; place-items:center; border:1px solid #526257; border-radius:50%; color:var(--title); background:#242c25; font-size:24px; font-weight:700; box-shadow:0 0 0 8px rgba(101,130,109,.06); }
.activation-panel h2,.activation-panel p { margin-bottom:5px; }
.redeem-form { display:grid; grid-template-columns:1fr auto; gap:8px; }
.section-block { margin-top:8px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:17px; }
.section-heading h2 { margin:0; }
.count-badge,.admin-chip { display:inline-flex; align-items:center; border:1px solid #3e453f; border-radius:999px; padding:6px 11px; color:#979e97; background:#252825; font-size:11px; font-weight:700; }
.admin-chip { color:#cbb98f; border-color:#594e38; background:#332e23; }
.account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.account-card { position:relative; overflow:hidden; padding:22px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,#242724,#1f211f); box-shadow:0 15px 40px rgba(0,0,0,.1); }
.account-card::before { position:absolute; inset:0 auto 0 0; width:3px; content:""; background:#414541; }
.account-card.state-running::before { background:var(--green); }
.account-card.state-failed::before,.account-card.state-discovery_failed::before { background:var(--red); }
.account-card.state-starting::before,.account-card.state-restarting::before,.account-card.state-discovering::before,.account-card.state-needs_server::before { background:var(--orange); }
.account-topline,.account-identity,.account-actions { display:flex; align-items:center; }
.account-topline { justify-content:space-between; margin-bottom:22px; }
.account-number { color:#5f665f; font-size:11px; font-weight:700; letter-spacing:.14em; }
.status-badge { display:inline-flex; align-items:center; gap:7px; border:1px solid #414541; border-radius:999px; padding:5px 9px; color:#939993; background:#292c29; font-size:10px; font-weight:700; }
.status-badge i { width:6px; height:6px; border-radius:50%; background:#747a74; }
.status-badge.online { color:#b8d2bc; border-color:#405647; background:#2b3c30; }
.status-badge.online i { background:#8bb08f; box-shadow:0 0 8px #8bb08f; }
.status-badge.busy { color:#dcc38e; border-color:#5b4b32; background:#3b3325; }
.status-badge.busy i { background:#c8a768; }
.status-badge.error { color:#ddb0ac; border-color:#5b3e3b; background:#382827; }
.status-badge.error i { background:#bc7c76; }
.account-identity { gap:14px; }
.account-avatar { display:grid; width:46px; height:46px; place-items:center; border:1px solid #485048; border-radius:13px; color:#d7ccb4; background:#303530; font-size:17px; font-weight:700; }
.account-identity h3 { margin:0 0 4px; font-size:18px; }
.account-identity p { margin:0; font-size:12px; }
.account-status-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:20px 0; overflow:hidden; border:1px solid var(--line-soft); border-radius:10px; background:var(--line-soft); }
.account-status-grid div { display:grid; gap:5px; padding:13px; background:#202320; }
.account-status-grid small { color:#707770; font-size:10px; }
.account-status-grid strong { color:#b7bcb7; font-size:12px; }
.worker-message { margin:-7px 0 16px; padding:10px 12px; border-left:2px solid #6f805f; color:#9ca49c; background:#252925; font-size:11px; line-height:1.55; }
.account-actions { flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.account-actions form { margin:0; }
.empty-state { padding:74px 25px; border:1px dashed #424742; border-radius:15px; text-align:center; background:#1d1f1d; }
.empty-state h3 { margin:24px 0 6px; }
.empty-state p { margin-bottom:22px; }
.empty-orbit { display:grid; width:72px; height:72px; margin:auto; place-items:center; border:1px solid #455348; border-radius:50%; box-shadow:0 0 0 10px rgba(100,130,106,.05); }
.empty-orbit span { color:#9fb1a1; font-size:25px; }
.form-card,.data-panel,.panel { padding:26px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,#232623,#1f211f); box-shadow:0 18px 50px rgba(0,0,0,.12); }
.binding-card { width:min(720px,100%); margin:0 auto; }
.form-card-head,.panel-title { display:flex; align-items:flex-start; gap:14px; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid var(--line-soft); }
.form-card-head h2,.panel-title h2 { margin:0 0 5px; }
.form-card-head p,.panel-title p { margin:0; font-size:12px; }
.line-icon,.panel-title > span { display:grid; width:39px; height:39px; place-items:center; flex:0 0 auto; border:1px solid #475148; border-radius:10px; color:#b7c8ba; background:#2b342d; font-weight:700; }
.panel-title > span { color:#c9b789; border-color:#514a39; background:#302d25; font-size:11px; }
.form-stack { display:grid; gap:18px; }
label { display:grid; gap:8px; color:#bfc3bf; font-size:12px; font-weight:700; }
.field-hint { float:right; color:#747b75; font-size:10px; font-weight:500; }
input,select,textarea { width:100%; min-height:44px; border:1px solid #424742; border-radius:9px; padding:11px 13px; color:#e0e2df; background:var(--input); outline:none; transition:border-color .14s ease,box-shadow .14s ease; }
input::placeholder,textarea::placeholder { color:#666d67; }
input:focus,select:focus,textarea:focus { border-color:#718a77; box-shadow:0 0 0 3px rgba(113,138,119,.13); }
select { appearance:auto; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:4px; }
.secure-note { display:flex; gap:11px; align-items:flex-start; padding:13px 14px; border:1px solid #36443a; border-radius:9px; background:#222a24; }
.secure-note > span { display:grid; width:21px; height:21px; place-items:center; flex:0 0 auto; border-radius:50%; color:#c4d6c6; background:#405446; font-size:11px; font-weight:700; }
.secure-note p { margin:0; color:#899189; font-size:11px; line-height:1.55; }
.secure-note b { color:#b9c2ba; }
.stepper { display:flex; width:min(720px,100%); margin:0 auto 22px; padding:0; list-style:none; }
.stepper li { position:relative; display:flex; flex:1; align-items:center; gap:9px; color:#687068; }
.stepper li:not(:last-child)::after { width:100%; height:1px; margin:0 12px; content:""; background:#373b37; }
.stepper b { display:grid; width:29px; height:29px; place-items:center; flex:0 0 auto; border:1px solid #434843; border-radius:50%; font-size:11px; }
.stepper span { display:grid; min-width:max-content; font-size:11px; font-weight:700; }
.stepper small { margin-top:2px; color:#5f665f; font-size:9px; font-weight:500; }
.stepper li.active { color:#c8d7cb; }
.stepper li.active b { color:#e5ede7; border-color:#718c78; background:#3e5244; }
.stepper li.done { color:#8fa393; }
.discovery-stage { width:min(720px,100%); margin:0 auto; padding:60px 35px; border:1px solid var(--line); border-radius:16px; text-align:center; background:radial-gradient(circle at 50% 15%,#2b372e,#202320 45%); }
.discovery-stage h2 { margin:20px 0 8px; }
.discovery-stage p { max-width:560px; margin:0 auto 24px; }
.radar { position:relative; display:grid; width:105px; height:105px; margin:0 auto 32px; place-items:center; border:1px solid #516356; border-radius:50%; box-shadow:0 0 0 12px rgba(105,139,114,.06),0 0 0 25px rgba(105,139,114,.025); }
.radar span,.radar i { position:absolute; border:1px solid rgba(120,158,130,.22); border-radius:50%; }
.radar span { inset:20px; }
.radar i { inset:38px; }
.radar::after { position:absolute; width:50%; height:1px; content:""; background:linear-gradient(90deg,transparent,#83a08a); transform-origin:right; animation:radar 2.2s linear infinite; }
.radar b { position:relative; z-index:1; color:#b8c8ba; font-size:14px; letter-spacing:.12em; }
.radar.idle::after,.failed .radar::after { display:none; }
@keyframes radar { to { transform:rotate(360deg); } }
.progress-track { width:min(420px,85%); height:4px; margin:0 auto 14px; overflow:hidden; border-radius:9px; background:#343934; }
.progress-track span { display:block; width:35%; height:100%; border-radius:9px; background:#789481; animation:scan 1.6s ease-in-out infinite alternate; }
@keyframes scan { from{transform:translateX(-70%)} to{transform:translateX(260%)} }
.discovery-stage > small { color:#697069; }
.server-picker { width:min(860px,100%); margin:0 auto; }
.server-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.server-option { position:relative; display:flex; grid-template-columns:none; align-items:center; gap:12px; padding:14px; border:1px solid #3d423d; border-radius:10px; background:#252825; cursor:pointer; }
.server-option:hover { border-color:#5b695e; background:#292d29; }
.server-option input { position:absolute; width:1px; height:1px; opacity:0; }
.server-option:has(input:checked) { border-color:#708a76; background:#2a362d; box-shadow:0 0 0 2px rgba(112,138,118,.08); }
.server-radio { width:16px; height:16px; flex:0 0 auto; border:1px solid #676e67; border-radius:50%; }
.server-option input:checked + .server-radio { border:5px solid #86a08b; }
.server-symbol { display:grid; width:34px; height:34px; place-items:center; border-radius:8px; color:#9aa39a; background:#303430; font-size:10px; }
.server-option > span:nth-of-type(3) { display:grid; flex:1; }
.server-option b { color:#d1d4d0; font-size:13px; }
.server-option small { margin-top:3px; color:#707770; font-size:9px; }
.server-option em { color:#778078; font-size:10px; font-style:normal; }
.feature-toolbar { position:sticky; top:12px; z-index:12; display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:16px; padding:11px; border:1px solid #3b413c; border-radius:12px; background:rgba(30,32,30,.9); backdrop-filter:blur(14px); }
.feature-search { position:relative; width:min(440px,100%); }
.feature-search span { position:absolute; left:13px; top:10px; color:#737a74; }
.feature-search input { min-height:39px; padding-left:37px; }
.selection-count { color:#858c85; font-size:11px; }
.selection-count b { color:#c8d8cc; font-size:15px; }
.feature-layout { display:grid; gap:14px; }
.feature-group { overflow:hidden; border:1px solid var(--line); border-radius:13px; background:#212321; }
.feature-group > header { display:flex; align-items:center; justify-content:space-between; padding:16px 19px; border-bottom:1px solid var(--line-soft); background:#252825; }
.feature-group > header div { display:flex; align-items:center; gap:10px; }
.feature-group > header h2 { margin:0; font-size:16px; }
.feature-group > header > span { color:#717871; font-size:10px; }
.feature-group-index { color:#8b9c8e; font-size:10px; font-weight:700; }
.feature-list { display:grid; }
.feature-row { display:grid; grid-template-columns:1fr minmax(120px,210px); align-items:center; gap:25px; padding:17px 19px; border-bottom:1px solid var(--line-soft); }
.feature-row:last-child { border:0; }
.feature-row:hover { background:#242724; }
.feature-row.danger { box-shadow:inset 3px 0 #825b56; }
.feature-title { color:#cbd0cb; font-size:13px; }
.feature-copy p { margin:5px 0 0; color:#747b75; font-size:10px; font-weight:400; line-height:1.55; }
.risk { margin-left:6px; padding:3px 6px; border-radius:5px; color:#d7a6a1; background:#3d2927; font-size:8px; }
.feature-control { justify-self:end; width:100%; }
.toggle { appearance:none; width:43px; min-height:24px; height:24px; float:right; padding:3px; border:0; border-radius:99px; background:#424742; cursor:pointer; }
.toggle::after { display:block; width:18px; height:18px; content:""; border-radius:50%; background:#a6aaa6; transition:.16s ease; }
.toggle:checked { background:#5f7c68; }
.toggle:checked::after { background:#e0e7e1; transform:translateX(19px); }
.sticky-save { position:sticky; bottom:16px; z-index:13; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; padding:13px 14px 13px 18px; border:1px solid #4a574d; border-radius:12px; background:rgba(37,42,38,.94); box-shadow:0 14px 40px rgba(0,0,0,.3); backdrop-filter:blur(14px); }
.sticky-save div { display:grid; gap:3px; }
.sticky-save b { color:#c5ccc6; font-size:12px; }
.sticky-save span { color:#767e77; font-size:10px; }
.admin-grid { display:grid; grid-template-columns:1.45fr .85fr; gap:16px; margin-bottom:18px; }
.permission-details { border:1px solid var(--line); border-radius:9px; padding:0 14px; background:#222522; }
.permission-details summary { display:flex; align-items:center; justify-content:space-between; padding:14px 0; cursor:pointer; }
.permission-details summary span { color:#bbc0bb; font-size:12px; font-weight:700; }
.permission-details summary small { color:#737a74; font-size:9px; }
fieldset { display:grid; grid-template-columns:1fr 1fr; gap:4px 12px; margin:0; padding:13px 0 16px; border:0; border-top:1px solid var(--line-soft); }
legend { padding:11px 0 5px; color:var(--title); font-size:11px; font-weight:700; }
.check-line { display:flex; grid-template-columns:none; align-items:center; gap:8px; padding:5px 0; font-weight:500; }
.check-line input { width:15px; min-height:15px; margin:0; accent-color:#708c78; }
.check-line span { color:#989f98; font-size:10px; }
.data-panel { margin-top:16px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:12px; }
th,td { padding:13px 11px; border-bottom:1px solid var(--line-soft); text-align:left; }
th { color:#777e78; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
td { color:#abb0ab; }
td code { color:#d0c3a8; }
.table-state { display:inline-flex; border-radius:999px; padding:4px 8px; font-size:9px; font-weight:700; }
.table-state.ready { color:#bdd3c0; background:#2d4031; }
.table-state.done { color:#cdb985; background:#3b3426; }
.table-state.error { color:#d9aaa5; background:#3d2927; }
.alert { display:flex; gap:11px; align-items:center; margin-bottom:18px; padding:12px 14px; border:1px solid; border-radius:10px; font-size:11px; }
.alert b { font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.alert.success { color:#b4cdb8; border-color:#3f5544; background:#27352b; }
.alert.error { color:#d8aaa5; border-color:#5a3d3a; background:#382725; }
.alert.warning { color:#dac18e; border-color:#5a4a30; background:#383023; }
.card-output { min-height:170px; margin:18px 0; font-family:Consolas,monospace; line-height:1.8; }
.narrow { width:min(760px,100%); margin:4vh auto 0; }
.empty-mini { padding:35px; border:1px dashed #414641; border-radius:10px; color:#7f867f; text-align:center; }
.auth-shell { display:grid; min-height:100vh; grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr); }
.auth-brand-panel { position:relative; display:flex; overflow:hidden; flex-direction:column; padding:42px clamp(36px,6vw,78px); border-right:1px solid #303430; background:radial-gradient(circle at 80% 40%,#2f3e33 0,transparent 36%),linear-gradient(145deg,#202420,#171817); }
.auth-brand { position:relative; z-index:2; }
.auth-pitch { position:relative; z-index:2; max-width:480px; margin:auto 0; }
.auth-pitch h2 { margin:16px 0 19px; color:#e4dfd5; font-size:clamp(37px,5vw,65px); line-height:1.08; letter-spacing:-.055em; }
.auth-pitch h2 em { color:#a8bbaa; font-style:normal; }
.auth-pitch p { max-width:440px; font-size:14px; }
.auth-proof { position:relative; z-index:2; display:flex; align-items:center; gap:10px; color:#7e877f; font-size:11px; }
.auth-orbit { position:absolute; right:-130px; bottom:-180px; width:430px; height:430px; border:1px solid rgba(132,159,139,.12); border-radius:50%; }
.auth-orbit span,.auth-orbit i { position:absolute; border:1px solid rgba(132,159,139,.09); border-radius:50%; }
.auth-orbit span { inset:65px; }
.auth-orbit i { inset:130px; }
.auth-orbit b { position:absolute; top:143px; left:158px; color:rgba(180,199,185,.13); font-size:76px; }
.auth-form-panel { display:grid; place-items:center; padding:45px; background:#1c1e1c; }
.auth-form-panel > .alert { position:fixed; top:20px; right:20px; }
.auth-card { width:min(470px,100%); }
.auth-card h1 { font-size:39px; }
.auth-card > div:first-child { margin-bottom:30px; }
.auth-card .form-stack { padding:26px; border:1px solid var(--line); border-radius:15px; background:#222522; box-shadow:var(--shadow); }
.auth-card .center { margin-top:20px; text-align:center; font-size:12px; }
.auth-card a { color:#a9bbaa; font-weight:700; }
.auth-card .primary { width:100%; }
@media (max-width:1050px) {
  :root { --sidebar:226px; }
  .workspace { padding-left:28px; padding-right:28px; }
  .account-grid,.admin-grid { grid-template-columns:1fr; }
  .activation-panel { grid-template-columns:auto 1fr; }
  .activation-panel .redeem-form { grid-column:1/-1; }
  .auth-shell { grid-template-columns:.8fr 1.2fr; }
}
@media (max-width:760px) {
  .sidebar { transform:translateX(-100%); transition:transform .2s ease; }
  body.sidebar-open .sidebar { transform:translateX(0); }
  .sidebar-scrim { position:fixed; inset:0; z-index:30; width:100%; height:100%; border:0; border-radius:0; background:rgba(0,0,0,.55); opacity:0; pointer-events:none; }
  body.sidebar-open .sidebar-scrim { display:block; opacity:1; pointer-events:auto; }
  .app-frame { margin-left:0; }
  .mobile-bar { position:sticky; top:0; z-index:20; display:flex; height:58px; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid var(--line); background:rgba(28,30,28,.94); backdrop-filter:blur(13px); }
  .menu-button { padding:5px; font-size:19px; }
  .mobile-brand { color:#e1ddd4; font-weight:700; letter-spacing:.06em; }
  .mobile-brand span { color:#858c85; font-size:11px; font-weight:500; }
  .workspace { padding:30px 15px 80px; }
  .page-hero { align-items:stretch; flex-direction:column; }
  .metric-grid,.two-col,.server-grid { grid-template-columns:1fr; }
  .activation-panel { grid-template-columns:1fr; text-align:center; }
  .activation-art { margin:auto; }
  .activation-panel .redeem-form { grid-column:auto; grid-template-columns:1fr; }
  .account-grid { grid-template-columns:1fr; }
  .account-actions { align-items:stretch; flex-direction:column; }
  .account-actions .button,.account-actions form,.account-actions button { width:100%; }
  .stepper span { display:none; }
  .stepper li:not(:last-child)::after { margin:0 8px; }
  .feature-row { grid-template-columns:1fr; gap:12px; }
  .feature-control { justify-self:stretch; }
  .feature-toolbar { align-items:stretch; flex-direction:column; }
  .feature-search { width:100%; }
  .sticky-save { align-items:stretch; flex-direction:column; }
  .sticky-save button { width:100%; }
  fieldset { grid-template-columns:1fr; }
  .auth-shell { grid-template-columns:1fr; }
  .auth-brand-panel { min-height:245px; padding:28px; border-right:0; border-bottom:1px solid var(--line); }
  .auth-pitch { margin:48px 0 5px; }
  .auth-pitch h2 { font-size:37px; }
  .auth-pitch p,.auth-proof,.auth-orbit { display:none; }
  .auth-form-panel { padding:35px 20px 60px; }
  .auth-card h1 { font-size:32px; }
  .auth-card .form-stack { padding:20px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }