:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f5;--surface:#fff;--surface-2:#f6f8f7;--surface-3:#eceff0;--border:#dfe4e2;--border-strong:#c9d0cd;--text:#16201c;--muted:#5b6862;--faint:#8a9591;--brand:#0d6b57;--brand-hover:#0a5848;--brand-soft:#e3f1ec;--brand-text:#fff;--brand-ink:#0a5848;--danger:#b42318;--danger-soft:#fdecea;--danger-hover:#961c12;--warn:#9a5b00;--warn-soft:#fdf1dc;--ok:#1c7a45;--ok-soft:#e3f4ea;--info:#25599e;--info-soft:#e6eefa;--cs:#8d1f55;--cs-soft:#fbe8f1;--radius:8px;--radius-sm:6px;--shadow:0 1px 2px #1018140f;--shadow-lg:0 12px 40px #0a14102e;--sidebar:#0f1f1a;--sidebar-text:#b7c6c0;--sidebar-active:#1b3a31;--sidebar-w:248px;--topbar-h:56px;--chart-1:#0d6b57;--chart-2:#3b7ea6;--chart-3:#b9803b;--chart-4:#7a6aa8;--chart-grid:#e6eae8;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.45}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1513;--surface:#151d1a;--surface-2:#19231f;--surface-3:#202b27;--border:#26332e;--border-strong:#34443e;--text:#e5ece9;--muted:#9aa8a2;--faint:#6f7d77;--brand:#38a58a;--brand-hover:#4bb99d;--brand-soft:#173a31;--brand-text:#08140f;--brand-ink:#7fd3bb;--danger:#f06a5d;--danger-soft:#3a1b18;--danger-hover:#f58277;--warn:#e0a03d;--warn-soft:#382a10;--ok:#4cc180;--ok-soft:#14301f;--info:#6aa5ec;--info-soft:#172a45;--cs:#f080b0;--cs-soft:#3b1528;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 40px #0009;--sidebar:#0a110f;--sidebar-text:#94a49d;--sidebar-active:#17302a;--chart-1:#44b798;--chart-2:#6aa5d0;--chart-3:#d3a15f;--chart-4:#a99bd6;--chart-grid:#24312c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1513;--surface:#151d1a;--surface-2:#19231f;--surface-3:#202b27;--border:#26332e;--border-strong:#34443e;--text:#e5ece9;--muted:#9aa8a2;--faint:#6f7d77;--brand:#38a58a;--brand-hover:#4bb99d;--brand-soft:#173a31;--brand-text:#08140f;--brand-ink:#7fd3bb;--danger:#f06a5d;--danger-soft:#3a1b18;--danger-hover:#f58277;--warn:#e0a03d;--warn-soft:#382a10;--ok:#4cc180;--ok-soft:#14301f;--info:#6aa5ec;--info-soft:#172a45;--cs:#f080b0;--cs-soft:#3b1528;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 40px #0009;--sidebar:#0a110f;--sidebar-text:#94a49d;--sidebar-active:#17302a;--chart-1:#44b798;--chart-2:#6aa5d0;--chart-3:#d3a15f;--chart-4:#a99bd6;--chart-grid:#24312c}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--brand-ink);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:650}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{margin:0}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.stack>*+*{margin-top:16px}.grid{gap:16px;display:grid}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.grid.c4,.grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:minmax(0,1fr)}}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100%;display:grid}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:#fff;height:var(--topbar-h);align-items:center;gap:10px;padding:16px 18px;font-size:15px;font-weight:650;display:flex}.brand .logo{background:var(--brand);width:28px;height:28px;color:var(--brand-text);border-radius:8px;place-items:center;display:grid}.brand small{color:var(--sidebar-text);font-size:11px;font-weight:500;display:block}.nav{flex-direction:column;gap:2px;padding:6px 10px 16px;display:flex}.nav-group{text-transform:uppercase;letter-spacing:.08em;color:#6c7f78;padding:14px 10px 4px;font-size:11px}.nav a{color:var(--sidebar-text);border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.nav a:hover{color:#fff;background:#ffffff0d;text-decoration:none}.nav a.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 2px 0 0 var(--brand)}.nav .count{background:var(--danger);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:10px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .title{font-weight:600}.content{width:100%;max-width:1600px;padding:24px}.menu-btn,.scrim{display:none}@media (width<=960px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{width:var(--sidebar-w);z-index:60;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:none}.scrim.show{z-index:50;background:#00000073;display:block;position:fixed;inset:0}.menu-btn{display:inline-flex}.topbar{padding:0 12px}.content{padding:16px 12px}}.userbox{align-items:center;gap:8px;display:flex}.userbox .who{text-align:right;line-height:1.2}.userbox .who small{color:var(--muted)}@media (width<=640px){.userbox .who{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.card-b{padding:16px}.page-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-h p{color:var(--muted);margin-top:2px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:550;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-text)}.btn.primary:hover:not(:disabled){background:var(--brand-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:var(--danger-hover)}.btn.outline-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.outline-danger:hover:not(:disabled){background:var(--danger-soft)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-3)}.btn.sm{height:28px;padding:0 10px;font-size:13px}.btn.icon{width:34px;padding:0}.btn.icon.sm{width:28px}.btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:34px;padding:0 10px}.textarea{resize:vertical;height:auto;min-height:84px;padding:8px 10px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}.input.sm,.select.sm{height:30px;font-size:13px}.input::placeholder{color:var(--faint)}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>label,.label{color:var(--muted);font-size:12px;font-weight:600}.field .err{color:var(--danger);font-size:12px}.field .hint{color:var(--faint);font-size:12px}.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--brand)}.badge{white-space:nowrap;background:var(--surface-3);height:20px;color:var(--muted);border-radius:10px;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.brand{background:var(--brand-soft);color:var(--brand-ink)}.badge.cs{background:var(--cs-soft);color:var(--cs)}.avatar{background:var(--brand-soft);width:28px;height:28px;color:var(--brand-ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:650;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.userchip{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.userchip .names{min-width:0;line-height:1.25}.userchip .names b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.userchip .names small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.seg{background:var(--surface-3);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.seg button{cursor:pointer;height:28px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:0 12px;font-weight:550}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:550}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{color:var(--brand-ink);border-bottom-color:var(--brand)}.tabs .n{background:var(--surface-3);border-radius:9px;margin-left:6px;padding:1px 6px;font-size:11px}.alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.alert.danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, transparent);color:var(--text)}.alert.warn{background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.alert.info{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 30%, transparent)}.alert.cs{background:var(--cs-soft);border-color:color-mix(in srgb, var(--cs) 40%, transparent)}.kv{grid-template-columns:160px minmax(0,1fr);gap:8px 16px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=560px){.kv{grid-template-columns:minmax(0,1fr);gap:0}.kv dd{margin-bottom:8px}}.divider{background:var(--border);height:1px;margin:12px 0}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.rtl{text-align:right;direction:rtl;font-family:Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-size:17px;line-height:1.8}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.toolbar .input,.toolbar .select{width:auto;min-width:130px}.toolbar .search{flex:220px;max-width:360px}.toolbar .spacer{flex:1}.bulkbar{background:var(--brand-soft);border-bottom:1px solid var(--border);color:var(--brand-ink);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;font-weight:550;display:flex}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;table-layout:auto;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-size:11.5px;font-weight:650;position:sticky;top:0}.table th button{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.table th button:focus-visible{outline:2px solid var(--brand)}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.click{cursor:pointer}.table tbody tr.click:hover td,.table tbody tr:hover td{background:var(--surface-2)}.table tr.sel td{background:var(--brand-soft)!important}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table td.cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.table .w-check{width:36px;padding-right:0}.table .row-cs td:first-child{box-shadow:inset 3px 0 0 var(--cs)}.table .row-breach td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.skel{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.2s infinite sh}@keyframes sh{to{background-position:-200% 0}}.empty{text-align:center;color:var(--muted);padding:48px 16px}.empty b{color:var(--text);margin-bottom:4px;font-size:15px;display:block}.pager{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.kpi{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.kpi .lbl{color:var(--muted);font-size:12px;font-weight:600}.kpi .val{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.kpi .sub{color:var(--muted);font-size:12px}.kpi.alert-kpi .val{color:var(--danger)}.bar{background:var(--surface-3);border-radius:4px;height:8px;overflow:hidden}.bar>i{background:var(--brand);height:100%;display:block}.overlay{z-index:100;background:#080e0c8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 32px);display:flex}.modal.wide{width:min(760px,100%)}.modal.xl{width:min(980px,100%)}.modal-h{padding:16px 20px 8px}.modal-b{padding:8px 20px 16px;overflow-y:auto}.modal-f{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.drawer{background:var(--surface);width:min(640px,100%);box-shadow:var(--shadow-lg);z-index:90;border-left:1px solid var(--border);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.drawer-b{flex:1;padding:20px;overflow-y:auto}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.toast.err{background:var(--danger);color:#fff}.toast.ok{background:var(--ok);color:#fff}:root[data-theme=dark] .toast.ok{color:#06140c}:root[data-theme=dark] .toast.err{color:#1a0605}.login-page{background:var(--bg);place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{width:min(420px,100%);padding:28px}.login-card .logo{background:var(--brand);width:40px;height:40px;color:var(--brand-text);border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.qr{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px;display:inline-block}.codes{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:6px 16px;padding:12px;display:grid}.cal{background:var(--border);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cal .dow{background:var(--surface-2);text-transform:uppercase;color:var(--muted);text-align:center;padding:6px;font-size:11px;font-weight:650}.cal .day{background:var(--surface);cursor:pointer;flex-direction:column;gap:3px;min-height:88px;padding:4px 6px;display:flex}.cal .day.off{background:var(--surface-2);color:var(--faint)}.cal .day.today .dn{color:var(--brand-ink);font-weight:700}.cal .day:hover{background:var(--surface-2)}.cal .ev{background:var(--brand-soft);color:var(--brand-ink);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:11px;overflow:hidden}.cal .ev.pending{background:var(--warn-soft);color:var(--warn)}@media (width<=720px){.cal .day{min-height:56px}.cal .ev{display:none}.cal .dots{display:flex!important}}.cal .dots{gap:3px;display:none}.diff{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=720px){.diff{grid-template-columns:1fr}}.diff pre{background:var(--surface-2);border-radius:6px;max-height:320px;margin:0;padding:10px;font-size:12px;overflow:auto}.media-prev{border:1px solid var(--border);background:var(--surface-3);border-radius:8px;max-width:100%;max-height:260px;display:block}.chat{flex-direction:column;gap:6px;display:flex}.bubble{background:var(--surface-3);border-radius:10px;max-width:80%;padding:8px 12px}.bubble.target{background:var(--danger-soft);border:1px solid var(--danger)}.cs-banner{border:1px solid color-mix(in srgb, var(--cs) 45%, transparent);background:var(--cs-soft);border-radius:var(--radius);margin-bottom:16px;padding:12px 16px}.cs-banner h3{color:var(--cs)}.sla{font-variant-numeric:tabular-nums}.sla.breach{color:var(--danger);font-weight:650}.toolbar-pad{padding:0 0 12px}.chart-box{height:240px}.recharts-default-tooltip{border-radius:8px;background:var(--surface)!important;border:1px solid var(--border)!important}