@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Sans+Arabic:wght@200;300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1128;--bg-2:#10182f;--content:#0d1433;--surface:#1b233e;--surface-2:#232b49;--surface-hover:#2b3456;--surface-elevated:#262e4f;--selected:#c9a22729;--text:#f5f1e8;--muted:#f5f1e8bd;--dim:#f5f1e88c;--hair:#f5f1e821;--hair-strong:#f5f1e838;--accent:#c9a227;--accent-ink:#2a1f05;--accent-soft:#c9a22726;--accent-line:#c9a22780;--warm:#eacb63;--good:#7fc28f;--warn:#d9be63;--bad:#d8785a;--glow:0 0 60px #c9a2271f;--card-shadow:inset 0 1px 0 #ffffff0d, 0 1px 2px #00000080, 0 18px 40px -28px #000000b3}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f0;--bg-2:#f4f0e5;--content:#f7f3ea;--surface:#fff;--surface-2:#faf7f0;--surface-hover:#f4f0e5;--surface-elevated:#fff;--selected:#c9a2271a;--text:#1b2338;--muted:#1b233899;--dim:#1b233861;--hair:#1b23381a;--hair-strong:#1b233833;--accent:#8a6a14;--accent-ink:#fff;--accent-soft:#8a6a141a;--accent-line:#8a6a1466;--warm:#6e5510;--good:#2f8f57;--warn:#a9791a;--bad:#b93b32;--glow:0 0 70px #c9a2271a;--card-shadow:0 1px 0 #fff9, 0 20px 40px -34px #1b233840}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;transition:background .4s,color .4s}:where(button,input,select,textarea){font-family:inherit}.serif{font-family:Amiri,Georgia,serif}.mono{font-feature-settings:"tnum";font-family:Geist Mono,ui-monospace,monospace}.figure{letter-spacing:-.01em;font-family:Amiri,Georgia,serif;font-weight:500}.shell{grid-template-columns:76px 1fr;min-height:100vh;display:grid}.nav{background:var(--bg-2);border-inline-start:1px solid var(--hair);flex-direction:column;align-items:center;gap:6px;height:100vh;padding:18px 0;display:flex;position:sticky;top:0}.nav-mark{color:var(--accent);letter-spacing:.5px;margin-bottom:14px;font-family:Amiri,serif;font-size:15px;font-weight:600}.nav-btn{width:46px;height:46px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;place-items:center;transition:all .18s;display:grid;position:relative}.nav-btn:hover{color:var(--text);background:var(--surface)}.nav-btn.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.nav-btn .tip{white-space:nowrap;background:var(--surface-2);border:1px solid var(--hair);opacity:0;pointer-events:none;color:var(--text);border-radius:8px;padding:5px 10px;font-size:12px;transition:all .15s;position:absolute;inset-inline-end:54px;transform:translate(6px)}.nav-btn:hover .tip{opacity:1;transform:translate(0)}.main{min-width:0;max-width:1280px;padding:22px 26px 60px}.hdr{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.hdr h1{letter-spacing:-.02em;margin:0 0 4px;font-family:Amiri,serif;font-size:34px;font-weight:500}.hdr .sub{color:var(--muted);font-size:13px}.hdr-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.search{background:var(--surface);border:1px solid var(--hair);color:var(--text);border-radius:12px;outline:none;width:240px;padding:9px 14px}.search:focus{border-color:var(--accent-line)}.btn{border:1px solid var(--hair);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .16s;display:inline-flex}.btn:hover{background:var(--surface-hover);border-color:var(--hair-strong)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:0 0}.icon-btn{border-radius:11px;justify-content:center;width:40px;height:40px;padding:0}.card{background:var(--surface);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:16px;padding:18px;position:relative}.card.framed:before,.card.framed:after,.card.framed>.corner-tl,.card.framed>.corner-br{content:"";border-color:var(--accent-line);opacity:.55;width:9px;height:9px;position:absolute}.card.framed:before{top:-1px;border-top:1px solid var(--accent-line);border-inline-start:1px solid var(--accent-line);inset-inline-start:-1px}.card.framed:after{bottom:-1px;border-bottom:1px solid var(--accent-line);border-inline-end:1px solid var(--accent-line);inset-inline-end:-1px}.card-title{color:var(--muted);letter-spacing:.02em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (width<=1024px){.cols-4,.cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;height:auto;position:static;overflow-x:auto}.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}.search{width:100%}}.kpi .label{color:var(--muted);margin-bottom:8px;font-size:12px}.kpi .value{letter-spacing:-.02em;font-family:Amiri,serif;font-size:34px;font-weight:500;line-height:1}.kpi .delta{color:var(--muted);margin-top:8px;font-size:12px}.kpi .delta.up{color:var(--good)}table.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:start;color:var(--dim);border-bottom:1px solid var(--hair);padding:9px 10px;font-size:12px;font-weight:600}.tbl td{border-bottom:1px solid var(--hair);color:var(--text);padding:11px 10px}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--surface-2)}.badge{border:1px solid var(--hair-strong);color:var(--muted);border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.good{color:var(--good);background:#7fc28f14;border-color:#7fc28f66}.badge.warn{color:var(--warn);background:#d9be6314;border-color:#d9be6366}.badge.bad{color:var(--bad);background:#d8785a14;border-color:#d8785a66}.badge.accent{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.bar{background:var(--surface-2);border-radius:100px;height:8px;position:relative;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--accent), var(--warm));border-radius:100px;height:100%;display:block}.thresholds{color:var(--dim);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.fab{z-index:60;border:1px solid var(--accent-line);background:var(--accent-soft);width:54px;height:54px;color:var(--accent);cursor:pointer;box-shadow:var(--glow), var(--card-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;place-items:center;transition:transform .18s,opacity .18s;display:grid;position:fixed;inset-block-end:22px;inset-inline-start:22px}.fab:hover{transform:translateY(-2px)}.fab.dim{opacity:.35}.assistant{z-index:70;background:var(--bg-2);border-inline-end:1px solid var(--hair);width:380px;max-width:92vw;box-shadow:var(--card-shadow);flex-direction:column;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-102%)}[dir=rtl] .assistant{transform:translate(102%)}.assistant.open{transform:translate(0)!important}.assistant .ahead{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;padding:16px;display:flex}.assistant .abody{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.assistant .msg{border-radius:14px;max-width:85%;padding:10px 13px;font-size:13px}.assistant .msg.bot{background:var(--surface);border:1px solid var(--hair);align-self:flex-start}.assistant .msg.me{background:var(--accent-soft);border:1px solid var(--accent-line);align-self:flex-end}.assistant .afoot{border-top:1px solid var(--hair);align-items:flex-end;gap:8px;padding:12px;display:flex}.assistant textarea{resize:none;background:var(--surface);border:1px solid var(--hair);color:var(--text);border-radius:12px;outline:none;flex:1;max-height:120px;padding:10px 12px}.assistant textarea:focus{border-color:var(--accent-line)}.confirm-chip{background:var(--warn);color:#2a1f05}.section-title{margin:26px 0 14px;font-family:Amiri,serif;font-size:20px;font-weight:500}.empty{color:var(--muted);text-align:center;border:1px dashed var(--hair);border-radius:16px;padding:40px}.spinner{color:var(--muted);text-align:center;padding:30px}.fld{gap:6px;display:grid}.fld>span{color:var(--muted);font-size:12px}a{color:var(--accent);cursor:pointer;text-decoration:none}.tabs{border-bottom:1px solid var(--hair);flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px;font-size:13px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.switch{border:1px solid var(--hair-strong);background:var(--surface-2);cursor:pointer;border-radius:100px;flex-shrink:0;width:40px;height:22px;transition:all .18s;position:relative}.switch>i{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:all .18s;position:absolute;inset-block-start:2px;inset-inline-start:2px}.switch.on{background:var(--accent-soft);border-color:var(--accent-line)}.switch.on>i{background:var(--accent);inset-inline-start:20px}.adv{border:1px dashed var(--hair);border-radius:12px;margin-top:12px;padding:12px 14px}.adv>summary{cursor:pointer;color:var(--muted);font-size:12.5px;font-weight:600;list-style:none}.adv[open]>summary{color:var(--accent);margin-bottom:10px}.row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.row+.row{border-top:1px solid var(--hair)}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.stat-line{align-items:baseline;gap:8px;display:flex}.shell{grid-template-columns:var(--nav-w,76px) 1fr}.side{background:var(--bg-2);border-inline-start:1px solid var(--hair);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:visible}.side-head{border-bottom:1px solid var(--hair);align-items:center;gap:8px;min-height:58px;padding:16px 14px 12px;display:flex}.side.is-collapsed .side-head{justify-content:center;padding-inline:0}.side-mark{color:var(--accent);letter-spacing:.5px;white-space:nowrap;flex:1;font-family:Amiri,serif;font-size:16px;font-weight:600}.side.is-collapsed .side-mark{display:none}.side-collapse,.side-close{border:1px solid var(--hair);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;transition:all .16s;display:grid}.side-collapse:hover,.side-close:hover{color:var(--text);background:var(--surface-hover);border-color:var(--hair-strong)}.side-collapse:focus-visible,.side-close:focus-visible,.side-item:focus-visible,.side-child:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.side-close{display:none}.side-scroll{flex-direction:column;flex:1;gap:3px;padding:10px 10px 20px;display:flex;overflow:visible auto}.side-item{width:100%;color:var(--muted);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .16s,color .16s,border-color .16s;display:flex;position:relative}.side-item:hover{color:var(--text);background:var(--surface-hover)}.side-item.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.side-ic{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.side-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.side-caret{color:var(--dim);flex-shrink:0;place-items:center;transition:transform .2s;display:grid}.side-group.open>.side-parent .side-caret{color:var(--muted);transform:rotate(180deg)}.side.is-collapsed .side-item{justify-content:center;padding:11px 0}.side.is-collapsed .side-label,.side.is-collapsed .side-caret{display:none}.side-tip{inset-inline-end:calc(100% + 10px);white-space:nowrap;background:var(--surface-elevated);border:1px solid var(--hair-strong);color:var(--text);z-index:80;opacity:0;pointer-events:none;box-shadow:var(--card-shadow);border-radius:8px;padding:5px 10px;font-size:12px;transition:opacity .14s,transform .14s;position:absolute;top:50%;transform:translateY(-50%)translate(6px)}.side.is-collapsed .side-item:hover .side-tip,.side.is-collapsed .side-item:focus-visible .side-tip{opacity:1;transform:translateY(-50%)translate(0)}.side-group{flex-direction:column;display:flex}.side-children{flex-direction:column;gap:2px;margin:2px 0 6px;padding-inline-start:14px;display:flex;position:relative}.side-children:before{content:"";background:var(--hair);width:1px;position:absolute;inset-block:4px;inset-inline-start:20px}.side-child{width:100%;color:var(--muted);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .16s,color .16s,border-color .16s;display:flex}.side-child:hover{color:var(--text);background:var(--surface-hover)}.side-child.active{color:var(--accent);background:var(--selected);border-color:var(--accent-line)}.side-child-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.side-child.active .side-child-dot{opacity:1}.side-flyout{inset-inline-end:calc(100% + 10px);z-index:90;background:var(--surface-elevated);border:1px solid var(--hair-strong);min-width:190px;box-shadow:var(--card-shadow);opacity:0;pointer-events:none;border-radius:14px;flex-direction:column;gap:2px;padding:8px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:4px;transform:translate(6px)}.side-group.collapsed{position:relative}.side-group.collapsed:hover .side-flyout,.side-group.collapsed:focus-within .side-flyout{opacity:1;pointer-events:auto;transform:translate(0)}.side-flyout-head{color:var(--dim);border-bottom:1px solid var(--hair);white-space:nowrap;margin-bottom:4px;padding:4px 10px 6px;font-size:11px;font-weight:600}.hdr-lead{align-items:center;gap:12px;min-width:0;display:flex}.hdr-burger{border:1px solid var(--hair);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:11px;flex-shrink:0;place-items:center;transition:all .16s;display:none}.hdr-burger:hover{background:var(--surface-hover);border-color:var(--hair-strong)}.side-scrim{display:none}@media (width<=860px){.shell{grid-template-columns:1fr}.hdr-burger{display:inline-grid}.side{z-index:75;border-inline-start:0;border-inline-end:1px solid var(--hair-strong);width:268px;max-width:86vw;height:100vh;box-shadow:var(--card-shadow);transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-104%)}[dir=rtl] .side{transform:translate(104%)}.side.is-open{transform:translate(0)!important}.side.is-collapsed .side-label,.side.is-collapsed .side-caret{display:flex}.side.is-collapsed .side-item{justify-content:flex-start;padding:10px 12px}.side.is-collapsed .side-mark{flex:1;font-size:16px}.side.is-collapsed .side-tip{display:none}.side-collapse{display:none!important}.side-close{display:grid}.side-scrim{z-index:74;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;position:fixed;inset:0}.hdr{flex-wrap:wrap;align-items:center;row-gap:12px}.hdr-lead{flex:100%;align-items:center;min-width:0}.hdr h1{font-size:24px}.hdr .sub{font-size:12px}.hdr-actions{flex-wrap:wrap;flex:100%;justify-content:flex-start;gap:6px}.hdr-actions .search,.hdr .search{flex:100%;width:auto;min-width:0}table.tbl{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.tbl th,.tbl td{white-space:nowrap}.fab{width:50px;height:50px;inset-block-end:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-start:calc(16px + env(safe-area-inset-left,0px))}.cols-4,.cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}@media (width<=860px){html,body{overflow-x:hidden}}@media (width<=430px){.hdr h1{font-size:21px}.main{padding:16px 14px 84px}}
