:root{--ground: #F3F1EC;--surface: #FFFFFF;--sunk: #EEEBE4;--line: #E3E0D8;--line-2: #DAD6CC;--ink: #15171C;--ink-2: #4A4F5A;--ink-3: #5F6472;--brand: #0A2A38;--brand-2: #123B4D;--brand-line: #1E4A5C;--cobalt: #0B5ED7;--cobalt-ink: #0A4FB5;--cobalt-soft: #E3EEFC;--ember: #C2451F;--ember-ink: #A93B1C;--ember-soft: #FBE9E2;--ember-line: #F1C9B9;--ok: #1D7A4E;--ok-soft: #E3F4EA;--radius: 16px;--radius-sm: 12px;--font: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--font-latin: "IBM Plex Sans", system-ui, sans-serif;--font-display: "Bricolage Grotesque", "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;--shadow: 0 1px 2px rgba(21, 23, 28, .04), 0 8px 24px rgba(21, 23, 28, .06);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5}a{color:var(--cobalt-ink);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1.3}.num{font-family:var(--font-latin);font-variant-numeric:tabular-nums}.disp{font-family:var(--font-display)}.ltr{direction:ltr;unicode-bidi:isolate}.mute{color:var(--ink-3)}.small{font-size:13px}.xs{font-size:12px}.bold{font-weight:600}.row{display:flex;align-items:center;gap:8px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1 1 auto;min-width:0}.wrap{flex-wrap:wrap}.hide{display:none!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:flex;min-height:100%}.side{width:232px;flex-shrink:0;background:var(--brand);color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.side .brand{padding:0 6px 14px;display:flex;flex-direction:column;align-items:center;gap:2px;border-bottom:1px solid var(--brand-line);margin-bottom:10px}.side .brand img{width:148px;height:auto;display:block}.side .brand span{font-size:11px;letter-spacing:3px;color:#9fb7c2;text-transform:uppercase;font-family:var(--font-latin)}.mtop{display:none}.side a{color:#c4d3da;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;font-weight:500}.side a:hover{background:var(--brand-2);color:#fff}.side a.on{background:#fff;color:var(--ink)}.side .foot{margin-top:auto;padding:10px;font-size:13px;color:#9fb7c2;display:flex;flex-direction:column;gap:8px}.main{flex:1 1 auto;min-width:0;padding:24px 28px 110px}.page{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page.narrow{max-width:560px}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.head h1{font-family:var(--font-display);font-size:28px;font-weight:700}.tabs{display:none}@media (max-width: 899px){.side{display:none}.main{padding:16px 14px 104px}.head h1{font-size:23px}.mtop{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;background:var(--brand);color:#fff;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;margin:-16px -14px 14px}.mtop img{width:34px;height:34px;border-radius:9px;display:block}.mtop b{font-family:var(--font-display);font-size:17px;letter-spacing:.3px}.mtop small{color:#9fb7c2;font-size:11px;letter-spacing:2px;font-family:var(--font-latin)}.tabs{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 4px calc(8px + env(safe-area-inset-bottom))}.tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;color:var(--ink-3);padding:6px 2px;min-height:52px;justify-content:center;position:relative}.tabs a.on{color:var(--ink);font-weight:600}.tabs .badge{position:absolute;top:2px;inset-inline-end:22%}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.pad-lg{padding:20px 22px}.card h2{font-size:16px;font-weight:600}.dark{background:var(--brand);color:#fff;border-color:var(--brand)}.dark .mute{color:#a9c0ca}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width: 1100px){.g5{grid-template-columns:repeat(3,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,1fr)}}@media (max-width: 899px){.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g3.stack-sm,.g2.stack-sm{grid-template-columns:minmax(0,1fr)}}.stat .v{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.15}.stat .l{font-size:13px;color:var(--ink-3)}.dark.stat .l{color:#a9c0ca}.bar{height:8px;background:var(--sunk);border-radius:4px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--cobalt);border-radius:4px}.dark .bar{background:#1e4a5c}.dark .bar>i{background:#4c9bff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{border-color:#c5c0b4}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.call{background:var(--cobalt);color:#fff;border-color:var(--cobalt);font-size:17px;min-height:54px}.btn.danger{color:var(--ember-ink);border-color:var(--ember-line);background:var(--ember-soft)}.btn.ghost{border-color:transparent;background:transparent}.btn.sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}.btn.block{width:100%}.btn.icon{width:44px;padding:0}.dark .btn:not(.call):not(.primary){background:var(--brand-2);border-color:var(--brand-line);color:#fff}.chip{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-weight:600;cursor:pointer}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}.seg{display:flex;background:#e8e5dd;border-radius:14px;padding:4px;gap:4px}.seg button{flex:1 1 0;min-height:40px;border:0;border-radius:11px;background:transparent;font-weight:600;color:var(--ink-2);cursor:pointer;padding:0 12px;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000f}label.f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.in,select.in,textarea.in{width:100%;min-height:44px;border:1px solid var(--line-2);border-radius:12px;padding:0 12px;background:var(--surface);font-size:15px;font-weight:400}textarea.in{padding:10px 12px;resize:vertical;min-height:80px}.in:focus,.btn:focus-visible,.chip:focus-visible,a:focus-visible{outline:2px solid var(--cobalt);outline-offset:1px}.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--sunk);color:var(--ink-2);white-space:nowrap}.pill.blue{background:var(--cobalt-soft);color:var(--cobalt-ink)}.pill.red{background:var(--ember-soft);color:#8a2f15}.pill.green{background:var(--ok-soft);color:var(--ok)}.pill.dark{background:var(--brand);color:#fff}.badge{background:var(--ember);color:#fff;font-size:11px;font-weight:700;border-radius:9px;padding:0 6px;min-width:18px;text-align:center;font-family:var(--font-latin)}.score{width:42px;height:42px;border-radius:12px;background:var(--cobalt-soft);color:var(--cobalt-ink);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-latin)}.reason{font-size:13px;background:var(--brand-2);border:1px solid var(--brand-line);border-radius:999px;padding:4px 10px}.list{display:flex;flex-direction:column;gap:8px}.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;gap:12px;align-items:center;min-height:56px;cursor:pointer;text-align:start;width:100%}.item:hover{border-color:#cfcac0}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:start;font-weight:500;color:var(--ink-3);font-size:13px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid #EEEBE4;vertical-align:middle}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#faf9f6}.tbl .n{text-align:end;font-family:var(--font-latin);font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.empty{padding:28px 12px;text-align:center;color:var(--ink-3)}.alert{display:flex;gap:10px;padding:10px 0;border-top:1px solid #EEEBE4}.alert:first-child{border-top:0}.dot{width:8px;height:8px;border-radius:4px;margin-top:7px;flex-shrink:0;background:var(--ink-3)}.dot.red{background:var(--ember)}.dot.blue{background:var(--cobalt)}.dot.green{background:var(--ok)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#15171c73;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--ground);width:100%;max-width:560px;max-height:92vh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 900px){.scrim{align-items:center}.sheet{border-radius:22px;max-height:88vh}.sheet.wide{max-width:920px}}.sheet-head{background:var(--surface);border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;gap:10px}.sheet-body{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.sheet-foot{background:var(--surface);border-top:1px solid var(--line);padding:12px 16px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px}.toast{position:fixed;inset-inline:0;bottom:96px;margin:0 auto;width:fit-content;max-width:calc(100% - 32px);background:var(--brand);color:#fff;padding:12px 18px;border-radius:14px;z-index:80;box-shadow:var(--shadow);font-weight:500}.toast.err{background:var(--ember)}.banner{background:var(--ember-soft);border:1px solid var(--ember-line);color:#8a2f15;border-radius:14px;padding:10px 14px;font-size:14px}.banner.blue{background:var(--cobalt-soft);border-color:#c8d1fa;color:#1e2f8f}.timeline{display:flex;flex-direction:column}.tl{display:flex;gap:12px}.tl .rail{display:flex;flex-direction:column;align-items:center;width:14px}.tl .rail i{width:10px;height:10px;border-radius:5px;margin-top:6px;background:#8c909b}.tl .rail b{flex-grow:1;width:2px;background:var(--line)}.tl .body{flex-grow:1;padding-bottom:14px;min-width:0}.hbars{display:grid;gap:10px;align-items:end;height:150px;border-bottom:1px solid var(--line);position:relative}.hbars i{display:block;background:var(--cobalt);border-radius:6px 6px 0 0;min-height:3px}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--brand)}.login .card{width:100%;max-width:400px;padding:0 28px 28px;display:flex;flex-direction:column;gap:16px;overflow:hidden;border:0;box-shadow:0 20px 60px #00000059}.login .hero{background:var(--brand);margin:0 -28px;padding:26px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;border-bottom:1px solid var(--brand-line)}.login .hero img{width:190px;height:auto;display:block}.login .hero .sub{color:#9fb7c2;font-size:12px;letter-spacing:4px;font-family:var(--font-latin)}.boot{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--brand)}.boot img{width:170px;height:auto}.boot .spinner{border-color:#1e4a5c;border-top-color:#fff}.spinner{width:22px;height:22px;border:3px solid var(--line-2);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center;padding:40px}[dir=rtl] .flip{transform:scaleX(-1)}.mbtn{display:none}@media (max-width: 899px){.mtop .mbtn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:36px;min-width:36px;padding:0 10px;border-radius:18px;border:1px solid var(--brand-line);background:var(--brand-2);color:#fff;font-weight:700;font-size:13px;cursor:pointer}.mtop .mbtn span{font-family:var(--font-latin);line-height:1}.mtop .mbtn.av{width:36px;padding:0;background:var(--cobalt);border-color:var(--cobalt);font-size:15px}}