:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c12;--bg-elevated:#10131c;--surface:#151926;--surface-hover:#1c2130;--border:#222839;--border-strong:#313a52;--text:#eaeefa;--text-muted:#939db6;--text-faint:#5f6982;--accent:#6d87ff;--accent-hover:#8aa0ff;--accent-soft:#6d87ff24;--accent-glow:#6d87ff59;--accent-2:#9d7bff;--ok:#3ddc97;--ok-soft:#3ddc9721;--warn:#ffc555;--warn-soft:#ffc55521;--danger:#ff7b7b;--danger-soft:#ff7b7b21;--radius:12px;--radius-sm:8px;--radius-lg:18px;--shadow:0 1px 2px #00000080, 0 12px 32px -8px #0000008c;--shadow-sm:0 1px 2px #0006, 0 4px 12px -4px #0006;--sheen:inset 0 1px 0 #ffffff0a;--font-sans:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-arabic:"Segoe UI", "Tahoma", "Dubai", "Noto Naskh Arabic", "Arial", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--transition:.15s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--bg-elevated:#fff;--surface:#fff;--surface-hover:#f1f3f8;--border:#e5e8ef;--border-strong:#cdd3e0;--text:#101423;--text-muted:#59637a;--text-faint:#8b94a8;--accent:#4361e8;--accent-hover:#3450d8;--accent-soft:#4361e817;--accent-glow:#4361e838;--accent-2:#8257e5;--ok:#0e9f6e;--ok-soft:#0e9f6e1a;--warn:#b45309;--warn-soft:#b453091a;--danger:#dc2626;--danger-soft:#dc262617;--shadow:0 1px 2px #1018280d, 0 12px 28px -10px #10182821;--shadow-sm:0 1px 2px #1018280d, 0 4px 10px -4px #10182814;--sheen:none}*{box-sizing:border-box}html{line-height:1.65}html[lang=ar] body{font-family:var(--font-arabic)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);margin:0;font-size:15px}.app{max-width:1440px;margin:0 auto;padding:0 24px 72px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:11px;font-size:17px;font-weight:650;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:32px;height:32px;box-shadow:0 2px 10px -2px var(--accent-glow);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.topbar-right{align-items:center;gap:8px;display:flex}.user-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:thin;gap:3px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.tab{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font:inherit;white-space:nowrap;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:7px;padding:8px 14px;font-size:14px;display:flex}.tab:hover{background:var(--surface-hover);color:var(--text)}.tab.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}.tab svg{flex-shrink:0;width:16px;height:16px}.selection-bar{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:18px;padding:11px 16px;font-size:14px;display:flex}.selection-bar .preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--sheen);padding:26px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panel h2{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:650}.panel h3{margin:0 0 10px;font-size:15px;font-weight:620}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);margin:14px 0;padding:18px}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card-head h3{margin:0}button{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font:inherit;transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg, var(--accent-hover), var(--accent));border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #0003, 0 6px 16px -6px var(--accent-glow);padding:10px 22px;font-weight:600}button.primary:hover:not(:disabled){background:linear-gradient(180deg, var(--accent-hover), var(--accent-hover));border-color:var(--accent-hover);box-shadow:0 1px 2px #0003, 0 8px 22px -6px var(--accent-glow)}button.ghost{color:var(--text-muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}button.small{padding:5px 11px;font-size:12.5px}button.icon-only{width:36px;height:36px;padding:8px}button svg{flex-shrink:0;width:15px;height:15px}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-muted);box-shadow:none;background:0 0;border:none;padding:6px 14px;font-size:13.5px}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}input,select,textarea{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);font:inherit;width:100%;max-width:580px;transition:border-color var(--transition), box-shadow var(--transition);padding:10px 12px;font-size:14px}html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:var(--font-arabic)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);outline:none}input::placeholder,textarea::placeholder{color:var(--text-faint)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent);margin-inline-end:9px}input[type=file]{cursor:pointer;padding:8px}label{color:var(--text-muted);margin:14px 0 5px;font-size:13px;font-weight:550;display:block}.checkbox-row{color:var(--text);cursor:pointer;align-items:center;margin:15px 0;font-size:14px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:10px;display:flex}.grid-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-top:14px;overflow-x:auto}.grid{border-collapse:collapse;width:100%;font-size:14px}.grid th,.grid td{text-align:start;border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.grid tbody tr:last-child td{border-bottom:none}.grid tbody tr{transition:background var(--transition)}.grid th{background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11.5px;font-weight:600}.grid.inset{background:var(--bg)}.row-error td{background:var(--danger-soft)}.text-cell{overflow-wrap:anywhere;max-width:360px}.badge{background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;letter-spacing:.01em;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge+.badge{margin-inline-start:5px}.badge.err{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge.accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.notice{border:1px solid var(--border);border-inline-start:3px solid var(--accent);background:var(--surface);border-radius:var(--radius-sm);gap:11px;margin:14px 0;padding:13px 16px;font-size:14px;line-height:1.6;display:flex}.notice.ok{border-inline-start-color:var(--ok);background:var(--ok-soft)}.notice.error{border-inline-start-color:var(--danger);background:var(--danger-soft)}.notice.warn{border-inline-start-color:var(--warn);background:var(--warn-soft)}.facts{grid-template-columns:max-content 1fr;gap:7px 20px;margin:0;font-size:14px;display:grid}.facts dt{color:var(--text-muted)}.facts dd{margin:0}.meta-facts{color:var(--text-muted);flex-wrap:wrap;gap:20px;padding:12px 0;font-size:13px;display:flex}.post-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-top:16px;display:grid}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.post-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.post-card.selected{border-color:var(--ok);box-shadow:0 0 0 2px var(--ok-soft)}.post-cover{aspect-ratio:16/9;background:var(--bg);position:relative;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.post-card:hover .post-cover img{transform:scale(1.04)}.post-cover-empty{color:var(--text-faint);background:linear-gradient(135deg, var(--surface), var(--bg));place-items:center;display:grid}.post-cover-empty svg{opacity:.5;width:34px;height:34px}.cover-count{bottom:9px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000b8;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;inset-inline-end:9px}.post-body{flex-direction:column;flex:1;gap:11px;padding:14px 16px 16px;display:flex}.post-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.post-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}.schedule-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin:16px 0;padding:14px 16px}.schedule-choice{flex-wrap:wrap;gap:22px;margin-bottom:4px;display:flex}.schedule-choice label{color:var(--text);cursor:pointer;align-items:center;margin:0;font-size:14px;font-weight:500;display:flex}.target-list,.asset-list{border:1px solid var(--border);border-radius:var(--radius-sm);margin:10px 0;padding:0;list-style:none;overflow:hidden}.target-list li,.asset-list li{border-bottom:1px solid var(--border);transition:background var(--transition);padding:11px 14px}.target-list li:last-child,.asset-list li:last-child{border-bottom:none}.target-list li:hover{background:var(--surface-hover)}.target-list label{color:var(--text);cursor:pointer;align-items:center;margin:0;font-size:14px;font-weight:400;display:flex}.asset-list li{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow);margin:0;padding:34px}.login .brand{justify-content:center;margin-bottom:6px;font-size:19px}.login h2{text-align:center;margin:0 0 6px;font-size:21px}.login button[type=submit]{justify-content:center;width:100%;margin-top:22px}.login-lang{justify-content:center;margin-top:20px;display:flex}.loading{text-align:center;color:var(--text-muted);padding:56px}.empty-state svg{opacity:.35;width:42px;height:42px;margin-bottom:12px}.actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.muted{color:var(--text-muted)}.small{font-size:12.5px}.tiny{font-size:11.5px}.mono{font-family:var(--font-mono);font-size:.92em}.error{color:var(--danger)}.warn{color:var(--warn)}.dim{opacity:.5}.composer{max-width:660px}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.mono,.ltr{text-align:start;direction:ltr;unicode-bidi:isolate}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (width<=640px){.app{padding:0 14px 48px}.panel{padding:18px 15px}.facts{grid-template-columns:1fr;gap:2px 0}.facts dt{margin-top:8px}}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), transform var(--transition);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.stat-card.accent{border-color:var(--accent);background:linear-gradient(160deg, var(--accent-soft), var(--surface))}.stat-label{color:var(--text-muted);font-size:12.5px;font-weight:550}.stat-value{letter-spacing:-.02em;text-align:start;direction:ltr;unicode-bidi:isolate;font-size:28px;font-weight:680;line-height:1.2}.stat-extra{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.plan-banner{border-radius:var(--radius);background:linear-gradient(135deg, var(--accent-soft), transparent);border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:18px 20px;display:flex}.usage-list{flex-direction:column;gap:14px;margin-top:12px;display:flex}.usage-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;font-size:14px;display:flex}.meter{background:var(--surface-hover);border-radius:999px;height:8px;overflow:hidden}.meter-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.meter-fill.ok{background:var(--ok)}.meter-fill.warn{background:var(--warn)}.meter-fill.err{background:var(--danger)}.plan-fields{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 14px;display:grid}.plan-fields label{margin-top:6px}.feature-toggles{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 14px;padding:12px 14px;display:grid}.ok-mark,.no-mark{border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-grid}.ok-mark{background:var(--ok-soft);color:var(--ok)}.no-mark{background:var(--danger-soft);color:var(--danger)}.login-sub{text-align:center;margin-bottom:22px}.field-with-action{align-items:stretch;gap:8px;display:flex}.field-with-action input{flex:1;min-width:0}.field-with-action button{white-space:nowrap;flex-shrink:0;min-width:116px}.code-input{text-align:center;font-family:var(--font-mono);letter-spacing:10px;direction:ltr;padding-inline-start:10px;font-size:22px}.login-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px;display:flex}button.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:13.5px;text-decoration:none}button.link:hover{background:0 0;text-decoration:underline}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 18px;margin-bottom:16px;display:grid}.inline-reset{gap:6px;margin-top:8px;display:flex}.inline-reset input{max-width:200px}p.ok{color:var(--ok)}.inline-edit{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:340px;margin-top:10px;padding:12px 14px}.inline-edit label{margin-top:8px}.inline-edit label:first-child{margin-top:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(1100px 520px at 12% -10%, var(--accent-soft), transparent 60%), radial-gradient(900px 460px at 105% 0%, var(--accent-soft), transparent 55%);opacity:.7;position:fixed;inset:0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}@keyframes settle{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.panel,.card.login{animation:.16s cubic-bezier(.4,0,.2,1) settle}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.notice{border-radius:var(--radius);border:1px solid var(--border);border-inline-start:3px solid var(--text-faint);background:var(--surface);margin:14px 0;padding:12px 16px;font-size:14px}.notice.ok{border-color:var(--ok-soft);border-inline-start-color:var(--ok);background:var(--ok-soft);color:var(--text)}.notice.warn{border-color:var(--warn-soft);border-inline-start-color:var(--warn);background:var(--warn-soft);color:var(--text)}.notice.error{border-color:var(--danger-soft);border-inline-start-color:var(--danger);background:var(--danger-soft);color:var(--text)}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.badge.err,.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.card.login{box-shadow:var(--shadow), var(--sheen);border-radius:var(--radius-lg);padding:34px 30px}.grid tbody tr:hover{background:var(--surface-hover)}.panel h3{letter-spacing:-.005em;margin-top:26px;margin-bottom:10px}.panel h3:first-of-type{margin-top:0}svg{flex-shrink:0;max-width:100%}.selection-bar svg{width:17px;height:17px;color:var(--accent)}:root{--hue-indigo:#6d87ff;--hue-sky:#4cb8ff;--hue-teal:#2fd4c4;--hue-violet:#a071ff;--hue-amber:#ffb648;--hue-rose:#ff7aa8;--hue-emerald:#3ddc97;--hue-slate:#8fa0c4;--section:var(--accent)}:root[data-theme=light]{--hue-indigo:#4361e8;--hue-sky:#1a8ad4;--hue-teal:#0f9e92;--hue-violet:#7c4ddb;--hue-amber:#b8760f;--hue-rose:#d94f7d;--hue-emerald:#0e9f6e;--hue-slate:#5c6a87}.app[data-section=connections]{--section:var(--hue-indigo)}.app[data-section=pages]{--section:var(--hue-sky)}.app[data-section=source]{--section:var(--hue-teal)}.app[data-section=publish]{--section:var(--hue-violet)}.app[data-section=comments]{--section:var(--hue-amber)}.app[data-section=automation]{--section:var(--hue-rose)}.app[data-section=published]{--section:var(--hue-emerald)}.app[data-section=jobs]{--section:var(--hue-sky)}.app[data-section=logs]{--section:var(--hue-slate)}.app[data-section=account]{--section:var(--hue-indigo)}.app[data-section=admin]{--section:var(--hue-violet)}.app{--section-soft:color-mix(in srgb, var(--section) 14%, transparent);--section-glow:color-mix(in srgb, var(--section) 38%, transparent)}body:before{background:radial-gradient(1200px 560px at 10% -12%, var(--section-soft), transparent 62%), radial-gradient(900px 460px at 108% -4%, var(--section-soft), transparent 55%);transition:background .45s}.tab.active{background:linear-gradient(180deg, color-mix(in srgb, var(--section) 86%, white), var(--section));box-shadow:0 1px 2px #00000040, 0 5px 16px -5px var(--section-glow)}main>.panel{position:relative;overflow:hidden}main>.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--section) 22%, color-mix(in srgb, var(--section) 55%, var(--accent-2)) 78%, transparent);height:2px;position:absolute;inset-block-start:0;inset-inline:0}.panel h2{letter-spacing:-.02em;font-size:21px}.panel-head>h2:after{content:"";background:linear-gradient(90deg, var(--section), transparent);border-radius:999px;width:34px;height:3px;margin-block-start:7px;display:block}button.primary{background:linear-gradient(180deg, color-mix(in srgb, var(--section) 84%, white), var(--section));border-color:var(--section);box-shadow:0 1px 2px #00000038, 0 6px 18px -6px var(--section-glow)}button.primary:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--section) 94%, white), color-mix(in srgb, var(--section) 90%, white));border-color:var(--section);box-shadow:0 1px 2px #00000038, 0 10px 26px -6px var(--section-glow);transform:translateY(-1px)}input:focus,select:focus,textarea:focus{border-color:var(--section);box-shadow:0 0 0 3px var(--section-soft), 0 0 0 1px var(--section)}.card:hover{border-color:color-mix(in srgb, var(--section) 45%, var(--border));transform:translateY(-1px)}.selection-bar{background:linear-gradient(90deg, var(--section-soft), transparent 72%);border-color:color-mix(in srgb, var(--section) 40%, var(--border))}.selection-bar svg{color:var(--section)}.brand-mark{background:linear-gradient(135deg, var(--section), var(--accent-2));box-shadow:0 3px 14px -3px var(--section-glow);transition:background .4s ease, box-shadow .4s ease, transform var(--transition)}.brand:hover .brand-mark{transform:rotate(-8deg)scale(1.06)}.stat-value{background:linear-gradient(135deg, var(--text), color-mix(in srgb, var(--section) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text}.stat-card:hover{border-color:color-mix(in srgb, var(--section) 40%, var(--border));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.meter{background:color-mix(in srgb, var(--text-faint) 20%, transparent);overflow:hidden}.meter-fill{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 50%, transparent), currentColor)}.meter-fill.ok{color:var(--ok);background-color:var(--ok)}.meter-fill.warn{color:var(--warn);background-color:var(--warn)}.meter-fill.err{color:var(--danger);background-color:var(--danger)}@keyframes enter-section{0%{opacity:0;transform:translateY(7px)scale(.995)}to{opacity:1;transform:none}}main>.panel{animation:.24s cubic-bezier(.22,1,.36,1) enter-section}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:color-mix(in srgb, var(--bg) 76%, transparent);position:sticky;inset-block-start:0}.tabs{z-index:15;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:color-mix(in srgb, var(--bg-elevated) 84%, transparent);position:sticky;inset-block-start:64px}.empty-state{text-align:center;color:var(--text-muted);padding:46px 24px}.empty-state svg{width:42px;height:42px;color:var(--section);opacity:.5;margin-block-end:12px}:root[data-theme=light] .tab.active,:root[data-theme=light] button.primary{color:#fff}.binding-switches{background:var(--bg);border:1px solid var(--border);border-inline-start:3px solid var(--section);border-radius:var(--radius-sm);margin-block:14px 4px;padding:12px 14px}.account-menu{position:relative}button.user-chip{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 5px;font-size:13px;display:flex}button.user-chip:hover{background:var(--surface-hover);border-color:var(--border-strong)}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.chip-caret{width:14px;height:14px;color:var(--text-faint);transition:transform var(--transition)}.chip-caret.open{transform:rotate(180deg)}.account-popover{z-index:40;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:268px;box-shadow:var(--shadow);padding:16px;animation:.14s cubic-bezier(.4,0,.2,1) settle;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0}.account-popover-head{border-block-end:1px solid var(--border);align-items:center;gap:12px;margin-block-end:12px;padding-block-end:14px;display:flex}.avatar.large{width:40px;height:40px;font-size:15px}.account-facts{grid-template-columns:auto 1fr;gap:9px 16px;margin:0 0 14px;font-size:13.5px;display:grid}.account-facts dt{color:var(--text-muted);white-space:nowrap}.account-facts dd{text-align:end;margin:0;font-weight:550}.account-signout{width:100%;color:var(--danger);border-color:var(--border);justify-content:center}.account-signout:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}