/* FyAi Admin: presentation only. Existing app.js and visibility contracts are unchanged. */
:root {
 color-scheme:light; --bg:#f4f6fa; --surface:#fff; --surface-2:#f8fafc; --surface-3:#eef2f7;
 --text:#172338; --muted:#65748a; --line:#e5eaf2; --line-strong:#c9d3e2;
 --violet:#3264de; --violet-light:#2855c3; --blue:#3264de; --cyan:#0c8793;
 --gold:#3264de; --gold-light:#2855c3; --amber:#a56b12; --green:#15835d; --red:#c94357;
 --shadow:0 20px 70px #1723381a; --sidebar-width:236px;
 font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
html,body {background:var(--bg);color:var(--text)}
body {font-size:14px;line-height:1.55}
body::before,.ambient,.welcome-card::after,.login-card::before,.login-card::after,.modal-card::before,.modal-card::after {display:none}
* {scrollbar-width:thin;scrollbar-color:#c8d1df transparent}
button,input,select,textarea {font-family:inherit}
button {cursor:pointer;transition:background-color 150ms,border-color 150ms,color 150ms,box-shadow 150ms}
button:disabled {cursor:not-allowed}
:focus-visible {outline:3px solid #7199ee;outline-offset:3px}
::selection {background:#dbe7ff;color:#142e66}
.eyebrow {font-size:12px;letter-spacing:.13em;color:#6a7c95;font-weight:650}
.muted,.form-tip,.security-note {color:var(--muted)}
.main-area,.content,.page,.panel,.model-category-card {min-width:0}
form label {color:#38485f;font-size:14px}
.welcome-card::before,.metric-card::before,.panel::before,.table-card::before {display:none}
.nav-item.active .nav-icon {color:inherit;border:0;background:none}
.model-monitor-item-title strong {color:#334159}
.model-monitor-item-title code {color:#71819a;background:#f2f6fc}
.model-monitor-item.state-online {border-color:#d9eade}
.model-monitor-item.state-offline {border-color:#f1ced5}
.model-monitor-item.state-pending {border-color:#f0e1bf}
#page-tasks .task-card-filter {display:grid;gap:0;margin:0;min-width:0}
/* Fixed navigation and working area always share the same offset. */
.sidebar {width:var(--sidebar-width);padding:27px 15px 18px;background:#111b2d;border-right:1px solid #1e2b40;box-shadow:none;overflow:hidden}
.brand {padding:0 10px 27px;gap:12px;flex-shrink:0}
.brand-mark {width:40px;height:40px;border-radius:11px;border:1px solid #9faed330;background:#080d18;box-shadow:none;overflow:hidden;flex-shrink:0}
.brand-mark img {display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.45)}
.brand strong {color:#f6f8ff;font-size:22px;letter-spacing:-.5px}
.brand-edition {display:inline-block;margin-left:6px;padding:2px 5px;border:1px solid #536782;border-radius:4px;color:#a8bad4;font-size:9px;letter-spacing:1px;vertical-align:middle}
.brand small {color:#93a3bc;font-size:12px;margin-top:3px}
.sidebar nav {min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;padding-right:3px;margin:0;scrollbar-color:#33435c transparent}
.nav-caption {margin:21px 12px 9px;color:#8292ac;font-size:12px;letter-spacing:.06em}
.nav-caption:first-child {margin-top:0}
.nav-item {min-height:43px;margin:3px 0;gap:12px;padding:0 13px;border:1px solid transparent;border-radius:8px;color:#aebdd2;font-size:14px;background:transparent;box-shadow:none}
.nav-item:hover {background:#1d2b42;color:#fff;transform:none}
.nav-item.active {color:#fff;background:#2d5fd3;border-color:#4777e4;box-shadow:0 4px 12px #07112730}
.nav-item.active::before {display:none}
.nav-icon {display:inline-grid;width:19px;height:19px;border:0;border-radius:0;color:currentColor;background:none;flex-shrink:0}
.nav-icon::before,.metric-icon::before {content:"";display:block;width:20px;height:20px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.sidebar-foot {flex-shrink:0;margin-top:16px;padding:15px 12px 0;border-color:#28364b;color:#8292ac;font-size:12px}
.server-state {color:#a8bbcd;margin-bottom:5px}
.server-state i {background:#5ac8a0;box-shadow:0 0 0 3px #5ac8a013}
.main-area {margin-left:var(--sidebar-width)}
.topbar {height:84px;padding:0 32px;background:#ffffffed;border-color:var(--line);backdrop-filter:blur(12px)}
.topbar h2 {font-size:21px;font-weight:700;letter-spacing:-.4px;color:var(--text)}
.topbar .eyebrow {font-size:10px;letter-spacing:.12em;color:#7b8aa0}
.profile-copy strong {color:#334159;font-size:13px}
.profile-copy small {font-size:12px;color:var(--muted)}
.avatar {background:#edf2ff;color:#3264de;border:1px solid #dee7fc;border-radius:50%}
.avatar img {width:100%;height:100%;object-fit:cover;border-radius:inherit}
.admin-profile .quiet-button {margin-left:8px}
.content {max-width:1800px;padding:28px 32px 46px}
.page {animation:admin-page-enter 180ms ease-out}
@keyframes admin-page-enter {from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Overview: authentic metrics, without invented charts or growth indicators. */
.welcome-card {min-height:116px;padding:8px 0 22px;border:0;border-radius:0;background:none;box-shadow:none;gap:24px}
.welcome-card h3 {color:var(--text);font-size:clamp(21px,1.7vw,28px);font-weight:700;letter-spacing:-.6px}
.welcome-card p:last-child {color:var(--muted);font-size:14px}
.welcome-card .eyebrow {font-size:12px;letter-spacing:0;margin-bottom:9px}
.metric-grid {margin-top:0;gap:16px}
.metric-card {position:relative;min-height:158px;padding:20px;gap:16px 0;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:1fr auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 4px #12284703}
.metric-card>.metric-icon {grid-column:2;grid-row:1;align-self:start}
.metric-card>div:not(.metric-icon) {grid-column:1;grid-row:1;min-width:0}
.metric-card .metric-icon {width:32px;height:32px;border-radius:9px;border:0;background:#edf3ff;color:#3264de}
.metric-card.violet .metric-icon {color:#6750be;background:#f0ecfd}
.metric-card.green .metric-icon {color:#15835d;background:#e9f6ef}
.metric-card.cyan .metric-icon {color:#0c8793;background:#e7f5f7}
.metric-card.blue .metric-icon {color:#3264de;background:#edf3ff}
.metric-card.amber .metric-icon {color:#a56b12;background:#fcf4e5}
.metric-card span {font-size:13px;color:var(--muted);margin-bottom:9px}
.metric-card strong {font-size:clamp(25px,2vw,34px);font-weight:650;color:#172338;letter-spacing:-.9px;line-height:1.2;font-variant-numeric:tabular-nums}
.metric-card small {padding-top:12px;color:#78869b;font-size:12px}
.overview-grid {gap:20px;margin-top:24px;grid-template-columns:minmax(0,1.85fr) minmax(285px,.75fr);align-items:start}
.panel,.model-summary-grid article,.model-category-card {background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 5px #12284703}
.panel-head {min-height:82px;padding:20px 24px;gap:16px}
.panel-head h3 {color:var(--text);font-size:16px}
.panel-head .eyebrow {font-size:10px;letter-spacing:.12em;margin-bottom:5px}
.service-panel {padding-bottom:14px}
.service-visual {height:112px}
.pulse-ring {width:64px;height:64px;border-color:#d4ecdf;background:#f4faf6;box-shadow:0 0 0 9px #f7fbf9}
.pulse-ring div {width:37px;height:37px;font-size:19px;background:#18875f;color:#fff}
.service-list {padding:0 24px}
.service-list div {padding:13px 0}
.service-list dt {color:var(--muted);font-size:13px}
.service-list dd {color:#334159;font-size:13px;font-weight:600}
.section-heading {gap:20px;margin:0 0 23px;align-items:center}
.section-heading h3 {font-size:24px;color:var(--text);letter-spacing:-.5px}
.section-heading p {color:var(--muted);font-size:14px;line-height:1.7}
.heading-actions {flex-wrap:wrap;justify-content:flex-end;gap:8px}
/* Controls */
input,select,textarea {min-width:0;border:1px solid #d7dfeb;border-radius:7px;background:#fff;color:#26364d;padding:11px 13px;font-size:14px;box-shadow:0 1px 2px #15233a03}
input::placeholder,textarea::placeholder {color:#8996a9;opacity:1}
input:focus,select:focus,textarea:focus {border-color:#7199ee;box-shadow:0 0 0 3px #3264de14;background:#fff}
input[readonly] {background:#f4f7fb;color:#52637c}
input[type="checkbox"],input[type="radio"] {accent-color:#3264de}
select {color-scheme:light}
label {color:#38485f;font-size:14px;font-weight:550}
label small,.form-tip,.form-help,.security-note {font-size:12px;color:var(--muted);line-height:1.7;font-weight:400}
.form-error,.danger-text {color:#c23e50}
.primary-button,.secondary-button,.quiet-button,.danger-button,.manage-button,.filter-button,.pagination-button,.danger-ghost-button {min-height:38px;padding:9px 14px;border-radius:7px;font-size:13px;line-height:1.3;font-weight:600;box-shadow:none}
.primary-button {color:#fff;border:1px solid #3264de;background:#3264de;box-shadow:0 2px 3px #1f50c214}
.primary-button:hover:not(:disabled) {background:#2854c2;border-color:#2854c2;transform:none;box-shadow:0 3px 8px #3264de25}
.secondary-button,.quiet-button,.pagination-button {color:#465974;background:#fff;border:1px solid #d7dfeb}
.secondary-button:hover:not(:disabled),.quiet-button:hover:not(:disabled),.pagination-button:hover:not(:disabled) {color:#2855c3;border-color:#9eb8ee;background:#f6f9ff}
.danger-button,.danger-ghost-button {color:#c23e50;background:#fff3f4;border:1px solid #f0c9d0}
.danger-button:hover:not(:disabled),.danger-ghost-button:hover:not(:disabled) {background:#ffe7eb}
.manage-button {color:#2c60cc;background:#f1f5ff;border:1px solid #e0e9fc;padding:7px 12px;min-height:32px;white-space:nowrap}
.manage-button:hover {color:#234fae;background:#e5eeff;border-color:#bed2fc}
.link-button,.text-button {color:#2c60cc;font-size:13px;font-weight:600}
.link-button:hover,.text-button:hover {color:#173e97;text-decoration:underline}
.icon-button {color:#61728b;border-color:#dfe6ef;border-radius:8px;background:#fff}
.icon-button:hover {color:#2855c3;background:#edf3ff}
.filter-group {gap:3px;background:#f3f5f9;padding:4px;border-radius:8px}
.filter-button {color:#66758b;background:transparent;border:1px solid transparent;min-height:32px;padding:7px 12px}
.filter-button:hover {color:#2855c3}
.filter-button.active {color:#2855c3;border-color:#dde6f5;background:#fff;box-shadow:0 1px 3px #23334d08}
.toggle-switch span {background:#c8d2e0;border:1px solid #bec9d9}
.toggle-switch span::after {background:#fff;box-shadow:0 1px 3px #24354d25}
.toggle-switch input:checked+span {background:#3264de;border-color:#3264de}
.toggle-switch input:checked+span::after {background:#fff}
.toggle-switch input:checked~em {color:#2c60cc}
.toggle-switch input:focus-visible+span {outline:3px solid #7199ee;outline-offset:3px}
.toggle-switch em {color:var(--muted)}
/* Tables */
.toolbar {min-height:80px;padding:17px 23px;gap:16px;background:#fff;border-color:var(--line);flex-wrap:wrap}
.search-box {width:min(380px,100%)}
.search-box input {background:#f8fafc;margin:0;padding-left:38px;min-height:42px}
.search-box span {top:11px;left:14px;font-size:18px;color:#77869a}
.count-label {font-size:12px;color:#758399}
.table-wrap {width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
table {min-width:820px}
th {padding:14px 22px;background:#f8fafc;color:#68778e;font-size:12px;font-weight:600;letter-spacing:.025em;border-bottom:1px solid #e9edf4}
td {padding:17px 22px;color:#4c5b71;font-size:13px;border-color:#eef1f6}
tbody tr {transition:background-color 120ms}
tbody tr:hover {background:#f8faff}
.table-primary {color:#26364d;font-size:13px;font-weight:600}
.table-secondary {max-width:250px;color:#7e8ba0;font-size:12px;margin-top:5px}
.table-secondary.recharge-card-key {color:#65758d}
.task-source-cell .table-primary {color:#334e79}
.task-provider-ready {color:#15835d}
.number,.role-label {color:#334159}
.credit-positive {color:#16835e}
.credit-negative {color:#ca485d}
.mini-avatar {width:36px;height:36px;border-radius:50%;color:#5378b8;background:#edf2fc;font-weight:600}
.mini-avatar {overflow:hidden}
.mini-avatar img {display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.card-key-copy {color:#3e6098;background:#f4f7fc;border:1px solid #dfe6f2;border-radius:6px;font-size:12px}
.card-key-copy:not(:disabled):hover {background:#eaf1fd;border-color:#a6c0ee}
.status-badge {border:1px solid transparent;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}
.status-badge.active,.status-badge.completed,.status-badge.unused {color:#167452;background:#edf8f1;border-color:#d5ecdf}
.status-badge.disabled,.status-badge.failed {color:#c23e50;background:#fff1f3;border-color:#f4d8de}
.status-badge.queued {color:#9d6b14;background:#fff8e8;border-color:#f4e5bd}
.status-badge.processing {color:#2d62c6;background:#edf4ff;border-color:#d8e6fc}
.status-badge.redeemed {color:#7750b8;background:#f3effb;border-color:#e6ddf7}
.status-badge.cancelled,.status-badge.neutral {color:#6e7c90;background:#f2f5f8;border-color:#e3e8ef}
.progress,.admin-task-progress {background:#e7eef8}
.progress i,.admin-task-progress i {background:#5b85e8}
.progress-label,.task-live-status {color:#7c8a9f;font-size:12px}
.empty-state {padding:54px 24px;color:#8190a4;font-size:14px;background:#fff}
.pagination {padding:16px 22px;gap:12px}
.pagination-status {color:#758399;font-size:12px}
.compact-table table {min-width:540px}
.compact-table th,.compact-table td {padding-left:24px;padding-right:24px}
/* Retain task search layout from the old final theme. */
#page-tasks .task-filter-bar {display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:24px;padding:23px;border-bottom:1px solid var(--line);background:#fff}
#page-tasks .task-card-query {display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;margin-top:8px}
#page-tasks .task-card-query input {margin:0;width:100%;min-width:0}
#page-tasks .task-card-query button {min-height:44px;white-space:nowrap}
#page-tasks .task-card-search-label,#page-tasks .task-status-filter-label {display:block;margin:0;min-width:0}
#page-tasks .task-status-filter-label select {margin-top:8px}
#page-tasks .task-secondary-filters {display:block;margin:0;padding:0;border:0}
#task-card-hint {color:var(--muted);font-size:12px}
/* Models and settings */
.model-summary-grid article {min-height:100px;padding:22px}
.model-summary-grid span {color:#68788e;font-size:14px}
.model-summary-grid strong {color:#2b5dcc;font-size:28px}
.model-category-card {margin-bottom:12px;overflow:hidden}
.model-category-header {background:#fff;padding:15px 20px;gap:16px}
.model-category-toggle {color:#26364d}
.model-category-chevron {color:#7f93b1;border-color:#dfe7f3;background:#f4f7fd}
.model-category-title strong {color:#26364d;font-size:15px}
.model-category-title span,.model-category-title small {color:#7b8aa0;font-size:12px}
.model-category-actions {gap:8px}
.model-category-table {border-color:var(--line)}
.model-kind-chip {color:#46649a;background:#edf3fd;border-color:#dfe8f7}
.model-monitor-summary,.model-monitor-item {background:#fff;border-color:var(--line)}
.model-monitor-summary strong,.model-monitor-summary div strong {color:#2b5dcc}
.model-monitor-summary span,.model-monitor-detail,.model-monitor-note {color:var(--muted)}
.model-monitor-item.state-ok {border-color:#d9eade}
.model-monitor-item.state-failed,.model-monitor-item.state-error {border-color:#f1ced5}
.model-monitor-title,.model-monitor-title strong {color:#334159}
.model-feature-switch,.model-output-options,.model-pricing-options,.model-secret-state,.model-pricing-flat,.model-pricing-resolution-card,.video-billing-mode-option,.recharge-channel-card,.business-inquiry-item,.announcement-admin-item {background:#f8fafc;border:1px solid var(--line);border-radius:9px}
.model-feature-switch b,.model-output-heading b,.model-output-group>b {color:#334159;font-size:14px}
.model-feature-switch small {color:var(--muted);font-size:12px}
.model-output-heading>span {color:#3264de;border-color:#d7e4ff;border-radius:5px;background:#edf3ff;font-size:12px}
.model-option-checks label {background:#fff;color:#62738d;border-color:#dfe5ef;border-radius:6px;font-size:13px}
.model-option-checks label:has(input:checked) {color:#2855c3;background:#eff4ff;border-color:#a8c1f3}
.model-option-remove {color:#7e8ca3}
.model-option-editor>small {color:#7c8ba1;font-size:12px}
.model-secret-state {color:#687b96;font-size:12px}
.model-pricing-table {border-radius:7px;overflow:hidden}
.model-pricing-table-head {color:#667993;background:#edf2f9;font-size:12px}
.model-pricing-table-row {background:#fff}
.model-pricing-table-row>span,.model-pricing-table-row strong {color:#3d526f}
.video-billing-mode-option:has(input:checked) {border-color:#a8c1f3;background:#eff4ff}
.video-billing-mode-option b,.video-billing-mode-option strong {color:#334159}
.feature-control-actions p,.recharge-settings-actions p {color:var(--muted);font-size:13px}
.recharge-channel-card strong,.recharge-channel-card b {color:#334159}
.recharge-channel-card small,.recharge-channel-card p {color:var(--muted)}
.customer-service-preview {background:#f7f9fc;border-color:#dce4ef;border-radius:8px;color:#7e8ba0}
.customer-service-preview img {object-fit:contain}
.announcement-admin-item h4,.business-inquiry-item h4,.business-inquiry-meta b {color:#334159}
.business-inquiry-meta>div,.business-inquiry-description {background:#fff;border-color:#e4eaf3;color:#42536e}
.business-inquiry-meta small,.business-inquiry-time {color:#7a8a9f}
.release-hash {color:#6b7c96;background:#f4f7fb;border:1px solid #e3e9f2;border-radius:5px;font-size:12px}
.release-version-cell strong {color:#2b5dcc}
.release-form,.mail-settings-form,.recharge-plan-form {padding:24px}
.release-form input[type="file"],.customer-service-editor input[type="file"] {color:#5f718e;background:#f8fafc}
input::file-selector-button {color:#31558e;border:1px solid #cbd9ed;border-radius:5px;background:#eef3fc;padding:7px 10px;margin-right:12px;cursor:pointer}
.release-form .checkbox-label input[type="checkbox"] {width:16px;height:16px;flex:0 0 16px;margin:0}
.calculator-fields label>span,.calculator-note,.calculator-result-card small,.calculator-result-card p {color:var(--muted);font-size:12px}
.calculator-result-card {background:#f7faff;border-color:#dce6f8;border-radius:9px}
.calculator-result-card>div+div {border-color:#dce6f8}
.calculator-result-card strong,.calculator-fields input[readonly],.calculator-operator {color:#3264de}
.pricing-reference-list button {color:#5f728d;border-color:var(--line);background:#fff}
.pricing-reference-list button:hover {background:#f3f7fe;border-color:#bcd0f4}
.pricing-reference-list strong {color:#3264de}
/* Dialog stacking, scroll, focus and destructive action affordances. */
.modal {z-index:1000;background:#101d3559;backdrop-filter:blur(5px);padding:24px}
.modal-card {width:min(100%,720px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:30px;border:1px solid #e0e7f2;border-radius:15px;background:#fff;color:var(--text);box-shadow:0 24px 100px #10234333}
.model-modal-card,.category-modal-card {width:min(100%,920px)}
.confirm-action-card {width:min(100%,470px);padding:32px}
.error-dialog-card {width:min(100%,590px);border-color:#f0cbd2}
.modal-head {padding-bottom:18px;border-bottom:1px solid var(--line);gap:20px}
.modal-head h3,.confirm-action-card h3,.error-dialog-card h3 {color:#22334c;font-size:22px}
.modal-user {background:#f6f9fd;border-color:var(--line);border-radius:9px}
.modal-user strong,.modal-user code {color:#3d5c8a}
.modal-actions {padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}
.confirm-description,.error-dialog-guidance {color:#6a7b93;font-size:14px}
.confirm-sigil {border-color:#dbe6fb;color:#3264de;background:#edf3ff;border-radius:14px;box-shadow:none}
.error-sigil {color:#c23e50;background:#fff0f3;border-color:#f3d4db}
.card-key-result {background:#f2faf5;border-color:#d4eadc}
.card-key-result strong {color:#167452;overflow-wrap:anywhere}
.card-key-result span {color:#658571;font-size:12px}
.toast {z-index:1200;background:#f1fbf5;color:#18744f;border:1px solid #cce7d7;border-radius:10px;box-shadow:0 8px 32px #19304a20}
.toast.error {background:#fff3f5;color:#b7384b;border-color:#f1cdd5}
.metric-card.violet,.metric-card.cyan,.metric-card.blue,.metric-card.amber,.metric-card.green {border-color:var(--line);background:#fff}
.model-category-card.expanded {border-color:#c7d8f5;box-shadow:0 2px 5px #12284703}
.model-category-card.expanded .model-category-chevron {border-color:#bcd0f2;color:#3264de;background:#edf3ff}
.model-category-table {background:#fff}
.recharge-channel-list .feature-control-card {background:#f8fafc;border-color:#e0e7f2;border-radius:9px}
.recharge-channel-list .feature-control-card strong {color:#334159}
.recharge-channel-list .feature-control-card small {color:#6c7b92;font-size:12px}
.business-inquiry-meta>span {background:#fff;border-color:#e4eaf3;border-radius:7px}
.business-inquiry-actions {display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
#page-card-issuance .table-actions {min-width:140px;flex-wrap:wrap}
.model-pricing-resolution-grid label {background:#fff;border-color:#e4eaf3;border-radius:7px}
.model-pricing-resolution-grid label>b,.model-pricing-resolution-grid label>span {color:#42618d}
.model-pricing-resolution-grid small {color:#728198}
.calculator-formula {background:#f4f8ff;border-color:#dce6f8;border-radius:9px}
.calculator-formula span {color:#3b5274}
.calculator-rate-badge {color:#3264de;background:#edf3ff;border-color:#dce6f8;border-radius:5px}
.calculator-fields input[readonly] {color:#3264de;background:#f5f8fe;border-color:#c7d8f5}
.model-monitor-message.error {color:#c23e50;background:#fff2f4;border-color:#f0cbd2}
.danger-button:hover:not(:disabled),.danger-ghost-button:hover:not(:disabled) {color:#af3044;background:#ffe7eb}
#page-tasks .task-card-filter>label {margin:0;color:#38485f;font-size:14px}
[data-pixel-icon="wallet"] {--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='5' width='18' height='15' rx='3'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E")}
[data-pixel-icon="ledger"] {--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h4'/%3E%3C/svg%3E")}

/* Login */
.login-shell {width:100%;min-height:100dvh;max-width:none;grid-template-columns:1fr 1fr;gap:0}
.login-brand {align-self:stretch;padding:clamp(50px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 0 0,#233b61,transparent 65%),#111b2d;color:#fff}
.brand-mark-large {width:62px;height:62px;border-radius:16px;margin-bottom:48px}
.login-brand .eyebrow {color:#8ca9d4;font-size:12px}
.login-brand h1 {font-size:clamp(34px,3.5vw,54px);line-height:1.4;font-weight:650;letter-spacing:-1.5px;color:#f5f8ff;margin-top:20px}
.login-intro {max-width:450px;color:#a2b3cc;font-size:16px;line-height:1.9}
.feature-row {gap:20px;flex-wrap:wrap}
.feature-row span {color:#9db1ce;padding:0;border:0;border-radius:0;background:none;font-size:13px}
.feature-row span::before {content:"";display:inline-block;width:5px;height:5px;background:#628fdc;border-radius:50%;vertical-align:middle;margin-right:8px}
.login-panel {justify-content:center;padding:40px;background:#f7f9fc}
.login-card {width:min(100%,440px);border:1px solid #e3e9f2;border-radius:16px;background:#fff;padding:42px;box-shadow:0 12px 44px #18345b08;backdrop-filter:none}
.login-card h2 {font-size:29px;color:#172338;letter-spacing:-.7px}
.login-card>.muted {color:#7a889e;font-size:14px;line-height:1.7}
.login-card .eyebrow {color:#4775ce}
.login-card label {margin-top:24px}
.login-card input {min-height:47px}
.login-button {min-height:46px;font-size:14px;border-radius:8px}
.security-note {margin-top:24px;text-align:center;font-size:12px}
.security-note span {background:#18875f}
.mobile-brand {color:#24344d}
@media(min-width:801px) and (max-height:860px) {
 .sidebar {padding-top:20px}.brand {padding-bottom:21px}.nav-item {min-height:38px;margin:2px 0}.nav-caption {margin-top:17px}
}
@media(max-width:1280px) {
 .content {padding:24px}.topbar {padding:0 24px}.metric-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .overview-grid {grid-template-columns:minmax(0,1fr)}
 .update-layout,.platform-content-layout,.mail-settings-layout {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1050px) {
 #page-tasks .task-filter-bar {grid-template-columns:minmax(0,1fr);gap:16px}
 #page-tasks .task-status-filter-label {max-width:260px}
 .recharge-plan-form {grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-channel-list {grid-template-columns:1fr}
}
@media(max-width:800px) {
 .main-area {margin-left:0}.sidebar {width:250px}.topbar {height:76px;padding:0 18px}.content {padding:23px 18px 40px}
 .mobile-menu {display:grid;place-items:center}
 .pixel-menu-icon {display:block;width:16px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
 .pixel-menu-icon::before {content:"";position:absolute;top:4px;left:0;right:0;border-top:2px solid currentColor}
 .login-shell {grid-template-columns:1fr}.login-brand {display:none}.login-panel {padding:24px;min-height:100dvh}.mobile-brand {display:flex}
 .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.model-category-header {flex-wrap:wrap}
 .model-category-actions {margin-left:auto}.model-category-toggle {min-width:0}
 .modal {padding:14px}.modal-card {padding:23px;max-height:calc(100dvh - 28px)}
 .model-pricing-grid,.model-pricing-resolution-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:570px) {
 .model-pricing-table {overflow-x:auto;overscroll-behavior-x:contain}
 .model-pricing-table-head,.model-pricing-table-row {min-width:520px}
 .model-pricing-resolution-grid.provider-map label {grid-template-columns:auto minmax(80px,1fr) auto}
 .model-pricing-resolution-grid.provider-map .provider-resolution-model {grid-column:1/-1}
 .welcome-card {align-items:flex-start;padding:0 0 22px;gap:16px}.welcome-card h3 {font-size:22px}
 .metric-card {padding:17px;min-height:148px;grid-template-columns:minmax(0,1fr) 24px}
 .metric-card .metric-icon {width:24px;height:24px;border-radius:6px}
 .metric-card .metric-icon::before {width:16px;height:16px}.metric-card strong {font-size:25px}.metric-card span {font-size:12px}.metric-card small {font-size:12px;line-height:1.6}
 .section-heading {flex-direction:column;align-items:stretch;gap:16px}.heading-actions {flex-direction:row;justify-content:flex-start}
 .heading-actions button {flex:1 1 auto}.toolbar,#page-tasks .task-filter-bar {padding:18px}
 .filter-group {gap:2px}.filter-button {padding:7px 9px}.task-live-status {margin-left:0}
 #page-tasks .task-card-query {grid-template-columns:minmax(0,1fr) auto}#clear-task-card {grid-column:1/-1}
 .pagination {flex-wrap:wrap;justify-content:center}
 .model-form-grid,.recharge-plan-form,.business-inquiry-meta {grid-template-columns:minmax(0,1fr)}
 .model-output-group {flex-direction:column;align-items:stretch}.model-option-editor {justify-items:start}.model-option-checks {justify-content:flex-start}
 .model-output-heading {flex-wrap:wrap}.model-secret-state {align-items:stretch}
 .feature-control-actions {flex-direction:column;align-items:stretch;gap:16px}
 .login-card {padding:30px 24px}.topbar h2 {font-size:19px}.admin-profile {gap:8px}.admin-profile .quiet-button {margin:0;min-height:34px}.profile-copy {display:none}
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

[data-pixel-icon="overview"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="users"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M16%205a3%203%200%200%201%200%206m2%203a5%205%200%200%201%203%205v2%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="credits"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="online"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M5%2013h4l2-6%203%2010%202-4h3%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="calculator"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%2214%22%20height%3D%2220%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M8%207h8M8%2012h1m6%200h1m-8%205h1m6%200h1%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="models"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%209%205v10l-9%205-9-5V7zm0%2010%209-5M3%207l9%205v10M7.5%204.5l9%205%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="features"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h6m4%200h8M3%2018h10m4%200h4%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="updates"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V3m-5%205%205-5%205%205M4%2015v5a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-5%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="spent"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")}
[data-pixel-icon="transactions"]{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V3m-5%205%205-5%205%205M4%2015v5a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-5%22%2F%3E%3C%2Fsvg%3E")}