:root{--ink: #14212b;--ink-2: #22313d;--blue: #1d5fa8;--blue-600: #174e8c;--blue-50: #eaf1fa;--sand: #b08a55;--sand-50: #f6efe4;--sand-ink: #7a5b2e;--bg: #f2f4f5;--surface: #ffffff;--surface-2: #f7f8f9;--line: #dde2e6;--line-2: #ebeef0;--text: #1a2630;--muted: #5d6b76;--faint: #8c98a1;--ok: #1e7f4f;--ok-50: #e5f4ec;--warn: #a86a06;--warn-50: #fbf0dc;--bad: #b4322a;--bad-50: #fbe8e6;--info: #1d5fa8;--info-50: #eaf1fa;--hold: #6b4fa0;--hold-50: #efeaf7;--idle: #5d6b76;--idle-50: #edf0f2;--side-text: #c9d3db;--side-muted: #8fa0ad;--side-group: #7f909d;--side-on: #253644;--side-line: #26384a;--f: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;--mono: "IBM Plex Mono", "IBM Plex Sans Arabic", Consolas, monospace;--r-sm: 4px;--r: 6px;--r-lg: 10px;--focus: 0 0 0 3px rgba(29, 95, 168, .18);--shadow-pop: 0 12px 32px rgba(20, 33, 43, .18)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:#c5ced6 transparent}body{font-family:var(--f);font-size:13px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:600;text-wrap:balance}h1{font-size:22px;line-height:1.3}h2{font-size:16px}h3{font-size:14px}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus)}.mono{font-family:var(--mono);font-size:12px}.num{font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12.5px}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:11.5px}.b{font-weight:600}.sp{flex:1}.hr{height:1px;background:var(--line-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[dir=ltr] .dir-icon{transform:scaleX(-1)}.content{padding:20px 24px 28px;display:flex;flex-direction:column;gap:16px;min-width:0}.crumb{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.crumb b{color:var(--text);font-weight:500}.ph-title{display:flex;align-items:center;gap:12px}.ph-ico{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--sand-50);color:var(--sand-ink)}.phead{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.phead .t{display:flex;flex-direction:column;gap:4px;min-width:0}.phead .sub{color:var(--muted);font-size:12.5px}.phead .acts{margin-inline-start:auto;display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:12.5px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.p{background:var(--blue);border-color:var(--blue);color:#fff}.btn.p:hover:not(:disabled){background:var(--blue-600)}.btn.d{border-color:#e9c2be;color:var(--bad)}.btn.d:hover:not(:disabled){background:var(--bad-50)}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.danger:hover:not(:disabled){background:#962922}.btn.g{border-color:transparent;background:transparent;color:var(--blue)}.btn.g:hover:not(:disabled){background:var(--blue-50)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.lg{height:42px;padding:0 18px;font-size:14px}.btn.block{width:100%}.iconbtn{width:36px;height:36px;flex:0 0 36px;border-radius:var(--r);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;position:relative;background:var(--surface);color:var(--ink-2);cursor:pointer}.iconbtn:hover:not(:disabled){background:var(--surface-2)}.iconbtn.sm{width:28px;height:28px;flex-basis:28px;border-color:transparent;background:transparent;color:var(--muted)}.iconbtn.sm:hover{background:var(--idle-50);color:var(--ink)}.iconbtn.sm.danger:hover{background:var(--bad-50);color:var(--bad)}.iconbtn .dot{position:absolute;top:6px;inset-inline-end:7px;width:8px;height:8px;border-radius:50%;background:var(--bad);border:2px solid #fff}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.av{width:34px;height:34px;border-radius:50%;background:var(--blue-50);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12.5px;flex:0 0 auto}.av.s{width:26px;height:26px;font-size:11px}.av.sand{background:var(--sand-50);color:var(--sand-ink)}.av.ok{background:var(--ok-50);color:var(--ok)}.logo{width:34px;height:34px;border-radius:8px;background:var(--sand);display:flex;align-items:center;justify-content:center;color:var(--ink);font-weight:700;font-size:15px;font-family:var(--mono);flex:0 0 auto}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:11px;font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--idle-50);color:var(--idle)}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.pill.ok{background:var(--ok-50);color:var(--ok)}.pill.warn{background:var(--warn-50);color:var(--warn)}.pill.bad{background:var(--bad-50);color:var(--bad)}.pill.info{background:var(--info-50);color:var(--info)}.pill.hold{background:var(--hold-50);color:var(--hold)}.pill.sand{background:var(--sand-50);color:var(--sand-ink)}.tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;border:1px solid var(--line);font-size:11px;color:var(--muted);background:#fff;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;min-width:0}.card>.hd{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.card>.hd h3{font-size:14px}.card>.hd .r{margin-inline-start:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card>.bd{padding:16px}.card>.bd.np{padding:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:12.5px}table.t th{text-align:start;font-weight:500;color:var(--muted);font-size:11.5px;background:var(--surface-2);padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}table.t td{padding:10px 9px;border-bottom:1px solid var(--line-2);vertical-align:middle;white-space:nowrap}table.t th:first-child,table.t td:first-child{padding-inline-start:16px}table.t th:last-child,table.t td:last-child{padding-inline-end:16px}table.t tbody tr:last-child td{border-bottom:0}table.t tbody tr:hover td{background:#fafbfb}table.t .e{text-align:end}table.t .wrap{white-space:normal}.skeleton{display:block;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--line-2) 25%,#f4f6f7 50%,var(--line-2) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tab{padding:9px 14px;font-size:13px;color:var(--muted);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;gap:6px;align-items:center;white-space:nowrap;background:none;cursor:pointer}.tab:hover{color:var(--ink);text-decoration:none}.tab.on{color:var(--blue);border-bottom-color:var(--blue);font-weight:500}.tab.off{cursor:default;color:var(--faint)}.tab .cnt{font-family:var(--mono);font-size:10.5px;background:var(--idle-50);color:var(--muted);padding:0 6px;border-radius:9px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}.seg button{padding:5px 12px;font-size:12px;color:var(--muted);border:0;border-inline-start:1px solid var(--line);background:none;cursor:pointer}.seg button:first-child{border-inline-start:0}.seg button.on{background:var(--ink);color:#fff}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:12px;color:var(--muted);font-weight:500}.field>label em{color:var(--bad);font-style:normal}.inp{height:36px;width:100%;border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:0 10px;font-size:13px;color:var(--text);transition:border-color .12s,box-shadow .12s}.inp::placeholder{color:var(--faint)}.inp:focus{outline:none;border-color:var(--blue);box-shadow:var(--focus)}.inp[readonly],.inp:disabled{background:var(--surface-2);color:var(--muted)}.inp.err,.inp.ng-invalid.ng-touched{border-color:var(--bad)}textarea.inp{height:72px;padding-top:8px;resize:vertical}.inp-group{position:relative;display:flex;align-items:center}.inp-group .inp{padding-inline-end:38px}.inp-group .inp-btn{position:absolute;inset-inline-end:4px;width:30px;height:28px;border:0;background:none;color:var(--muted);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}.inp-group .inp-btn:hover{color:var(--ink)}.inp-group .inp-ico{position:absolute;inset-inline-start:10px;color:var(--faint);pointer-events:none}.inp-group.lead .inp{padding-inline-start:32px;padding-inline-end:10px}.help{font-size:11px;color:var(--faint)}.help.err{color:var(--bad)}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:15px;height:15px;margin:0;accent-color:var(--blue);cursor:pointer}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle input{appearance:none;margin:0;width:32px;height:18px;border-radius:9px;background:#c5ced5;position:relative;flex:0 0 32px;cursor:pointer;transition:background-color .15s}.toggle input:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}.toggle input:checked{background:var(--blue)}.toggle input:checked:after{inset-inline-start:16px}.sec-title{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.03em}.alert{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:var(--r);font-size:12.5px;border:1px solid}.alert app-icon{margin-top:2px}.alert.warn{background:var(--warn-50);border-color:#eed5a6;color:#6e4704}.alert.warn app-icon{color:var(--warn)}.alert.bad{background:var(--bad-50);border-color:#f0c3bf;color:#7d211b}.alert.bad app-icon{color:var(--bad)}.alert.info{background:var(--info-50);border-color:#c4d7ee;color:#123f72}.alert.info app-icon{color:var(--blue)}.alert.ok{background:var(--ok-50);border-color:#bfe1cd;color:#145234}.alert.ok app-icon{color:var(--ok)}.ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 32px;background:var(--blue-50);color:var(--blue)}.ico.sand{background:var(--sand-50);color:var(--sand-ink)}.ico.idle{background:var(--idle-50);color:var(--muted)}.pager{display:flex;align-items:center;gap:6px;padding:10px 16px;border-top:1px solid var(--line-2);font-size:12px;color:var(--muted);flex-wrap:wrap}.pager .pg{min-width:28px;height:28px;padding:0 6px;border:1px solid var(--line);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink-2);cursor:pointer;font-family:var(--mono);font-size:11.5px}.pager .pg:disabled{opacity:.45;cursor:default}.pager .pg.on{background:var(--ink);color:#fff;border-color:var(--ink)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;text-align:center;color:var(--muted)}.empty .ico{width:44px;height:44px;border-radius:12px;margin-bottom:4px}.empty b{color:var(--ink);font-size:14px}.backdrop{position:fixed;inset:0;background:#14212b61;z-index:50;animation:fade-in .15s ease-out}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(440px,100vw);background:#fff;border-inline-start:1px solid var(--line);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;z-index:51;animation:fade-in .15s ease-out}.drawer>.hd{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line-2)}.drawer>.bd{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.drawer>.ft{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line-2)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 20px 50px #14212b40;z-index:61;padding:20px;display:flex;flex-direction:column;gap:12px}.modal .ft{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}@keyframes fade-in{0%{opacity:0}}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px;align-items:start}.split.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}.form-grid .span-3{grid-column:1/-1}.card>.bd.sub-section{border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:12px}select.inp{appearance:none;padding-inline-end:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235D6B76' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;cursor:pointer}[dir=ltr] select.inp{background-position:right 10px center}.inp.sm-select{height:30px;width:auto;font-size:12px}.lookup{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px}.lookup-res{border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:2px}.lookup-res .big{font-size:16px;color:var(--ink)}.dim{opacity:.6;transition:opacity .15s}@media(max-width:1100px){.split,.split.even{grid-template-columns:minmax(0,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.grid2,.grid3,.grid4{grid-template-columns:1fr}.content{padding:16px}}@media(max-width:600px){.form-grid{grid-template-columns:minmax(0,1fr)}}.card>.hd.fhd .inp{width:auto;flex:0 1 220px;min-width:140px}.scroll{overflow-x:auto}