:root{--c-bg: #f6f7f9;--c-surface: #ffffff;--c-surface-alt: #f0f2f5;--c-surface-sunken:#e7ebf1;--c-border: #dfe3e8;--c-border-strong: #c3c9d1;--c-text: #1b2029;--c-text-muted: #5b6472;--c-text-faint: #8a929d;--c-accent: #14508c;--c-accent-hover: #0f3f70;--c-accent-soft: #e8f0f8;--c-on-accent: #ffffff;--c-brand-ground: #17233d;--c-brand-rule: #c69b57;--c-brand-text: #ffffff;--c-brand-muted: #8fa4c2;--c-free: #1a7f4b;--c-free-soft: #e4f3ea;--c-reserved: #a86000;--c-reserved-soft: #fdf0dc;--c-busy: #a32020;--c-busy-soft: #fbe7e7;--s-1: #2a78d6;--s-2: #eb6834;--s-3: #1baf7a;--s-4: #eda100;--s-5: #e87ba4;--s-6: #008300;--s-7: #4a3aa7;--s-8: #e34948;--st-good: #0ca30c;--st-warning: #fab219;--st-serious: #ec835a;--st-critical: #d03b3b;--radius: 6px;--radius-sm: 4px;--shadow: 0 1px 2px rgba(20, 30, 45, .06), 0 1px 8px rgba(20, 30, 45, .04);--space-1: 2px;--space-2: 5px;--space-3: 7px;--space-4: 10px;--space-5: 13px;--space-6: 18px;--font: "Segoe UI", "Segoe UI Arabic", system-ui, -apple-system, "Noto Sans Arabic", sans-serif;color-scheme:light}:root.theme-wbi{--c-bg: #17233d;--c-surface: #22334f;--c-surface-alt: #2c3f5e;--c-surface-sunken:#1d2b48;--c-border: #35486a;--c-border-strong: #4a5f84;--c-text: #ffffff;--c-text-muted: #8fa4c2;--c-text-faint: #6e82a0;--c-accent: #c69b57;--c-accent-hover: #ead5b6;--c-accent-soft: rgba(198, 155, 87, .16);--c-on-accent: #17233d;--c-free: #34c77b;--c-free-soft: #15382c;--c-reserved: #dfa43c;--c-reserved-soft: #3e3320;--c-busy: #e22d32;--c-busy-soft: #44202b;--s-1: #5b9be0;--s-2: #f0865a;--s-3: #3fc79a;--s-4: #f2b93b;--s-5: #ee9dbc;--s-6: #4fb04f;--s-7: #8677d6;--s-8: #ee6e6d;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 10px rgba(0, 0, 0, .22);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:12px;line-height:1.4;-webkit-font-smoothing:antialiased}html[dir=rtl] body{line-height:1.55}.app-root{height:100%}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:15px}h2{font-size:13px}h3{font-size:12px}button{font-family:inherit}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.login{display:grid;place-items:center;min-height:100%;padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-5) max(var(--space-5),env(safe-area-inset-bottom));background:var(--c-brand-ground)}.login__card{width:min(400px,100%);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 12px 40px #00000059;padding:var(--space-6);overflow:hidden}.login__brand{display:grid;justify-items:center;gap:var(--space-2);text-align:center;background:var(--c-brand-ground);color:var(--c-brand-text);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-5);padding:var(--space-6) var(--space-6) var(--space-5);border-block-end:1px solid var(--c-brand-rule)}.login__logo{inline-size:56px;block-size:56px;border-radius:14px}.login__title{font-size:18px;color:var(--c-brand-text)}.login__sub{color:var(--c-brand-muted);font-size:13px;margin:0}.login__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-start:var(--space-4);color:var(--c-text-faint);font-size:11px;flex-wrap:wrap}.shell{display:grid;grid-template-columns:168px 1fr;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar{background:var(--c-surface);border-inline-end:1px solid var(--c-border);display:flex;flex-direction:column;min-height:0}.sidebar__brand{padding:var(--space-4);background:var(--c-brand-ground);border-block-end:1px solid var(--c-brand-rule);display:grid;gap:var(--space-2);justify-items:center;text-align:center}.sidebar__logo{inline-size:34px;block-size:34px;border-radius:8px}.sidebar__name{font-weight:600;font-size:12px;color:var(--c-brand-rule)}.sidebar__app{font-size:10px;color:var(--c-brand-muted)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-2);display:grid;gap:2px;align-content:start}.navitem{display:flex;align-items:center;gap:var(--space-2);min-block-size:30px;width:100%;text-align:start;padding:5px var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-text-muted);font:inherit;font-size:12px;cursor:pointer;transition:background .12s,color .12s}.navitem:hover{background:var(--c-surface-alt);color:var(--c-text)}.navitem--active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.navitem__icon{inline-size:14px;block-size:14px;flex:0 0 auto}.sidebar__footer{padding:var(--space-3);border-block-start:1px solid var(--c-border);display:grid;gap:var(--space-2);font-size:12px;color:var(--c-text-muted)}.sidebar__user{font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.main{min-width:0;min-height:0;overflow-y:auto;padding:var(--space-4)}.page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-4);flex-wrap:wrap}@media(max-width:780px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-inline-end:0;border-block-end:1px solid var(--c-border);flex-direction:row;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);flex-wrap:wrap;overflow:visible}.sidebar__brand{border-block-end:0;padding:var(--space-2) var(--space-3);flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);margin-block:var(--space-2)}.sidebar__logo{inline-size:22px;block-size:22px;border-radius:5px}.sidebar__app,.sidebar__nav{display:none}.sidebar__footer{border-block-start:0;display:flex;align-items:center;flex:1 1 auto;justify-content:flex-end;gap:var(--space-3);padding:var(--space-2);flex-wrap:wrap}.sidebar__footer .sidebar__user{max-inline-size:32vw}.sidebar__footer .small{display:none}.sidebar__actions{flex-wrap:nowrap}.sidebar__actions .btn{padding-inline:var(--space-2)}.main{padding:var(--space-3)}.cards>.card{min-block-size:auto}.cards>.card .card__body{min-block-size:120px}}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow);min-width:0}.card__title{margin-block-end:var(--space-3);color:var(--c-text);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.card__hint{font-size:10px;color:var(--c-text-faint);font-weight:400}.field{display:grid;gap:2px;margin-block-end:var(--space-3)}.field__label{font-size:11px;font-weight:600;color:var(--c-text-muted)}.field__hint{margin:0;font-size:11px;color:var(--c-text-faint)}.input{width:100%;padding:3px var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:13px;min-height:32px;transition:border-color .12s,box-shadow .12s}.input:focus-visible{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.input:disabled{background:var(--c-surface-alt);color:var(--c-text-faint)}.input--ltr{direction:ltr;text-align:start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:3px var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-size:12px;font-weight:600;min-height:30px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--c-accent);color:var(--c-on-accent)}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--ghost{background:var(--c-surface);border-color:var(--c-border-strong);color:var(--c-text)}.btn--ghost:hover:not(:disabled){background:var(--c-surface-alt)}.btn--quiet{background:transparent;color:var(--c-text-muted);padding-inline:var(--space-2);min-height:26px}.btn--quiet:hover:not(:disabled){background:var(--c-surface-alt);color:var(--c-text)}.btn--block{width:100%}.btn__icon{inline-size:14px;block-size:14px}.btn--busy .btn__icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.pill--free{background:var(--c-free-soft);color:var(--c-free)}.pill--reserved{background:var(--c-reserved-soft);color:var(--c-reserved)}.pill--busy{background:var(--c-busy-soft);color:var(--c-busy)}.pill--neutral{background:var(--c-surface-alt);color:var(--c-text-muted)}.pill--accent{background:var(--c-accent-soft);color:var(--c-accent)}.notice{padding:5px var(--space-3);border-radius:var(--radius-sm);font-size:12px;margin-block-end:var(--space-3);border-inline-start:3px solid transparent;display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.notice--error{background:var(--c-busy-soft);color:var(--c-busy);border-inline-start-color:var(--c-busy)}.notice--success{background:var(--c-free-soft);color:var(--c-free);border-inline-start-color:var(--c-free)}.notice--info{background:var(--c-accent-soft);color:var(--c-accent);border-inline-start-color:var(--c-accent)}.notice--warning{background:var(--c-reserved-soft);color:var(--c-reserved);border-inline-start-color:var(--c-reserved)}.notice:empty{display:none}.empty{padding:var(--space-4);text-align:center;color:var(--c-text-faint);font-size:12px;display:grid;place-items:center;flex:1}.loading{display:flex;align-items:center;gap:var(--space-2);color:var(--c-text-muted);font-size:12px;padding:var(--space-3)}.loading__dot{width:9px;height:9px;border-radius:50%;background:var(--c-accent);animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--c-surface-alt),var(--c-surface-sunken),var(--c-surface-alt));background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.period-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4)}.period-bar__pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.period{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted);border-radius:999px;padding:4px 14px;min-height:30px;font:inherit;font-size:12px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.period:hover{background:var(--c-surface-alt);color:var(--c-text)}.period[aria-pressed=true]{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent);font-weight:600}.period-bar__stamp{color:var(--c-text-faint);font-size:11px;margin-inline-start:auto;font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--space-3);margin-block-end:var(--space-4)}.tile{display:grid;gap:1px;align-content:start;padding:var(--space-3) var(--space-4)}.tile-skeleton{min-block-size:72px}.tile__caption{font-size:11px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__value{font-size:clamp(20px,2.2vw,26px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;color:var(--c-text)}.tile--alert .tile__value{color:var(--c-busy)}.tile__delta{font-size:11px;color:var(--c-text-faint);min-height:14px;font-variant-numeric:tabular-nums}.tile__delta--good{color:var(--c-free)}.tile__delta--bad{color:var(--c-busy)}@media(max-width:480px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.tile{padding:var(--space-2) var(--space-3)}.tile__caption{white-space:normal;font-size:10px;line-height:1.25}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-4);align-items:stretch}.cards>.card{display:flex;flex-direction:column;min-block-size:250px}.card__body{flex:1;display:flex;flex-direction:column;min-height:0}@media(min-width:1600px){.cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1100px)and (max-width:1599px){.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.chart__caption{color:var(--c-text-muted);font-size:11px;margin:2px 0 var(--space-3)}.bars{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:5px var(--space-3);align-content:start}.bars__label{max-inline-size:140px;color:var(--c-text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bars__track{position:relative;block-size:18px;background:var(--c-surface-alt);border-radius:var(--radius-sm);display:flex;overflow:hidden}.bars__seg{block-size:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;min-inline-size:2px;overflow:hidden;white-space:nowrap;flex:0 0 auto}.bars__value{font-size:11px;font-variant-numeric:tabular-nums;color:var(--c-text);text-align:end;min-inline-size:2.4em;white-space:nowrap}.bars--dense .bars__label{font-size:10px}.bars--dense .bars__track{block-size:14px}.bars--dense{gap:3px var(--space-3)}.legend{display:flex;gap:var(--space-3) var(--space-4);flex-wrap:wrap;font-size:11px;color:var(--c-text-muted);margin-block-start:var(--space-3)}.legend__item{display:flex;align-items:center;gap:5px}.legend__swatch{inline-size:10px;block-size:10px;border-radius:3px;flex:0 0 auto}.legend__count{color:var(--c-text);font-weight:600;font-variant-numeric:tabular-nums}.donut{display:flex;align-items:center;gap:var(--space-4);flex:1;min-height:0}.donut__svg{inline-size:clamp(110px,40%,170px);block-size:auto;flex:0 0 auto}.donut__legend{flex:1 1 120px;margin:0;display:grid;gap:4px;align-content:center}.donut__total{font-size:18px;font-weight:700;fill:var(--c-text);font-variant-numeric:tabular-nums}.donut__totalLabel{font-size:6px;fill:var(--c-text-faint)}.donut__slice{transition:opacity .12s}.donut:hover .donut__slice:not(:hover){opacity:.75}@container (max-width: 260px){.donut{flex-direction:column}.donut__svg{inline-size:120px}}.card__body{container-type:inline-size}.trend{flex:1;min-height:160px;position:relative}.trend__svg{display:block;inline-size:100%;block-size:100%}.trend__grid{stroke:var(--c-border);stroke-width:1}.trend__axis{fill:var(--c-text-faint);font-size:10px;font-variant-numeric:tabular-nums}.trend__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trend__dot{stroke:var(--c-surface);stroke-width:1.5}.trend__area{opacity:.08}.presence{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px var(--space-3);align-content:start}.presence__row{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:var(--c-text-muted)}.presence__row--online{color:var(--c-text);font-weight:600}.presence__dot{inline-size:9px;block-size:9px;border-radius:50%;flex:0 0 auto;border:2px solid var(--c-busy)}.presence__row--online .presence__dot{background:var(--c-free);border-color:var(--c-free)}.presence__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence__summary{font-size:11px;color:var(--c-text-faint);margin-block-start:var(--space-3)}.banner{position:sticky;top:0;z-index:5;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:6px var(--space-4);font-size:12px;display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.banner--offline{background:var(--c-reserved-soft);color:var(--c-reserved);border-block-end:1px solid var(--c-reserved)}.banner--update{background:var(--c-accent-soft);color:var(--c-accent);border-block-end:1px solid var(--c-accent)}@media(max-width:780px){.banner{margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) var(--space-3)}}.muted{color:var(--c-text-muted)}.small{font-size:11px}.stack{display:grid;gap:var(--space-3)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ltr{direction:ltr;unicode-bidi:isolate}@media print{.sidebar,.period-bar .btn,.banner{display:none!important}.shell{display:block}.main{padding:0;overflow:visible}body{background:#fff}.card{break-inside:avoid;box-shadow:none}.bars__seg,.bars__track,.legend__swatch,.presence__dot{-webkit-print-color-adjust:exact;print-color-adjust:exact}}