:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius: 10px;--radius-sm: 6px;--tap: 44px;--font: "Segoe UI", "Noto Sans Arabic", "Tahoma", system-ui, sans-serif;--surface: #ffffff;--surface-2: #f4f6f9;--surface-3: #e9edf3;--text: #12171f;--text-muted: #5b6675;--border: #d5dce6;--accent: #0b6bcb;--accent-text: #ffffff;--danger: #b3261e;--danger-surface: #fdecea;--ok: #1c6b3f;--focus: #0b6bcb}:root[data-theme=dark]{--surface: #10151c;--surface-2: #161d26;--surface-3: #1e2733;--text: #e8edf4;--text-muted: #9dabbd;--border: #2a3542;--accent: #4da3ff;--accent-text: #06121f;--danger: #ff8a80;--danger-surface: #3a1d1a;--ok: #7ddba3;--focus: #4da3ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--surface-2);color:var(--text);-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--text-muted);margin:var(--space-2) 0 0}.button{min-height:var(--tap);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--accent);color:var(--accent-text)}.button--ghost{background:transparent;color:var(--text);border-color:var(--border)}.button--link{background:none;border:none;color:var(--accent);padding-inline:0;text-decoration:underline;min-height:auto}.field{display:flex;flex-direction:column;gap:var(--space-1);font-weight:600}.field input{min-height:var(--tap);padding:var(--space-2) var(--space-3);font:inherit;font-weight:400;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.field input[dir=auto]{text-align:start}.login{display:grid;place-items:center;min-height:100%;padding:var(--space-4);background:linear-gradient(180deg,var(--surface-3),var(--surface-2))}.login__panel{width:min(420px,100%);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #0000001f}.login__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.login__title{margin:0;font-size:1.35rem}.login__subtitle{margin:0;color:var(--text-muted);font-size:.9rem}.login__form{display:flex;flex-direction:column;gap:var(--space-4)}.login__form h2{margin:0;font-size:1.1rem}.login__hint{margin:calc(var(--space-2) * -1) 0 0;color:var(--text-muted);font-size:.9rem}.login__footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.login__footer-logo{object-fit:contain}.brand-mark{object-fit:contain;flex:none}.shell{display:flex;flex-direction:column;min-height:100%}.shell__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.shell__brand{display:flex;align-items:center;gap:var(--space-2)}.shell__title{font-weight:700;font-size:1.1rem}.shell__header-actions,.toggles{display:flex;align-items:center;gap:var(--space-2)}.shell__body{display:flex;flex:1;min-height:0}.shell__nav{display:flex;flex-direction:column;gap:var(--space-2);width:240px;flex:none;padding:var(--space-4);background:var(--surface);border-inline-end:1px solid var(--border)}.shell__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);font:inherit;text-align:start;color:var(--text);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.nav-item:hover:not(:disabled){background:var(--surface-3)}.nav-item[aria-current=page]{background:var(--surface-3);font-weight:700}.nav-item:disabled{color:var(--text-muted);cursor:not-allowed}.nav-item__badge{font-size:.75rem;color:var(--text-muted)}.shell__identity{margin:auto 0 0;padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;font-size:.9rem}.shell__identity-label{color:var(--text-muted)}.shell__main{flex:1;min-width:0;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.shell__main h1{margin:0;font-size:1.4rem}.card{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card__header h2{margin:0;font-size:1.05rem}.card__status{color:var(--text-muted);font-size:.85rem}.list{list-style:none;margin:0;padding:0}.list__row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) 0;border-top:1px solid var(--border);flex-wrap:wrap}.list__row:first-child{border-top:none}.list__code{font-family:ui-monospace,Cascadia Mono,monospace;color:var(--text-muted);direction:ltr}.list__name{font-weight:600}.list__name--alt{font-weight:400;color:var(--text-muted)}.badge{margin-inline-start:auto;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge--ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.badge--muted{background:var(--surface-3);color:var(--text-muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.stat{padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-1)}.stat__label{color:var(--text-muted);font-size:.85rem}.stat__value{font-size:1.5rem;font-weight:700}.notice{padding:var(--space-3);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.notice--error{background:var(--danger-surface);border:1px solid var(--danger);color:var(--danger)}.notice__message{margin:0;font-weight:600}.notice__fields,.notice__detail{margin:0;font-size:.85rem;width:100%}.notice__fields{padding-inline-start:var(--space-4)}.notice__correlation{margin:var(--space-1) 0 0;word-break:break-all}.notice .button{border-color:currentColor;color:inherit}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:100%;padding:var(--space-5);text-align:center}.notfound__code{margin:0;font-size:4rem;font-weight:800;color:var(--text-muted)}.notfound h1{margin:0}.notfound .button{text-decoration:none;display:inline-flex;align-items:center}@media(max-width:860px){.shell__body{flex-direction:column}.shell__nav{width:auto;flex-direction:row;align-items:center;overflow-x:auto;border-inline-end:none;border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-3)}.shell__nav ul{flex-direction:row;gap:var(--space-2)}.nav-item{white-space:nowrap}.nav-item__badge,.shell__identity{display:none}.shell__main{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}