:root{--ink-950:#14171b;--ink-900:#181c21;--ink-850:#1c2126;--ink-800:#20262c;--ink-750:#262c33;--line-600:#3a424b;--line-700:#2c333a;--paper-100:#ece7dd;--paper-300:#c7c2b8;--paper-500:#8a8f95;--amber-500:#e3a13b;--amber-300:#f0c27e;--teal-500:#4fa69c;--teal-300:#8fcac2;--rust-500:#d2604a;--rust-300:#e39683;--sidebar-w:250px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}#root{min-height:100vh}body{background:radial-gradient(1200px 600px at 85% -10%, #e3a13b12, transparent 60%), radial-gradient(900px 500px at 5% 10%, #4fa69c0d, transparent 55%), var(--ink-950);color:var(--paper-100);direction:rtl;min-height:100vh;margin:0;font-family:IBM Plex Sans Arabic,Segoe UI,sans-serif;line-height:1.5}.ltr{direction:ltr;unicode-bidi:isolate}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.kufi{font-family:Noto Kufi Arabic,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--amber-300);outline-offset:3px;border-radius:4px}button{font-family:inherit}.app{align-items:stretch;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--ink-900);border-left:1px solid var(--line-700);flex-direction:column;flex:none;height:100vh;padding:22px 16px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sb-brand{border-bottom:1px solid var(--line-700);align-items:center;gap:12px;margin-bottom:16px;padding:0 4px 20px;display:flex}.sb-brand-mark{background:linear-gradient(155deg,var(--amber-500),#b97a24);width:40px;height:40px;color:var(--ink-950);border-radius:9px;flex:none;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;display:flex;box-shadow:0 6px 16px -6px #e3a13b80}.sb-brand-text h1{margin:0;font-family:Noto Kufi Arabic,sans-serif;font-size:14.5px;font-weight:700}.sb-brand-text p{color:var(--paper-500);margin:2px 0 0;font-size:10.5px}.sb-group{margin-bottom:6px}.sb-group-label{color:var(--paper-500);letter-spacing:.4px;text-transform:uppercase;padding:14px 10px 6px;font-size:10.5px;font-weight:600}.sb-link{color:var(--paper-300);border-right:2px solid #0000;border-radius:9px;align-items:center;gap:10px;margin:1px 0;padding:9px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sb-link svg{stroke:currentColor;fill:none;stroke-width:1.7px;opacity:.85;flex:none;width:16px;height:16px}.sb-link:hover{background:var(--ink-850);color:var(--paper-100)}.sb-link.active{color:var(--amber-300);border-right-color:var(--amber-500);background:#e3a13b1a;font-weight:600}.sb-link .count{color:var(--paper-500);background:var(--ink-850);border:1px solid var(--line-600);border-radius:999px;margin-right:auto;padding:1px 7px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.sb-link.active .count{color:var(--amber-300);border-color:#e3a13b66}.sb-foot{border-top:1px solid var(--line-700);align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.sb-avatar{background:var(--ink-750);border:1px solid var(--line-600);width:32px;height:32px;color:var(--amber-300);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sb-foot .who{font-size:12px;font-weight:600}.sb-foot .role{color:var(--paper-500);font-size:10.5px}.main{flex:1;min-width:0}.shell{max-width:1360px;margin:0 auto;padding:24px 32px 80px}.page-head{border-bottom:1px solid var(--line-700);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:22px;display:flex}.page-head .titles h2{margin:0 0 4px;font-family:Noto Kufi Arabic,sans-serif;font-size:20px;font-weight:700}.page-head .titles p{color:var(--paper-500);margin:0;font-size:12.5px}.page-head .actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--line-600);background:var(--ink-850);color:var(--paper-100);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--ink-750)}.btn-primary{background:var(--amber-500);border-color:var(--amber-500);color:var(--ink-950)}.btn-primary:hover{background:var(--amber-300)}.btn-ghost{background:0 0}.btn-sm{padding:6px 12px;font-size:11.5px}.tabbar{background:var(--ink-850);border:1px solid var(--line-600);border-radius:999px;gap:2px;width:fit-content;padding:3px;display:flex}.tabbar button{appearance:none;color:var(--paper-500);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .18s}.tabbar button.active{background:var(--amber-500);color:var(--ink-950)}.tabbar button:not(.active):hover{color:var(--paper-100)}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filter-bar input[type=search],.filter-bar select{background:var(--ink-850);border:1px solid var(--line-600);color:var(--paper-100);border-radius:9px;min-width:160px;padding:9px 14px;font-family:inherit;font-size:12.5px}.filter-bar input[type=search]{min-width:220px}.filter-bar input::placeholder{color:var(--paper-500)}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:28px;display:grid}.kpi-grid.cols-4{grid-template-columns:repeat(4,1fr)}.kpi{background:var(--ink-850);border:1px solid var(--line-600);border-radius:14px;padding:18px 18px 16px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--kpi-accent,var(--amber-500));height:2px;position:absolute;inset:0 0 auto}.kpi .label{color:var(--paper-500);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.kpi .value{color:var(--paper-100);direction:ltr;justify-content:flex-end;align-items:baseline;gap:5px;font-family:IBM Plex Mono,monospace;font-size:21px;font-weight:600;display:flex}.kpi .value .unit{color:var(--paper-500);font-size:11.5px;font-weight:500}.kpi .delta{direction:ltr;justify-content:flex-end;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.kpi .delta.up{color:var(--teal-300)}.kpi .delta.down{color:var(--rust-300)}.kpi .sub{color:var(--paper-500);margin-top:6px;font-size:11.5px}.panel{background:var(--ink-850);border:1px solid var(--line-600);border-radius:14px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line-700);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.panel-head h2,.panel-head h3{align-items:center;gap:8px;margin:0;font-family:Noto Kufi Arabic,sans-serif;font-size:14.5px;font-weight:700;display:flex}.panel-head h2:before,.panel-head h3:before{content:"";background:var(--amber-500);border-radius:2px;width:4px;height:14px}.panel-head .tag{color:var(--paper-500);font-family:IBM Plex Mono,monospace;font-size:11px}.panel-body{padding:18px}table{border-collapse:collapse;width:100%;font-size:12.8px}thead th{text-align:right;color:var(--paper-500);border-bottom:1px solid var(--line-700);white-space:nowrap;padding:10px 18px;font-size:11px;font-weight:600}thead th.num,tbody td.num{text-align:left}tbody td{border-bottom:1px solid var(--line-700);vertical-align:middle;padding:11px 18px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tbody tr:hover{background:#e3a13b0d}.row-title{color:var(--paper-100);font-weight:600}.row-sub{color:var(--paper-500);margin-top:2px;font-size:10.5px}.num{direction:ltr;font-family:IBM Plex Mono,monospace}.growth{font-weight:600}.growth.up{color:var(--teal-300)}.growth.down{color:var(--rust-300)}.flag{background:var(--rust-500);border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-green{color:var(--teal-300);background:#4fa69c24}.badge-amber{color:var(--amber-300);background:#e3a13b24}.badge-red{color:var(--rust-300);background:#d2604a24}.badge-slate{background:var(--ink-750);color:var(--paper-500);border:1px solid var(--line-600)}.chip{background:var(--ink-750);border:1px solid var(--line-600);width:30px;height:30px;color:var(--amber-300);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.master-detail{grid-template-columns:1.3fr 1fr;align-items:start;gap:16px;display:grid}.detail-card{padding:20px}.detail-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.detail-title .chip{border-radius:10px;width:44px;height:44px;font-size:15px}.detail-title h3{margin:0 0 2px;font-family:Noto Kufi Arabic,sans-serif;font-size:16px}.detail-title p{color:var(--paper-500);margin:0;font-size:11.5px}.kv-grid{grid-template-columns:1fr 1fr;gap:12px 18px;margin-bottom:18px;display:grid}.kv-grid .kv{border-bottom:1px dotted var(--line-700);padding-bottom:8px}.kv .k{color:var(--paper-500);margin-bottom:3px;font-size:10.5px}.kv .v{font-size:12.8px;font-weight:600}.kv .v.mono{text-align:right;direction:ltr;font-family:IBM Plex Mono,monospace}.stat-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-mini{background:var(--ink-800);border:1px solid var(--line-600);border-radius:10px;padding:11px 12px}.stat-mini .n{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.stat-mini .l{color:var(--paper-500);margin-top:2px;font-size:10px}.timeline{padding:6px 4px}.tl-item{gap:12px;padding:0 0 18px;display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--line-600);width:1px;position:absolute;top:16px;bottom:-2px;right:5px}.tl-item:last-child:before{display:none}.tl-dot{background:var(--ink-750);border:2px solid var(--amber-500);z-index:1;border-radius:50%;flex:none;width:11px;height:11px;margin-top:3px}.tl-dot.who-company{border-color:var(--teal-500)}.tl-dot.final{background:var(--teal-500);border-color:var(--teal-500)}.tl-body .who{color:var(--paper-500);font-size:11px;font-weight:600}.tl-body .txt{margin-top:2px;font-size:13px}.tl-body .amt{color:var(--amber-300);direction:ltr;font-family:IBM Plex Mono,monospace;font-weight:600;display:inline-block}.tl-body .time{color:var(--paper-500);direction:ltr;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.bar-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.bar-row .name{width:110px;color:var(--paper-300);flex:none;font-size:11.5px}.bar-track{background:var(--ink-750);border-radius:5px;flex:1;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--teal-500),var(--teal-300));border-radius:5px;height:100%}.bar-fill.amber{background:linear-gradient(90deg,var(--amber-500),var(--amber-300))}.bar-val{width:60px;color:var(--paper-100);text-align:left;direction:ltr;flex:none;font-family:IBM Plex Mono,monospace;font-size:11.5px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.stack-16{flex-direction:column;gap:16px;display:flex}.ops-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.ops-card{background:var(--ink-850);border:1px solid var(--line-600);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.ops-icon{background:var(--ink-750);border:1px solid var(--line-600);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ops-icon svg{width:18px;height:18px;stroke:var(--amber-300);fill:none;stroke-width:1.6px}.ops-card .num{color:var(--paper-100);font-size:20px;font-weight:600}.ops-card .label{color:var(--paper-500);margin-top:1px;font-size:11.5px}.feed-panel{position:relative}.feed-panel .panel-head{border-bottom:none;padding-bottom:8px}.feed-perf{background-image:radial-gradient(circle at 6px 4.5px, var(--ink-950) 3.5px, transparent 3.6px);border-bottom:1px dashed var(--line-600);background-repeat:repeat-x;background-size:14px 9px;height:9px;margin:0 18px}.feed-scroll{max-height:328px;padding:6px 0 8px;position:relative;overflow:hidden}.feed-scroll:after{content:"";background:linear-gradient(to top, var(--ink-850), transparent);pointer-events:none;height:34px;position:absolute;inset:auto 0 0}.feed-track{flex-direction:column;display:flex}.feed-row{border-bottom:1px dotted var(--line-700);align-items:baseline;gap:10px;padding:9px 18px;font-size:12px;display:flex}.feed-row .code{color:var(--amber-300);direction:ltr;flex:none;min-width:64px;font-family:IBM Plex Mono,monospace;font-size:11px}.feed-row .desc{color:var(--paper-100);flex:1}.feed-row .time{color:var(--paper-500);direction:ltr;flex:none;font-family:IBM Plex Mono,monospace;font-size:10.5px}.alert-list{padding:6px 0}.alert-row{border-bottom:1px solid var(--line-700);align-items:flex-start;gap:11px;padding:12px 18px;display:flex}.alert-row:last-child{border-bottom:none}.alert-dot{background:var(--rust-500);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.alert-dot.warn{background:var(--amber-500)}.alert-row .title{color:var(--paper-100);font-size:12.8px;font-weight:600}.alert-row .meta{color:var(--paper-500);margin-top:2px;font-size:11.5px}.alert-row .meta .mono{color:var(--paper-300)}.pipeline-track{align-items:stretch;gap:6px;margin-top:14px;display:flex}.pipe-stage{background:var(--ink-750);border:1px solid var(--line-600);text-align:center;border-radius:10px;flex:1;padding:12px 10px;position:relative}.pipe-stage .n{color:var(--paper-100);font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:600}.pipe-stage .label{color:var(--paper-500);margin-top:4px;font-size:10.5px}.pipe-stage .amt{color:var(--amber-300);direction:ltr;margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:10px}.pipe-arrow{color:var(--line-600);align-self:center;font-size:14px}.pipeline-foot{border-top:1px solid var(--line-700);color:var(--paper-500);justify-content:space-between;margin-top:16px;padding-top:14px;font-size:12.5px;display:flex}.pipeline-foot .mono{color:var(--teal-300);font-weight:600}footer.page-footer{border-top:1px solid var(--line-700);color:var(--paper-500);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:32px;padding-top:18px;font-size:11px;display:flex}@keyframes feedScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.feed-track.animate{animation:26s linear infinite feedScroll}.feed-scroll:hover .feed-track.animate{animation-play-state:paused}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.kpi,.panel,.ops-card{opacity:0;animation:.5s forwards riseIn;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.feed-track.animate{animation:none}.kpi,.panel,.ops-card{opacity:1;animation:none;transform:none}}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:360px;padding:28px 26px}.form-field{color:var(--paper-500);flex-direction:column;gap:6px;margin-bottom:14px;font-size:12.5px;font-weight:600;display:flex}.form-field input,.form-field select,.form-field textarea{background:var(--ink-850);border:1px solid var(--line-600);color:var(--paper-100);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:13px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--amber-500)}.form-error{color:var(--rust-300);background:#d2604a1f;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:12px}.form-note{color:var(--teal-300);background:#4fa69c1f;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:12px}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:480px;max-height:90vh;padding:22px;overflow-y:auto}@media (width<=1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid.cols-4{grid-template-columns:repeat(2,1fr)}.master-detail,.grid-2,.grid-3{grid-template-columns:1fr}}.mobile-topbar{display:none}@media (width<=900px){.sidebar{z-index:50;transition:all .2s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 40px #0006}.sidebar.open{transform:translate(0)}.shell{padding:16px 16px 60px}.ops-row{grid-template-columns:repeat(2,1fr)}.mobile-topbar{border-bottom:1px solid var(--line-700);background:var(--ink-950);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.mobile-topbar button{background:var(--ink-850);border:1px solid var(--line-600);color:var(--paper-100);border-radius:9px;padding:8px}.mobile-topbar button svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:18px;height:18px;display:block}}@media (width<=640px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}