:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,sans-serif;--accent: #6cb7ff;--accent-strong: #4b97ed;--accent-soft: #eaf6ff;background:#f5f7fb;color:#202938;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}.locale-switcher{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--muted, #64748b)}.locale-switcher select{min-width:112px;height:36px;padding:0 28px 0 9px;border:1px solid var(--border, #dbe3ec);border-radius:6px;background:var(--panel, #fff);color:inherit;font:inherit}.login-panel>.locale-switcher{margin-left:auto;margin-bottom:12px}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.telegram-binding{display:grid;gap:10px}.telegram-binding code{overflow-wrap:anywhere;padding:10px;border:1px solid #dce3ec;border-radius:6px;background:#f7f9fc}.preference-table{display:grid;grid-template-columns:minmax(130px,1fr) 88px 104px;gap:10px;align-items:center;margin:16px 0}.preference-table>*{min-width:0}.preference-table input{width:18px;min-width:18px;height:18px;min-height:18px;justify-self:center;accent-color:var(--accent-strong)}.notification-preferences>.primary{width:100%}a{color:inherit;text-decoration:none}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,440px);justify-content:center;place-items:center;background:#eef3f8;padding:24px}.login-panel{width:100%;min-width:0;border:1px solid #dbe3ee;background:#fff;border-radius:8px;padding:26px;box-shadow:0 24px 80px #212c401f}.login-brand,.brand,.icon-text,.panel-head,.metric,.actions,.section-title,.topbar-actions,.notice,.search-box,.file-button{display:flex;align-items:center;gap:10px}.login-brand h1,.topbar h1,.panel h2,.product-card h2,.profile-card h2{margin:0;letter-spacing:0}.login-brand p,.brand small,.eyebrow,small,.muted,.plan-row span{color:#697386}.login-brand-logo{width:54px;height:54px;object-fit:contain;border-radius:8px}.login-brand h1{font-size:28px}.login-brand p{margin:4px 0 0}.switcher{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.switcher button,.actions button,.icon-text,.icon-only,.secondary,.file-button{border:1px solid #d5dde8;background:#fff;color:#344054;border-radius:8px;min-height:38px;padding:0 12px}.switcher .active,.primary{border:0;background:var(--accent-strong);color:#fff;font-weight:700}.login-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border:1px solid #d5dde8;border-radius:8px;background:#f8fafc}.login-methods button{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:6px;background:transparent;color:#667085;padding:0 7px}.login-methods button.active{background:#fff;color:#202938;box-shadow:0 1px 3px #1018281f;font-weight:700}.auth-mode-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.privacy-check{display:flex;grid-template-columns:none;align-items:flex-start;gap:9px;cursor:pointer}.privacy-check input{width:18px;min-width:18px;height:18px;min-height:18px;margin:1px 0 0;accent-color:var(--accent-strong)}.privacy-check a,.auth-legal a,.forgot-link{color:#175cd3;text-decoration:underline;text-underline-offset:3px}.forgot-link{justify-self:end;border:0;background:transparent;padding:0}.auth-legal{margin-top:18px;padding-top:14px;border-top:1px solid #e3e8ef;text-align:center;font-size:13px}.community-connect-panel{display:grid;justify-items:center;gap:14px;text-align:center}.community-connect-panel h1,.community-connect-panel p{margin:0}.community-connect-panel .primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.send-code-button{min-width:92px}form,label{display:grid;gap:8px}form{gap:16px}label{color:#475467;font-size:14px}input,select,textarea{width:100%;min-height:40px;border:1px solid #d5dde8;background:#fff;color:#202938;border-radius:8px;padding:0 12px;outline:none}textarea{min-height:92px;padding:10px 12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6cb7ff2e}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:0 16px}.secondary{background:#f8fafc}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.shell.collapsed{grid-template-columns:76px 1fr}.sidebar{border-right:1px solid #dfe6ef;background:#fff;padding:18px;display:flex;flex-direction:column;gap:18px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--accent-strong);color:#fff;font-weight:800}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff}.brand-text{font-size:20px;line-height:1.15}.collapse-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #d5dde8;background:#fff;color:#344054;border-radius:8px}.collapsed .brand{justify-content:center}.collapsed .brand-text,.collapsed nav span,.collapsed .icon-text span,.collapsed .collapse-button span{display:none}.collapsed nav a,.collapsed .icon-text{justify-content:center;padding:0}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;color:#667085;border-radius:8px}nav a.router-link-active{background:var(--accent-soft);color:#2668b8;font-weight:700}.subtle{margin-top:auto;justify-content:center}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.balance{border:1px solid #b7e4cd;color:#027a48;background:#ecfdf3;border-radius:8px;padding:10px 14px;font-weight:800}.avatar-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d5dde8;background:#fff;border-radius:8px;overflow:hidden}.avatar-button img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.user-account-link{min-width:0;max-width:220px;min-height:42px;display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe6ef;background:#fff;border-radius:999px;padding:7px 12px;font-weight:700}.user-account-link img{width:26px;height:26px;border-radius:999px;object-fit:cover}.user-account-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{width:42px;min-width:42px;height:42px;padding:0;display:grid;place-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric{min-height:92px;align-items:flex-start;flex-direction:column;border:1px solid #dfe6ef;background:#fff;border-radius:8px;padding:16px}.metric strong{font-size:24px}.split,.instance-layout,.announcement-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.instance-layout{grid-template-columns:360px 1fr;align-items:start}.announcement-layout{grid-template-columns:360px 1fr}.panel{border:1px solid #dfe6ef;background:#fff;border-radius:8px;padding:16px}.panel-head{justify-content:space-between;margin-bottom:14px}.plan-list,.instance-list{display:grid;gap:10px}.plan-row,.instance-row,.ticket-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid #e3e8ef;background:#fff;border-radius:8px;padding:12px}.selectable,.ticket-row{cursor:pointer}.selectable:hover,.ticket-row:hover,.choice-card:hover,.product-card:hover{border-color:var(--accent)}.instance-row.active,.ticket-row.active,.choice-card.selected,.product-card.selected{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.instance-row .status,.ticket-row .status{grid-row:span 2}.status{justify-self:start;border-radius:999px;padding:3px 8px;font-size:12px;background:#eef2f6;color:#475467}.status[data-status=running],.status[data-status=paid],.status[data-status=success],.status[data-status=open]{background:#dcfae6;color:#067647}.status[data-status=failed],.status[data-status=deleted],.status[data-status=closed]{background:#fee4e2;color:#b42318}.status[data-status=creating],.status[data-status=pending],.status[data-status=in_progress]{background:#fef0c7;color:#b54708}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.search-box{width:min(480px,100%);border:1px solid #d5dde8;background:#fff;border-radius:999px;padding:0 12px}.search-box input{border:0;box-shadow:none}.selector-block{margin-bottom:26px}.section-title{font-weight:800;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choice-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}.choice-card{min-height:78px;justify-content:space-between;border:1px solid #dfe6ef;background:#fff;border-radius:8px;display:flex;align-items:center;padding:12px 16px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px;margin-bottom:16px}.product-card{border:1px solid #dfe6ef;border-radius:8px;background:#fff;padding:18px;display:grid;gap:12px;cursor:pointer}.product-head{display:flex;justify-content:space-between;gap:12px}.product-head span{color:#f97316;font-size:20px;font-weight:800}.product-card p{color:#7a8699;min-height:44px;margin:0}.spec-row{color:#475467;display:flex;align-items:center;gap:8px}.product-card footer{display:flex;justify-content:space-between;align-items:center;color:#fb6514}.order-panel{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.form-grid.single{grid-template-columns:1fr;align-items:stretch}.inline-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.detail-grid span{display:grid;gap:4px;border:1px solid #e3e8ef;border-radius:8px;padding:10px;color:#697386}.detail-grid b{color:#202938;overflow-wrap:anywhere}.danger{border:1px solid #fda29b!important;color:#b42318!important;background:#fff5f4!important}.danger-text,.error{color:#b42318}.error{margin:10px 0 0}.notice{color:#027a48;background:#ecfdf3;border:1px solid #b7e4cd;border-radius:8px;padding:10px 12px}.empty{color:#697386;margin:0}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{border-bottom:1px solid #e3e8ef;padding:10px 8px;text-align:left;color:#344054;overflow-wrap:anywhere}th{color:#667085;font-size:12px;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#10182859;padding:20px}.modal{width:min(520px,100%);background:#fff;border-radius:8px;border:1px solid #dfe6ef;padding:18px;box-shadow:0 30px 90px #10182838}.status-dialog-backdrop{z-index:80}.status-dialog{position:relative;display:grid;justify-items:center;gap:12px;width:min(400px,100%);padding:28px;text-align:center}.status-dialog h2,.status-dialog p{margin:0}.status-dialog p{color:#667085;line-height:1.65;overflow-wrap:anywhere}.status-dialog .primary{min-width:132px}.dialog-close{position:absolute;top:12px;right:12px}.dialog-success-icon{color:#067647}.modal code,.panel code{display:block;background:#f2f4f7;border:1px solid #e3e8ef;border-radius:8px;padding:10px;overflow-wrap:anywhere}.confirm-input{margin-top:10px}.end{justify-content:flex-end}.ticket-layout{display:grid;grid-template-columns:320px 320px 1fr;gap:16px;align-items:start}.ticket-list,.ticket-thread{min-height:360px}.message{border:1px solid #e3e8ef;border-radius:8px;padding:12px;margin-bottom:10px;background:#f8fafc}.message.admin{background:#f1ecff}.message p{white-space:pre-wrap;margin:8px 0}.reply-box{display:grid;gap:10px;margin-top:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border-radius:999px;background:#eef2f6;padding:4px 9px;color:#475467;font-size:12px}.file-button{position:relative;justify-content:center}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.price-preview{border:1px solid #d9e8f7;background:#f3faff;border-radius:8px;padding:10px;display:grid;gap:4px;color:#344054}.price-preview strong{color:#1264b8;font-size:18px}.price-preview small{color:#667085}.change-box{border-top:1px solid #e3e8ef;margin-top:16px;padding-top:14px}.change-box h3{display:flex;align-items:center;gap:8px;margin:0}.form-grid .full{grid-column:1 / -1}.request-list{display:grid;gap:8px;margin:12px 0}.request-list article{display:flex;justify-content:space-between;gap:10px;border:1px solid #e3e8ef;background:#f8fafc;border-radius:8px;padding:8px 10px;color:#475467}.account-grid{display:grid;grid-template-columns:280px repeat(2,minmax(0,1fr));gap:16px;align-items:start}.profile-card{text-align:center;display:grid;justify-items:center;gap:12px}.profile-avatar{display:grid;place-items:center;width:92px;height:92px;border-radius:8px;overflow:hidden;background:#f1ecff;color:#6d3bdc}.article-panel{display:grid;gap:14px;align-content:start}.article-panel p{white-space:pre-wrap;line-height:1.7;margin:0}.service-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 240px auto}.service-layout{display:grid;grid-template-columns:minmax(520px,1fr) 440px;gap:16px;align-items:start}.service-table tbody tr{cursor:pointer}.service-table tbody tr.active{background:var(--accent-soft)}.service-table td strong,.service-table td small{display:block}.service-detail{position:sticky;top:18px}.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.recharge-panel{display:grid;gap:16px}.amount-row{display:grid;grid-template-columns:minmax(220px,360px) auto;gap:12px;align-items:end}.payment-card-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.payment-method-card{min-height:78px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;border:1px solid #d5dde8;border-radius:8px;background:linear-gradient(135deg,#fff,#f3f8ff);color:#202938;padding:12px 16px;text-align:left}.payment-method-card.active{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent),0 10px 24px #4082d61f}.payment-method-card strong,.payment-method-card small{display:block}.payment-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#4b97ed;color:#fff;font-weight:900}.payment-mark[data-tone=green]{background:#21a443}.payment-mark[data-tone=teal]{background:#0f766e;font-size:13px}.payment-mark[data-tone=gray]{background:#667085}.panel-title{display:flex;align-items:center;gap:9px}.panel-title h2{margin:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-method-icon{width:48px;height:48px;border:1px solid #e3e8ef;border-radius:8px;background:#fff;object-fit:contain;padding:4px}.wallet-ledger{margin-top:16px}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{min-width:720px}.table-empty{padding:28px 12px;color:#697386;text-align:center}.billing-tabs{display:inline-grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:4px;border:1px solid #d5dde8;border-radius:8px;background:#f8fafc;padding:4px;margin-bottom:16px}.billing-tabs button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#667085;padding:0 14px}.billing-tabs button.active{background:#fff;color:#202938;box-shadow:0 1px 3px #1018281f;font-weight:700}.billing-list{display:grid;gap:10px}.billing-row{display:grid;grid-template-columns:42px minmax(190px,1.4fr) minmax(100px,.55fr) minmax(140px,.8fr) minmax(112px,.65fr) auto;gap:12px;align-items:center;border:1px solid #e3e8ef;border-radius:8px;background:#fff;padding:13px 14px}.billing-kind{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#eef4ff;color:#175cd3}.billing-kind[data-kind=recharge]{background:#ecfdf3;color:#027a48}.billing-main,.billing-meta,.billing-state{display:grid;gap:4px;min-width:0}.billing-main strong,.billing-main small{overflow-wrap:anywhere}.billing-meta small{color:#697386}.billing-state{justify-items:start}.duplicate-credit{border-radius:999px;background:#fff4e5;color:#b54708;padding:3px 8px;font-size:12px;font-weight:700}.billing-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.billing-actions .primary,.billing-actions .secondary{min-height:36px;padding:0 11px}.payment-attempts{grid-column:2 / -1;display:grid;gap:6px;border-top:1px solid #e3e8ef;padding-top:10px}.payment-attempt{display:grid;grid-template-columns:64px minmax(120px,1fr) minmax(100px,1fr) 90px minmax(150px,1fr);gap:10px;align-items:center;color:#475467;font-size:13px}.payment-attempt time{color:#697386;text-align:right}.status[data-status=expired],.status[data-status=superseded]{background:#eef2f6;color:#475467}.modal-backdrop{z-index:20}.payment-modal{width:min(680px,100%)}.payment-modal .panel-head>div{display:grid;gap:4px}.payment-modal .panel-head small{color:#697386}.switch-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:380px;overflow-y:auto}.payment-modal footer{margin-top:16px}.qrcode-box{display:grid;place-items:center;min-height:180px;border:1px solid #e3e8ef;border-radius:8px;background:#f8fafc;padding:16px}.qrcode-box img{display:block;width:min(280px,100%);max-height:320px;object-fit:contain}.qrcode-box code{width:100%;max-height:220px;overflow:auto;white-space:pre-wrap}.payment-modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.turnstile-shell{display:grid;gap:7px;min-height:72px}.turnstile-widget{min-height:65px;max-width:100%;overflow-x:auto}.turnstile-shell small{display:flex;align-items:center;gap:6px;color:#697386}:root[data-theme=dark]{--accent-soft: #20354a;background:#111315;color:#edf1f5}:root[data-theme=dark] body,:root[data-theme=dark] .workspace,:root[data-theme=dark] .auth-screen{background:#111315;color:#edf1f5}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .login-panel,:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .product-card,:root[data-theme=dark] .modal,:root[data-theme=dark] .user-account-link,:root[data-theme=dark] .avatar-button,:root[data-theme=dark] .billing-row,:root[data-theme=dark] .payment-attempt,:root[data-theme=dark] .payment-option,:root[data-theme=dark] .service-detail,:root[data-theme=dark] .detail-grid span,:root[data-theme=dark] .choice-card,:root[data-theme=dark] .ticket-row,:root[data-theme=dark] .message{background:#1b1f23;border-color:#3a4149;color:#edf1f5}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] button:not(.primary):not(.danger){background:#23282e;border-color:#46505a;color:#edf1f5}:root[data-theme=dark] .login-methods,:root[data-theme=dark] .price-preview,:root[data-theme=dark] .qrcode-box,:root[data-theme=dark] .payment-attempts,:root[data-theme=dark] .switch-payment-panel,:root[data-theme=dark] .telegram-binding code,:root[data-theme=dark] .panel code{background:#23282e;border-color:#3a4149;color:#dce4ec}:root[data-theme=dark] .login-methods button.active{background:#343a41;color:#fff}:root[data-theme=dark] nav a:hover,:root[data-theme=dark] nav a.router-link-active,:root[data-theme=dark] .service-table tbody tr.active{background:#20354a;color:#8fc7ff}:root[data-theme=dark] .login-brand p,:root[data-theme=dark] .brand small,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] small,:root[data-theme=dark] .muted,:root[data-theme=dark] label,:root[data-theme=dark] th,:root[data-theme=dark] .empty{color:#aab4c0}:root[data-theme=dark] table td,:root[data-theme=dark] table th,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .auth-legal{border-color:#343b43}:root[data-theme=dark] .message.admin{background:#25213a}:root[data-theme=dark] .danger{background:#351d20!important;border-color:#8f3f47!important;color:#ffb4bc!important}:root[data-theme=dark] .notice{background:#153126;border-color:#285941;color:#91e6b8}@media(max-width:1180px){.product-grid,.payment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-layout,.account-grid,.service-layout{grid-template-columns:1fr}.service-detail{position:static}}@media(max-width:900px){.shell,.shell.collapsed{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;border-right:0;border-bottom:1px solid #dfe6ef}nav{grid-template-columns:repeat(2,1fr)}.subtle{margin-top:0}.workspace{padding:16px}.topbar{align-items:flex-start;flex-wrap:wrap}.topbar-actions{width:100%;justify-content:flex-end}.user-account-link{max-width:150px}.metric-grid,.split,.instance-layout,.announcement-layout,.form-grid,.detail-grid,.choice-grid,.choice-grid.compact,.product-grid,.service-toolbar,.service-actions,.amount-row,.payment-card-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.billing-row{grid-template-columns:42px minmax(0,1fr);align-items:start}.billing-main{align-self:center}.billing-meta,.billing-state,.billing-actions{grid-column:2}.billing-actions{justify-content:flex-start}.payment-attempts{grid-column:1 / -1}.payment-attempt{grid-template-columns:52px minmax(110px,1fr) 90px}.payment-attempt>:nth-child(3),.payment-attempt time{grid-column:2 / -1;text-align:left}.switch-payment-grid{grid-template-columns:1fr}}@media(max-width:520px){.auth-screen{grid-template-columns:minmax(0,1fr);padding:12px;align-items:start;justify-items:stretch}.login-panel{margin-top:12px;padding:20px 16px}.login-methods button{flex-direction:column;min-height:48px;font-size:12px}.inline-field{grid-template-columns:minmax(0,1fr) 84px}.turnstile-widget{transform-origin:left top}}.shell{background:var(--sd-bg)}.sidebar{background:var(--sd-surface);border-color:var(--sd-line)}.workspace{padding:clamp(16px,2.5vw,32px)}.brand-mark{background:linear-gradient(135deg,var(--sd-primary),var(--sd-live))}.panel,.metric,.product-card,.choice-card,.plan-row,.instance-row,.ticket-row,.modal,.login-panel{border-color:var(--sd-line);background:var(--sd-surface);box-shadow:var(--sd-shadow)}.panel h2,.product-card h2,.profile-card h2,.topbar h1,.login-brand h1{color:var(--sd-ink)}.primary{background:var(--sd-primary)}.primary:hover{background:var(--sd-primary-strong)}.status[data-status=running],.status[data-status=paid],.status[data-status=success],.status[data-status=open]{background:color-mix(in srgb,var(--sd-live) 15%,transparent);color:var(--sd-live)}.status[data-status=failed],.status[data-status=deleted],.status[data-status=closed]{background:color-mix(in srgb,var(--sd-danger) 14%,transparent);color:var(--sd-danger)}.sidebar-backdrop,.mobile-menu,.sidebar-close{display:none}.topbar-heading{display:flex;align-items:center;gap:10px;min-width:0}.dashboard-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px 20px 18px 24px}.dashboard-status h2{margin:4px 0;font-size:20px}.dashboard-status p{margin:0}@media(max-width:900px){.shell,.shell.collapsed{display:block;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(300px,86vw);transform:translate(-105%);transition:transform .18s ease;box-shadow:18px 0 48px #15344a2e;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:grid;position:absolute;top:14px;right:14px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;background:#081c2b6b}.mobile-menu{display:grid;flex:0 0 auto}nav{grid-template-columns:1fr}.subtle{margin-top:auto}.topbar{align-items:center;flex-wrap:wrap}.topbar-heading{flex:1 1 220px}.topbar-actions{width:auto;flex:0 1 auto}.user-account-link{max-width:180px}.workspace{padding:16px}.sd-table-scroll{margin-inline:-2px}}@media(max-width:520px){.workspace{padding:12px}.eyebrow{display:none}.topbar h1{font-size:22px}.topbar-actions{gap:5px}.topbar-actions .locale-switcher select{min-width:76px}.user-account-link{max-width:42px;padding:7px}.user-account-link span{display:none}}:root{--sd-bg: #f3f7f8;--sd-surface: #ffffff;--sd-surface-soft: #eaf2f4;--sd-line: #d4e1e4;--sd-line-strong: #9dbcc5;--sd-ink: #15344a;--sd-muted: #536b7b;--sd-primary: #246b8e;--sd-primary-strong: #15344a;--sd-live: #13a58f;--sd-amber: #c27a18;--sd-danger: #d24c4c;--sd-lilac: #735ba6;--sd-shadow: 0 12px 32px rgb(21 52 74 / .08);--sd-radius: 10px}:root[data-theme=dark]{--sd-bg: #0f2838;--sd-surface: #173748;--sd-surface-soft: #0b2230;--sd-line: #345566;--sd-line-strong: #5e8491;--sd-ink: #e7f1f3;--sd-muted: #a8bec6;--sd-primary: #64b5d7;--sd-primary-strong: #b9e3ef;--sd-live: #41c7b3;--sd-amber: #f0b35c;--sd-danger: #ef7777;--sd-lilac: #b9a6ef;--sd-shadow: 0 16px 40px rgb(0 0 0 / .24)}html,body,#app{min-width:320px;min-height:100%}body{overflow-x:hidden;background:var(--sd-bg);color:var(--sd-ink)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--sd-primary) 70%,white);outline-offset:3px}.sd-signal-card{position:relative;overflow:hidden;border:1px solid var(--sd-line);border-radius:var(--sd-radius);background:var(--sd-surface);box-shadow:var(--sd-shadow)}.sd-signal-card:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:var(--sd-line-strong)}.sd-signal-card[data-status=up]:before,.sd-signal-card[data-status=running]:before{background:var(--sd-live)}.sd-signal-card[data-status=degraded]:before,.sd-signal-card[data-status=maintenance]:before{background:var(--sd-amber)}.sd-signal-card[data-status=down]:before,.sd-signal-card[data-status=failed]:before{background:var(--sd-danger)}.sd-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--sd-muted) 12%,transparent);color:var(--sd-muted);font-size:12px;font-weight:750}.sd-status-pill[data-status=up],.sd-status-pill[data-status=running]{background:color-mix(in srgb,var(--sd-live) 14%,transparent);color:var(--sd-live)}.sd-status-pill[data-status=degraded],.sd-status-pill[data-status=maintenance]{background:color-mix(in srgb,var(--sd-amber) 16%,transparent);color:var(--sd-amber)}.sd-status-pill[data-status=down],.sd-status-pill[data-status=failed]{background:color-mix(in srgb,var(--sd-danger) 14%,transparent);color:var(--sd-danger)}.sd-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.sd-table-scroll>table{min-width:680px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
