.shell{grid-template-columns:var(--sidebar-w) 1fr;background:var(--bg);min-height:100dvh;display:grid}.sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:20px;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 8px;display:flex}.brand-mark{background:var(--brand);width:36px;height:36px;color:var(--brand-ink);border-radius:8px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.sidebar-close{margin-left:auto;display:none}.sidebar nav{flex-direction:column;gap:2px;display:flex;overflow:auto}.sidebar a,.sidebar .nav-group-toggle{min-height:40px;color:var(--ink);text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-left:3px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.sidebar a:hover,.sidebar .nav-group-toggle:hover{background:#f8fafc}.sidebar a.active{background:var(--brand-soft);border-left-color:var(--brand);color:#115e59;font-weight:500}.sidebar .nav-group{flex-direction:column;gap:2px;display:flex}.sidebar .nav-group-toggle{color:#475569;font-size:13px;font-weight:600}.sidebar .nav-group-label{flex:1;min-width:0}.sidebar .nav-group-chevron{color:#94a3b8;flex-shrink:0;margin-left:auto;transition:transform .15s}.sidebar .nav-group.open .nav-group-chevron{transform:rotate(180deg)}.sidebar .nav-group-children{flex-direction:column;gap:2px;padding-left:8px;display:flex}.sidebar .nav-group-children a{color:#334155;min-height:36px;font-size:13px}.main{background:var(--bg);flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:10;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:10px;display:flex}.menu-toggle{display:none}.topbar-right{align-items:center;gap:12px;display:flex}.content{padding:20px 24px}@media (width<=768px){.shell{grid-template-columns:1fr}.menu-toggle{place-items:center;display:inline-grid}.sidebar-backdrop{opacity:0;pointer-events:none;z-index:30;background:#0f172a59;transition:opacity .18s;display:block;position:fixed;inset:0}.shell.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar{z-index:31;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0f172a1a}.shell.nav-open .sidebar{transform:translate(0)}.sidebar-close{place-items:center;display:inline-grid}.content{padding:16px}}.login-screen{isolation:isolate;background:var(--bg);grid-template-columns:minmax(0,1.38fr) minmax(320px,.9fr);min-height:100dvh;display:grid;position:relative;overflow:hidden}.login-particles{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-brand-panel,.login-form-panel{z-index:1;position:relative}.login-brand-panel{color:#f8fafc;background:linear-gradient(#0f172a2e 0%,#0f172ab8 100%),url(/login-brand.jpg) 50%/cover no-repeat;align-items:flex-end;min-height:100dvh;padding:48px;display:flex;overflow:hidden}.login-brand-copy{max-width:28rem;animation:.42s ease-out both login-rise}.login-brand{letter-spacing:.04em;color:#f8fafc;text-shadow:0 2px 24px #0f172a59;margin:0;font-size:clamp(36px,4.2vw,52px);font-weight:700;line-height:1.15}.login-brand-sub{letter-spacing:.08em;color:#d2fbf3;opacity:.92;margin:12px 0 0;font-size:15px;font-weight:500}.login-form-panel{background:radial-gradient(1200px 480px at 100% 0%, color-mix(in srgb, var(--brand-soft) 55%, white), transparent 60%), color-mix(in srgb, var(--bg) 92%, white);place-items:center;padding:40px 28px;display:grid}.login-card{flex-direction:column;gap:4px;width:min(400px,100%);display:flex}.login-form-head{margin-bottom:18px;animation:.42s ease-out 40ms both login-rise}.login-form-head h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:28px;font-weight:650}.login-form-head .muted{margin:0;font-size:14px}.login-card .field{margin-bottom:14px;animation:.42s ease-out both login-rise}.login-card .field:first-of-type{animation-delay:80ms}.login-card .field:nth-of-type(2){animation-delay:.12s}.login-card .field:nth-of-type(3){animation-delay:.16s}.login-card label{margin-bottom:6px}.login-card input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;min-height:44px;padding:10px 12px}.captcha-row{grid-template-columns:1fr 132px;align-items:stretch;gap:10px;display:grid}.captcha-image-control{border-radius:var(--radius);min-height:44px;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 26%, var(--line));background:0 0;border:0;padding:0;transition:box-shadow .16s,transform .16s;overflow:hidden}.captcha-image-control:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 58%, var(--line)), 0 0 0 4px color-mix(in srgb, var(--focus) 12%, transparent);transform:translateY(-1px)}.captcha-image-control:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 45%, white);outline-offset:2px}.captcha-image-control img{object-fit:cover;width:100%;height:44px;display:block}.captcha-placeholder{background:linear-gradient(105deg, color-mix(in srgb, var(--brand-soft) 65%, white) 25%, #fff 42%, color-mix(in srgb, var(--brand-soft) 65%, white) 58%);background-size:220% 100%;height:44px;animation:1.2s ease-in-out infinite captcha-loading;display:block}.login-card .error{margin:0 0 10px;animation:.24s ease-out both login-rise}.login-submit{letter-spacing:.02em;width:100%;min-height:44px;margin-top:4px;font-weight:600;transition:opacity .18s,transform .18s;animation:.42s ease-out .2s both login-rise}.login-submit:hover:not(:disabled){transform:translateY(-1px)}.login-submit:disabled{opacity:.65;transform:none}@keyframes login-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes captcha-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=900px){.login-screen{grid-template-rows:200px minmax(0,1fr);grid-template-columns:1fr}.login-brand-panel{align-items:flex-end;min-height:200px;padding:24px}.login-brand{font-size:32px}.login-brand-sub{margin-top:8px;font-size:13px}.login-form-panel{align-content:start;padding:28px 20px 40px}.captcha-row{grid-template-columns:1fr 120px}}@media (prefers-reduced-motion:reduce){.login-brand-copy,.login-form-head,.login-card .field,.login-submit,.login-card .error,.captcha-placeholder{animation:none}.login-submit:hover:not(:disabled){transform:none}}:root{--bg:#f8fafc;--surface:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#0f766e;--brand-ink:#f0fdfa;--brand-soft:#ccfbf1;--danger:#b91c1c;--success:#047857;--warning:#b45309;--focus:#0d9488;--radius:8px;--shadow:0 1px 2px #0f172a0f;--font:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--sidebar-w:232px;--drawer-w:420px;--z-drawer:40;--z-toast:50}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:var(--radius);background:var(--brand);min-height:36px;color:var(--brand-ink);border:1px solid #0000;padding:0 14px}button.secondary{border-color:var(--line);color:var(--ink);background:0 0}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 45%, white);outline-offset:2px}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:36px;color:var(--ink);background:#fff;padding:8px 12px}input::placeholder,textarea::placeholder{color:#94a3b8}label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field{margin-bottom:14px}.field-error{color:var(--danger);margin-top:4px;font-size:12px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px;font-size:13px}.table th{color:var(--muted);background:#f8fafc;font-size:12px;font-weight:600}.table tbody tr:hover{background:#f8fafc}.muted{color:var(--muted)}.error{color:var(--danger);font-size:13px}.tabular{font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.page-title{margin:0 0 12px;font-size:20px;font-weight:600}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-header h1{margin:0;font-size:20px;font-weight:600}.page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.filter-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}.filter-bar input,.filter-bar select{width:auto;min-width:180px}.filter-bar-actions{gap:8px;margin-left:auto;display:flex}.data-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.status-tag{border:1px solid #0000;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-tag.ok{color:var(--success);background:#ecfdf5;border-color:#a7f3d0}.status-tag.muted{color:var(--muted);border-color:var(--line);background:#f1f5f9}.status-tag.warn{color:var(--warning);background:#fffbeb;border-color:#fde68a}.status-tag.danger{color:var(--danger);background:#fef2f2;border-color:#fecaca}.empty-state{text-align:center;color:var(--muted);padding:40px 16px;font-size:14px}.money-up{color:var(--danger);font-weight:600}.money-down{color:var(--success);font-weight:600}@keyframes sq-spin{to{transform:rotate(360deg)}}.sq-spinner{color:var(--brand);flex-shrink:0;animation:.85s linear infinite sq-spin}@media (prefers-reduced-motion:reduce){.sq-spinner{animation:none}}.sq-inline-loading{color:var(--muted);align-items:center;gap:8px;font-size:13px;line-height:1.4;display:inline-flex}button:not(.secondary):not(.ghost) .sq-inline-loading,button:not(.secondary):not(.ghost) .sq-spinner,.login-submit .sq-inline-loading,.login-submit .sq-spinner{color:inherit}.sq-page-loading{color:var(--brand);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px;display:flex}.sq-page-loading p{color:var(--muted);margin:0;font-size:13px}.sq-page-loading-fullscreen{background:var(--bg);min-height:100dvh}.drawer-root{z-index:var(--z-drawer);pointer-events:none;position:fixed;inset:0}.drawer-root.open{pointer-events:auto}.drawer-backdrop{opacity:0;background:#0f172a59;transition:opacity .18s;position:absolute;inset:0}.drawer-root.open .drawer-backdrop{opacity:1}.drawer-panel{width:min(var(--drawer-w), 100%);background:var(--surface);border-left:1px solid var(--line);flex-direction:column;height:100%;transition:transform .2s;display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #0f172a14}.drawer-root.open .drawer-panel{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.drawer-header h2{margin:0;font-size:16px;font-weight:600}.drawer-body{flex:1;padding:16px 18px;overflow:auto}.drawer-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.icon-btn{width:32px;min-height:32px;color:var(--muted);background:0 0;border-color:#0000;padding:0}.icon-btn:hover{color:var(--ink);background:#f1f5f9}.confirm-root{z-index:var(--z-toast);background:#0f172a59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-card{background:var(--surface);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:10px;padding:18px}.confirm-card h3{margin:0 0 8px;font-size:16px}.confirm-card p{color:var(--muted);margin:0 0 16px;font-size:14px}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.performance-modal{flex-direction:column;width:min(760px,100%);max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden}.performance-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.performance-modal-header h3{margin-bottom:4px}.performance-modal-user{overflow-wrap:anywhere}.performance-modal-body{padding:20px;overflow-y:auto}.performance-month-field{width:min(260px,100%);margin-bottom:20px}.performance-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.performance-stats-grid .kpi-card{min-width:0;padding:20px}.performance-stats-grid .kpi-value{overflow-wrap:anywhere}.performance-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 20px;display:flex}@media (width<=560px){.performance-modal-header,.performance-modal-body,.performance-modal-footer{padding-left:16px;padding-right:16px}.performance-stats-grid{grid-template-columns:1fr}}.media-preview-thumb-wrap{border:1px solid var(--line);cursor:zoom-in;background:#f8fafc;border-radius:8px;padding:0;display:inline-flex;overflow:hidden}.media-preview-thumb-wrap:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line))}.media-preview-thumb{object-fit:cover;width:72px;height:72px;display:block}.media-lightbox-root{z-index:calc(var(--z-toast) + 2);cursor:zoom-out;background:#0f172ab8;place-items:center;gap:10px;padding:24px;display:grid;position:fixed;inset:0}.media-lightbox-img{object-fit:contain;max-width:min(960px,92vw);max-height:min(80vh,860px);box-shadow:var(--shadow);cursor:default;background:#0f172a;border-radius:10px}.media-lightbox-caption{color:#f8fafc;text-align:center;word-break:break-all;max-width:min(960px,92vw);font-size:13px}.media-lightbox-close{color:#f8fafc;cursor:pointer;background:#0f172a8c;border:1px solid #f8fafc59;border-radius:999px;width:40px;height:40px;font-size:24px;line-height:1;position:absolute;top:16px;right:16px}.media-lightbox-close:hover{background:#0f172abf}.media-preview-audio{width:min(220px,100%);height:36px}.media-preview-video{background:#0f172a;border-radius:8px;width:140px;height:80px}.media-purge-options{flex-direction:column;gap:8px;margin:4px 0 8px;display:flex}.media-purge-card{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);box-shadow:none;cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.media-purge-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 40%, var(--line));background:#f8fafc}.media-purge-card.active{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, #fff);box-shadow:inset 3px 0 0 var(--brand)}.media-purge-card-title{font-size:14px;font-weight:600}.media-purge-card-desc{color:var(--muted);font-size:12px;font-weight:400}.media-purge-days{width:auto;min-width:120px;margin-top:6px}.toast-viewport{z-index:var(--z-toast);flex-direction:column;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);padding:10px 14px;font-size:13px}.toast.ok{color:var(--success);background:#ecfdf5;border-color:#a7f3d0}.toast.err{color:var(--danger);background:#fef2f2;border-color:#fecaca}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1280px){.kpi-grid-6,.kpi-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.kpi-grid,.kpi-grid-6,.kpi-grid-5,.kpi-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.kpi-grid,.kpi-grid-6,.kpi-grid-5,.kpi-grid-3{grid-template-columns:1fr}}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:block}.kpi-card.clickable{cursor:pointer}.kpi-card.clickable:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line))}.kpi-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.kpi-hint{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.kpi-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.dashboard-page{flex-direction:column;gap:16px;display:flex}.chart-section{gap:12px;display:grid}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chart-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.chart-grid,.chart-grid-2{grid-template-columns:1fr}}.chart-panel{min-width:0}.chart-panel-title{margin:0 0 12px;font-size:14px;font-weight:600}.chart-panel-body{width:100%;min-height:240px}.chart-section-header{justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}.chart-section-title{margin:0;font-size:16px;font-weight:600}.chart-section-meta{color:var(--muted);font-size:13px}.dashboard-footnote{margin:0;font-size:12px}.link-btn{color:var(--brand);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.ui-switch{cursor:pointer;vertical-align:middle;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.ui-switch:focus-visible .ui-switch-track{outline:2px solid var(--focus);outline-offset:2px}.ui-switch-track{border:1px solid color-mix(in srgb, var(--line) 80%, #94a3b8);background:#cbd5e1;border-radius:999px;width:40px;height:22px;transition:background .16s,border-color .16s;position:relative}.ui-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f172a2e}.ui-switch.is-on .ui-switch-track{background:var(--brand);border-color:color-mix(in srgb, var(--brand) 70%, #0f172a)}.ui-switch.is-on .ui-switch-thumb{transform:translate(18px)}.ui-switch.is-disabled{cursor:not-allowed;opacity:.55}.money-input{align-items:center;gap:8px;display:flex}.money-input span{color:var(--muted)}.money-input input{flex:1}.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.settings-nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;padding:8px;display:flex}.settings-nav-item{text-align:left;width:100%;min-height:48px;color:var(--ink);background:0 0;border:1px solid #0000;border-left-width:3px;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.settings-nav-item:hover{background:#f8fafc}.settings-nav-item.active{background:var(--brand-soft);border-left-color:var(--brand);color:#115e59}.settings-nav-title{font-size:13px;font-weight:600}.settings-nav-desc{font-size:12px;font-weight:400}.settings-content{max-width:720px}.settings-content--wide{min-width:0;max-width:1120px}.settings-content-title{margin:0 0 8px;font-size:16px;font-weight:600}@media (width<=768px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-flow:wrap}.settings-nav-item{flex:160px}}.relay-tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 0 16px;display:flex;overflow-x:auto}.relay-tab{min-height:36px;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;padding:8px 14px}.relay-tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.relay-provider-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.relay-provider-actions{gap:8px;padding-bottom:2px;display:flex}.relay-endpoint-box{border:1px solid var(--line);background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.relay-endpoint-title{margin-bottom:10px;font-size:13px;font-weight:600}.volc-asset-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.volc-asset-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.volc-asset-heading .relay-endpoint-title{margin-bottom:4px}.volc-asset-heading p{margin:0}.volc-asset-actions{flex-wrap:wrap;gap:8px;display:flex}.volc-asset-project{color:var(--muted);overflow-wrap:anywhere;margin-top:14px;font-size:12px}.volc-asset-totals{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.volc-asset-totals span{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--line));background:var(--brand-soft);color:var(--brand);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.volc-asset-groups{gap:6px;margin-top:10px;display:grid}.volc-asset-group{border:1px solid var(--line);background:var(--surface);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.volc-asset-group span{overflow-wrap:anywhere;min-width:0}.volc-asset-group strong{font-variant-numeric:tabular-nums;flex:none}.volc-asset-empty{margin:12px 0 0}.volc-asset-failures{border:1px solid color-mix(in srgb, var(--danger) 32%, var(--line));background:color-mix(in srgb, var(--danger) 6%, var(--surface));color:var(--danger);border-radius:6px;margin-top:12px;padding:10px}.volc-asset-failures ul{margin:6px 0 0;padding-left:20px}.volc-asset-failures li{overflow-wrap:anywhere}.relay-model-card{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:12px}.relay-price-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings-content .data-table-wrap{max-height:min(60vh,640px);overflow:auto}.settings-content .filter-bar{margin-bottom:8px}button.ghost{border:1px solid var(--line);color:var(--ink);background:0 0}button.ghost.danger{color:var(--danger);border-color:#fecaca}button.ghost:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.relay-price-grid{grid-template-columns:1fr}.relay-provider-row{flex-direction:column;align-items:stretch}.relay-provider-actions{padding-bottom:0}.volc-asset-heading{flex-direction:column}.volc-asset-actions{width:100%}.volc-asset-actions button{flex:160px}}.searchable-select{width:100%;position:relative}.searchable-select input{width:100%;padding-right:32px}.searchable-select.disabled{opacity:.6}.searchable-select-chevron{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.searchable-select-menu{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 10px 30px #0f172a1f}.searchable-select-empty{color:var(--muted);padding:10px 12px;font-size:13px}.searchable-select-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:40px;padding:8px 10px;display:flex}.searchable-select-option:hover,.searchable-select-option.active{background:#f1f5f9}.searchable-select-option.active{color:var(--brand)}.searchable-select-option-label{word-break:break-all;font-size:13px;font-weight:500}.searchable-select-option-value{color:var(--muted);word-break:break-all;font-size:11px}