:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0d1017;--color-surface-sunken:#090b11;--color-surface:#151925;--color-surface-raised:#1b2030;--color-surface-hover:#232a3d;--color-border:#262d40;--color-border-strong:#3a4460;--color-text:#e9ecf5;--color-text-muted:#a2abc4;--color-text-faint:#6f7997;--color-accent:#a78bfa;--color-accent-strong:#8b5cf6;--color-accent-quiet:#a78bfa24;--color-on-accent:#120a24;--color-ok:#34d399;--color-ok-quiet:#34d39921;--color-warn:#fbbf24;--color-warn-quiet:#fbbf2421;--color-danger:#fb7185;--color-danger-quiet:#fb718521;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-pill:999px;--font-sans:system-ui, "Segoe UI", Tahoma, "Noto Sans Arabic", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "Consolas", monospace;--text-xs:.72rem;--text-sm:.84rem;--text-base:.95rem;--text-lg:1.15rem;--text-xl:1.45rem;--leading:1.6;--shadow-1:0 1px 2px #00000080;--shadow-2:0 12px 32px #00000073;--sidebar-width:268px;--header-height:56px;--status-height:30px;--measure:78ch;--transition:.12s ease}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0;font-weight:600;line-height:1.3}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{max-width:var(--measure);margin:0}ul{margin:0;padding:0;list-style:none}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code,kbd{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate;font-size:.92em}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}table{border-collapse:collapse;width:100%}th,td{text-align:start;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);vertical-align:top}th{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}tbody tr:last-child td{border-block-end:none}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr var(--status-height);grid-template-areas:"header header""sidebar main""status status";height:100%;display:grid}.app-header{align-items:center;gap:var(--space-5);padding-inline:var(--space-4);background:var(--color-surface);border-block-end:1px solid var(--color-border);grid-area:header;display:flex}.app-brand{align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;display:flex}.app-brand:hover{text-decoration:none}.app-brand__mark{border-radius:var(--radius-sm);background:var(--color-accent-strong);block-size:30px;inline-size:30px;color:var(--color-on-accent);font-size:var(--text-xs);letter-spacing:.02em;place-items:center;font-weight:700;display:grid}.app-brand__text{flex-direction:column;line-height:1.2;display:flex}.app-brand__name{font-weight:600;font-size:var(--text-sm)}.app-brand__sub{color:var(--color-text-faint);font-size:var(--text-xs)}.app-nav{gap:var(--space-1);flex:1;display:flex}.app-nav__tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);transition:background var(--transition), color var(--transition)}.app-nav__tab:hover{background:var(--color-surface-hover);color:var(--color-text);text-decoration:none}.app-nav__tab[aria-current=page]{background:var(--color-accent-quiet);color:var(--color-accent)}.app-account{align-items:center;gap:var(--space-3);display:flex}.app-account__user{text-align:end;flex-direction:column;line-height:1.2;display:flex}.app-account__name{font-size:var(--text-sm)}.app-account__role{color:var(--color-text-faint);font-size:var(--text-xs)}.app-account__avatar{border-radius:var(--radius-pill);background:var(--color-surface-hover);block-size:28px;inline-size:28px;color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;place-items:center;display:grid}.app-sidebar{padding:var(--space-4) var(--space-3);background:var(--color-surface-sunken);border-inline-end:1px solid var(--color-border);grid-area:sidebar;overflow-y:auto}.app-sidebar__title{color:var(--color-text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-block-end:var(--space-3);font-weight:600;display:flex}.app-sidebar__list{gap:var(--space-1);flex-direction:column;display:flex}.app-sidebar__link{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);transition:background var(--transition), color var(--transition);display:flex}.app-sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text);text-decoration:none}.app-sidebar__link[aria-current=page]{background:var(--color-accent-quiet);color:var(--color-accent)}.app-main{padding:var(--space-5);grid-area:main;overflow-y:auto}.app-status{align-items:center;gap:var(--space-4);padding-inline:var(--space-4);background:var(--color-surface);border-block-start:1px solid var(--color-border);color:var(--color-text-faint);font-size:var(--text-xs);grid-area:status;display:flex}.app-status__item{align-items:center;gap:var(--space-2);display:flex}.app-status__spacer{flex:1}.app-status__dot{border-radius:var(--radius-pill);background:var(--color-text-faint);block-size:7px;inline-size:7px}.app-status__dot--ok{background:var(--color-ok)}.app-status__dot--warn{background:var(--color-warn)}.auth-screen{min-block-size:100%;padding:var(--space-5);background:radial-gradient(circle at 50% 0%, var(--color-accent-quiet), transparent 60%), var(--color-bg);place-items:center;display:grid}.auth-card{align-items:center;gap:var(--space-4);inline-size:min(420px,100%);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-2);text-align:center;flex-direction:column;display:flex}.auth-card__mark{border-radius:var(--radius);background:var(--color-accent-strong);block-size:44px;inline-size:44px;color:var(--color-on-accent);place-items:center;font-weight:700;display:grid}.auth-card__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-head{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-5);display:flex}.page-head__sub,.note{color:var(--color-text-muted);font-size:var(--text-sm)}.faint{color:var(--color-text-faint)}.card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.card__head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3);display:flex}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.readiness{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;font-weight:600;display:inline-flex}.readiness:before{content:"";border-radius:var(--radius-pill);background:currentColor;block-size:6px;inline-size:6px}.readiness--ready{background:var(--color-ok-quiet);color:var(--color-ok)}.readiness--partial{background:var(--color-warn-quiet);color:var(--color-warn)}.readiness--blocked{background:var(--color-danger-quiet);color:var(--color-danger)}.endpoint{align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);direction:ltr;unicode-bidi:isolate;display:flex}.endpoint__method{padding-inline:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-muted);font-weight:600}.gap{padding:var(--space-3);border-inline-start:3px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.gap__need{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);direction:ltr;unicode-bidi:isolate}.gap__reason{color:var(--color-text-muted);font-size:var(--text-sm);margin-block-start:var(--space-2)}.caveat{padding:var(--space-3);border-inline-start:3px solid var(--color-warn);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-muted);font-size:var(--text-sm)}.alert{padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.alert--error{background:var(--color-danger-quiet);color:var(--color-danger)}.alert--ok{background:var(--color-ok-quiet);color:var(--color-ok)}.alert--info{background:var(--color-accent-quiet);color:var(--color-accent)}.form{gap:var(--space-3);flex-direction:column;max-inline-size:520px;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.field__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-size:var(--text-sm)}.field__input:focus{border-color:var(--color-accent)}.field__input--ltr{text-align:start;direction:ltr}.btn,.btn--primary,.btn--ghost{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text);font-size:var(--text-sm);transition:background var(--transition), border-color var(--transition);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover,.btn--primary:hover,.btn--ghost:hover{text-decoration:none}.btn--primary{background:var(--color-accent-strong);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-accent)}.btn--ghost{border-color:var(--color-border-strong);color:var(--color-text-muted);background:0 0}.btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn:disabled,.btn--primary:disabled,.btn--ghost:disabled{opacity:.5;cursor:not-allowed}.language-switcher{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);transition:background var(--transition), color var(--transition);background:0 0}.language-switcher:hover{background:var(--color-surface-hover);color:var(--color-text)}.kv{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:minmax(120px,auto) 1fr;margin:0;display:grid}.kv dt{color:var(--color-text-faint)}.kv dd{margin:0}.mono{font-family:var(--font-mono);font-size:var(--text-xs);direction:ltr;unicode-bidi:isolate}.scroll-x{overflow-x:auto}.pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;font-weight:600;display:inline-flex}.pill:before{content:"";border-radius:var(--radius-pill);background:currentColor;flex:none;block-size:6px;inline-size:6px}.pill--ok{background:var(--color-ok-quiet);color:var(--color-ok)}.pill--warn{background:var(--color-warn-quiet);color:var(--color-warn)}.pill--error{background:var(--color-danger-quiet);color:var(--color-danger)}.pill--neutral{background:var(--color-accent-quiet);color:var(--color-accent)}.tree-indent{inline-size:calc(var(--depth,0) * var(--space-4));flex:none;display:inline-block}.form-grid{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.check-list{gap:var(--space-2);max-block-size:220px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow-y:auto}.check-list__row{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.qr{block-size:180px;inline-size:180px;padding:var(--space-2);border-radius:var(--radius-sm);background:#fff;display:block}
