:root{
  --paper:#F3F7FA;--surface:#FFFFFF;--ink:#15282C;--muted:#5B6E71;--line:#D6DFDC;
  --petrol:#00627E;--petrol-2:#E3F5F6;--brand:#12B2C2;--navy:#003A6C;--sage:#B8B8A2;--amber:#E8A317;--amber-bg:#FFF4D9;
  --red:#B8322A;--red-bg:#FBE6E3;--green:#2E7D4F;--green-bg:#E2F2E8;--grey-bg:#ECEFEE;
  --water:#7FC4D1;--product:#E8A317;
  color-scheme:light;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0F1A1C;--surface:#172427;--ink:#E4ECEA;--muted:#93A7A9;--line:#2A3B3E;
  --petrol:#5FD0DA;--petrol-2:#0E2E36;--brand:#22BFCC;--navy:#00213F;--sage:#8E8E7A;--amber:#F0B437;--amber-bg:#3A2F14;
  --red:#F07A6E;--red-bg:#3B1E1B;--green:#6BC48E;--green-bg:#18332A;--grey-bg:#223033;
  --water:#3E8D9B;--product:#F0B437;color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#0F1A1C;--surface:#172427;--ink:#E4ECEA;--muted:#93A7A9;--line:#2A3B3E;
  --petrol:#5FD0DA;--petrol-2:#0E2E36;--brand:#22BFCC;--navy:#00213F;--sage:#8E8E7A;--amber:#F0B437;--amber-bg:#3A2F14;
  --red:#F07A6E;--red-bg:#3B1E1B;--green:#6BC48E;--green-bg:#18332A;--grey-bg:#223033;
  --water:#3E8D9B;--product:#F0B437;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic","Noto Naskh Arabic",Tahoma,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 18px}
header.top{background:linear-gradient(120deg,var(--navy) 0%,#00507A 60%,#0A8A9E 115%);color:#fff;position:relative;overflow:hidden}
header.top::after{content:"";position:absolute;inset-inline-end:-70px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,transparent 38%,rgba(18,178,194,.18) 39%,rgba(18,178,194,.18) 41%,transparent 42%,transparent 55%,rgba(184,184,162,.16) 56%,rgba(184,184,162,.16) 58%,transparent 59%);pointer-events:none}
:root[data-theme="dark"] header.top{background:linear-gradient(120deg,#031426,#073A66)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) header.top{background:linear-gradient(120deg,#031426,#073A66)}}
.top .wrap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:18px}
.top h1{margin:0;font-size:clamp(22px,3.2vw,32px);font-weight:700;letter-spacing:0}
.top p{margin:2px 0 0;opacity:.85;font-size:14px}
.tallies{display:flex;gap:8px;flex-wrap:wrap}
.tally{background:rgba(255,255,255,.12);border-radius:10px;padding:6px 12px;font-size:13px;display:flex;gap:6px;align-items:baseline;border:0;color:#fff;cursor:pointer}
.tally b{font-size:20px}
.tally.stop{background:#B8322A}
.theme-btn{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:4px 10px;cursor:pointer;font-size:13px}
.pests{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}
.pests .wrap{padding-top:12px;padding-bottom:10px}
.pest-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.chip{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:14px;display:flex;gap:6px;align-items:center;white-space:nowrap}
.chip .n{font-size:12px;color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--petrol);border-color:var(--petrol);color:#fff}
:root[data-theme="dark"] .chip[aria-pressed="true"]{color:#0F1A1C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip[aria-pressed="true"]{color:#0F1A1C}}
.chip[aria-pressed="true"] .n{color:inherit;opacity:.8}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.search{flex:1 1 220px;max-width:340px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 12px}
.mchip{border:1px dashed var(--line);background:transparent;border-radius:8px;padding:4px 10px;font-size:13px;cursor:pointer}
.mchip[aria-pressed="true"]{border-style:solid;border-color:var(--amber);background:var(--amber-bg)}
.toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;margin-inline-start:auto}
.toggle input{accent-color:var(--petrol);width:18px;height:18px}
main .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;padding-top:18px;padding-bottom:40px;align-items:start}
@media (max-width:880px){main .wrap{grid-template-columns:1fr}}
.list{display:flex;flex-direction:column;gap:6px}
.list h2{font-size:15px;color:var(--muted);font-weight:500;margin:0 0 4px}
.item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;width:100%}
.item:hover{border-color:var(--petrol)}
.item[aria-current="true"]{border-color:var(--petrol);box-shadow:inset 0 0 0 1px var(--petrol)}
.item .nm{font-weight:600;line-height:1.3}
.item .sub{font-size:12.5px;color:var(--muted);line-height:1.4}
.dot{width:10px;height:10px;border-radius:50%}
.dot.ok{background:var(--green)}.dot.soon{background:var(--amber)}.dot.exp{background:var(--red)}.dot.none{background:var(--muted)}
.mtags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.mtag{font-size:11.5px;border-radius:6px;padding:1px 7px;background:var(--petrol-2);color:var(--petrol);white-space:nowrap}
.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}
.panel{position:sticky;top:132px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
@media (max-width:880px){.panel{position:fixed;inset:0;top:auto;max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;z-index:20;transform:translateY(105%);transition:transform .25s ease;padding-bottom:env(safe-area-inset-bottom,0px)}
 .panel.open{transform:none} .scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:15} .scrim.open{display:block}}
@media (prefers-reduced-motion:reduce){.panel{transition:none}}
.close{display:none}
.scrim{display:none}
@media (max-width:880px){.close{display:block;position:absolute;inset-inline-end:12px;top:12px;border:0;background:var(--grey-bg);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:18px}}
.ph{padding:18px 20px 14px;border-bottom:1px solid var(--line);position:relative}
.ph h2{margin:0;font-size:24px;line-height:1.25}
.ph .ar{color:var(--muted);font-size:15px}
.ph .ai{font-size:13.5px;margin-top:6px}
.ph .ai span{background:var(--grey-bg);border-radius:6px;padding:1px 8px;margin-inline-end:6px;font-size:12.5px}
.banner{margin:12px 20px 0;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:500}
.banner.stop{background:var(--red-bg);color:var(--red);border:1px solid var(--red)}
.banner.warn{background:var(--amber-bg);border:1px solid var(--amber)}
.banner.ok{background:var(--green-bg);color:var(--green)}
.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 20px}
.doc{border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.35;background:var(--grey-bg)}
.doc b{display:block;font-size:12px;color:var(--muted);font-weight:500}
.doc.ok{background:var(--green-bg)}.doc.ok span{color:var(--green)}
.doc.bad{background:var(--red-bg)}.doc.bad span{color:var(--red)}
.doc.mid{background:var(--amber-bg)}
.regline{padding:0 20px 12px;font-size:13px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}
.regline code{font-family:inherit;color:var(--ink);direction:ltr;unicode-bidi:isolate}
.uses{display:flex;gap:6px;flex-wrap:wrap;padding:14px 20px 0}
.use{border:1px solid var(--line);background:transparent;border-radius:10px;padding:6px 10px;cursor:pointer;text-align:start;font-size:13.5px;line-height:1.35}
.use small{display:block;color:var(--muted);font-size:12px}
.use[aria-pressed="true"]{border-color:var(--petrol);background:var(--petrol-2)}
.calc{padding:16px 20px 20px;display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}
@media (max-width:480px){.calc{grid-template-columns:80px 1fr;gap:12px}}
.calc.notank{grid-template-columns:1fr}
.method{display:flex;gap:10px;align-items:flex-start;background:var(--petrol-2);border-radius:10px;padding:10px 12px;margin-bottom:12px}
.method .ic{font-size:22px;line-height:1}
.method b{display:block}
.method p{margin:0;font-size:13px;color:var(--muted)}
.field{margin-bottom:10px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.inrow{display:flex;gap:8px;align-items:center}
.num{width:130px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 12px;font-size:20px;font-weight:600;direction:ltr;text-align:center}
.unit{color:var(--muted)}
.presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.presets button{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:2px 9px;font-size:12.5px;cursor:pointer}
.mode{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:10px}
.mode button{border:0;background:transparent;padding:4px 12px;font-size:13px;cursor:pointer}
.mode button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.out{border-top:2px solid var(--ink);padding-top:10px;margin-top:6px}
.big{font-size:clamp(26px,4.6vw,40px);font-weight:700;line-height:1.15;direction:rtl}
.big .q{color:var(--petrol)}
.out .say{font-size:15px;margin-top:4px}
.out .extra{font-size:13.5px;color:var(--muted);margin-top:6px}
.note{font-size:13px;background:var(--grey-bg);border-radius:8px;padding:8px 10px;margin-top:10px}
.txt{font-size:16px;line-height:1.7;background:var(--grey-bg);border-radius:10px;padding:12px 14px}
.tank svg{width:100%;height:auto;display:block}
.tank figcaption{font-size:11.5px;color:var(--muted);text-align:center;margin-top:4px;line-height:1.3}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:9px;padding:6px 14px;cursor:pointer;font-size:14px}
.btn.ghost{background:transparent;color:var(--ink)}
.sec{padding:14px 20px;border-top:1px solid var(--line)}
.sec h3{margin:0 0 8px;font-size:15px}
.sec ul{margin:0;padding-inline-start:20px;font-size:14px}
.alts{display:flex;flex-wrap:wrap;gap:6px}
.alt{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:4px 10px;font-size:13px;cursor:pointer}
.alt i{font-style:normal;color:var(--muted);font-size:12px}
.placeholder{padding:40px 24px;text-align:center;color:var(--muted)}
.placeholder .bigq{font-size:46px;line-height:1}
footer{font-size:12.5px;color:var(--muted);padding:0 0 30px}
.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline:0;margin:auto;width:max-content;background:var(--ink);color:var(--paper);padding:8px 16px;border-radius:9px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:30}
.toast.show{opacity:1}

.msdsbtn{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--petrol);color:var(--petrol);background:var(--surface);border-radius:10px;padding:6px 14px;font-weight:700;cursor:pointer;font-size:15px;margin-top:10px}
.msdsbtn:hover{background:var(--petrol);color:#fff}
.mini{border:1px solid var(--petrol);color:var(--petrol);background:transparent;border-radius:6px;font-size:11.5px;font-weight:700;padding:1px 7px;cursor:pointer}
dialog.docdlg{border:0;padding:0;border-radius:16px;width:min(920px,96vw);max-height:92vh;background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}
dialog.docdlg::backdrop{background:rgba(10,25,28,.55)}
.dh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}
.dh h2{margin:0;font-size:19px}
.dh small{color:var(--muted);display:block;font-size:13px}
.dtabs{display:flex;gap:6px;padding:12px 18px 0;flex-wrap:wrap}
.dtabs button{border:1px solid var(--line);background:transparent;border-radius:9px;padding:6px 14px;cursor:pointer;font-size:14px}
.dtabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dbody{padding:16px 18px 20px;overflow:auto;max-height:calc(92vh - 130px)}
.docimg{display:block;max-width:100%;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:zoom-in}
.dact{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center}
.dact a{text-decoration:none}
.secs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@media (max-width:620px){.secs{grid-template-columns:1fr}}
.sec16{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-decoration:none;color:inherit}
.sec16:hover{border-color:var(--petrol);background:var(--petrol-2)}
.sec16 .no{width:30px;height:30px;border-radius:50%;background:var(--petrol);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.sec16 b{display:block;font-size:14px;line-height:1.3}
.sec16 i{font-style:normal;color:var(--muted);font-size:12px;direction:ltr;display:block;text-align:start}
.sec16 .pg{font-size:12px;color:var(--muted);white-space:nowrap}
.nodoc{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}

.viewer{display:flex;flex-direction:column;gap:10px}
.vbar{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;position:sticky;top:0;background:var(--surface);padding:4px 0;z-index:1}
.vbar button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:4px 12px;cursor:pointer;font-size:15px}
.vbar span{font-size:14px;color:var(--muted);min-width:90px;text-align:center}
.vwrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:center}
.vwrap canvas{display:block;margin:0 auto}
.vmsg{padding:30px;text-align:center;color:var(--muted)}

html[lang="ur"] body{font-family:"Noto Naskh Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif;line-height:1.75}
.langpick{position:fixed;inset:0;z-index:50;background:linear-gradient(140deg,var(--navy),#00507A 60%,#0A8A9E);display:grid;place-items:center;padding:20px}
:root[data-theme="dark"] .langpick{background:linear-gradient(140deg,#031426,#073A66)}
.langpick[hidden]{display:none}
.lpbox{background:var(--surface);color:var(--ink);border-radius:20px;padding:28px 24px;width:min(460px,100%);text-align:center}
.lpicon{font-size:44px;line-height:1}
.lpbox h2{margin:6px 0 0;font-size:18px;font-weight:600}
.lpbox h2:nth-of-type(3){font-family:"Noto Naskh Arabic",serif}
.lpbtns{display:grid;gap:10px;margin-top:20px}
.lpbtns button{border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:14px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px}
.lpbtns button:hover,.lpbtns button:focus-visible{border-color:var(--petrol);background:var(--petrol-2)}
.lpbtns button.last{border-color:var(--brand);background:var(--petrol-2)}
.lpbtns button.last::after{content:"✓";font-weight:700;color:var(--brand);font-size:18px}
.lpbtns b{font-size:20px}
.lpbtns span{color:var(--muted);font-size:14px}
.lpbtns button[data-l="ur"]{font-family:"Noto Naskh Arabic",serif}

.tpbox{width:min(640px,100%);max-height:94vh;overflow:auto}
.tpsub{margin:4px 0 0;color:var(--muted);font-size:14px}
.tpgrid{display:grid;gap:8px;margin-top:16px}
.tpgrid button{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:start;border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:10px 14px;cursor:pointer}
.tpgrid button:hover,.tpgrid button:focus-visible,.tpgrid button[aria-pressed="true"]{border-color:var(--petrol);background:var(--petrol-2)}
.tpgrid .ti{font-size:28px;text-align:center}
.tpgrid .tt b{display:block;font-size:16px;line-height:1.35}
.tpgrid .tt span{font-size:13px;color:var(--muted)}
.tpgrid .tn{font-size:22px;font-weight:700;color:var(--petrol);text-align:center;line-height:1}
.tpgrid .tn small{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.lpback{margin-top:14px;border:1px solid var(--line);background:transparent;border-radius:9px;padding:5px 14px;cursor:pointer;color:var(--muted)}
.teamtag{font-weight:600}

.home{padding-top:36px;padding-bottom:40px}
.hhi{margin:0;color:var(--muted)}
.hsub{margin:2px 0 18px;font-size:26px}
.hcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:700px){.hcards{grid-template-columns:1fr}}
.hcard{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:start;background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:26px 24px;cursor:pointer;min-height:200px}
.hcard:hover,.hcard:focus-visible{border-color:var(--petrol);background:var(--petrol-2)}
.hcard .hic{font-size:44px;line-height:1}
.hcard b{font-size:22px}
.hcard span{color:var(--muted);font-size:14.5px}
.req{padding-top:20px;padding-bottom:40px}
.rhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.rhead h2{margin:0;font-size:22px}
.rtabs{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.rtabs button{border:0;background:transparent;padding:8px 16px;cursor:pointer;font-size:15px}
.rtabs button[aria-selected="true"]{background:var(--petrol);color:#fff}
.rtabs .cnt{background:rgba(255,255,255,.25);border-radius:999px;padding:0 7px;font-size:12px}
.rform{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;max-width:920px}
.rform fieldset{border:0;padding:0;margin:0}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:640px){.grid3{grid-template-columns:1fr}.span2{grid-column:auto!important}}
.span2{grid-column:span 2}
.fld label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.fld input,.fld select,.fld textarea,.irow select,.irow input,.lfil select{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:9px 12px;font:inherit;color:var(--ink)}
.items{border-top:1px solid var(--line);padding-top:12px}
.ihead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.ihead h3{margin:0 0 8px;font-size:16px}
.ihead small{color:var(--muted)}
.irow{display:grid;grid-template-columns:28px minmax(0,1fr) 100px 110px 38px;gap:8px;align-items:center;margin-bottom:8px}
@media (max-width:640px){.irow{grid-template-columns:24px 1fr 1fr 38px}.irow .iprod{grid-column:2 / -1}}
.irow .num{font-size:16px;width:100%}
.ino{width:26px;height:26px;border-radius:50%;background:var(--grey-bg);display:grid;place-items:center;font-size:13px}
.irem{border:1px solid var(--line);background:transparent;border-radius:9px;height:38px;cursor:pointer}
.irem:disabled{opacity:.35;cursor:default}
.ferr{color:var(--red);font-weight:500;min-height:1em}
.btn.big{font-size:16px;padding:10px 26px}
.btn.sm{font-size:13px;padding:4px 11px}
.btn:disabled{opacity:.5;cursor:default}
.sent{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px 20px;text-align:center;max-width:720px}
.okic{font-size:48px}
.sent h3{margin:6px 0;font-size:22px}
.stbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.stchip{border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:13px;background:var(--surface);white-space:nowrap}
button.stchip{cursor:pointer}
.stchip[aria-pressed="true"]{outline:2px solid var(--ink)}
.st-new{background:var(--petrol-2);color:var(--petrol);border-color:var(--petrol)}
.st-approved{background:var(--amber-bg);border-color:var(--amber)}
.st-issued{background:var(--green-bg);color:var(--green);border-color:var(--green)}
.st-rejected{background:var(--red-bg);color:var(--red);border-color:var(--red)}
.lfil{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.lfil .search{flex:1 1 220px}
.lfil select{width:auto;min-width:180px}
.rlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.rcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.rcard header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rno{font-weight:700;letter-spacing:.3px}
.rmeta{font-size:14px;line-height:1.55}
.rmeta small{color:var(--muted)}
.ritems{margin:0;padding-inline-start:20px;font-size:14px}
.ritems li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:3px 0}
.rnote{margin:0;font-size:13.5px;background:var(--grey-bg);border-radius:8px;padding:6px 10px}
.rnote.wh{background:var(--amber-bg)}
.ract{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
#printView{display:none}

.brandrow{display:flex;align-items:center;gap:14px}
.hlogo{height:58px;width:auto;display:block}
.hsep{width:1px;align-self:stretch;background:rgba(255,255,255,.35)}
@media (max-width:560px){.hlogo{height:40px}.top h1{font-size:20px}}
.rhero{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin-bottom:14px;position:relative;overflow:hidden}
.rhero::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--brand),var(--sage))}
.rlogo{height:70px;width:auto}
.rkick{margin:0;color:var(--muted);font-size:13.5px}
.rhero h2{margin:0;font-size:clamp(20px,3vw,28px);color:var(--navy)}
:root[data-theme="dark"] .rhero h2{color:var(--petrol)}
.scard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-bottom:14px}
.scard h3{margin:0 0 12px;font-size:17px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.scard h3 small{font-weight:500;color:var(--muted);font-size:13px}
.sn{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:inline-grid;place-items:center;font-size:14px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.span4{grid-column:1/-1}
@media (max-width:760px){.grid4{grid-template-columns:1fr 1fr}.grid4 .span2{grid-column:1/-1}}
.shopbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.shopbar .search{max-width:none;flex:none;width:100%}
.pchips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.pc{flex:0 0 auto;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 13px;font-size:13.5px;cursor:pointer;white-space:nowrap}
.pc[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
@media (max-width:480px){.pgrid{grid-template-columns:1fr 1fr;gap:8px}}
.pcard{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:12px;transition:border-color .15s,box-shadow .15s}
.pcard.on{border-color:var(--brand);box-shadow:0 6px 18px rgba(18,178,194,.22);background:var(--surface)}
.pcard.out{opacity:.62}
.pt{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pf{width:38px;height:38px;border-radius:12px;background:var(--petrol-2);display:grid;place-items:center;font-size:20px}
.pfm{font-size:11.5px;font-weight:700;color:var(--petrol);background:var(--petrol-2);border-radius:6px;padding:1px 7px;direction:ltr}
.qbadge{margin-inline-start:auto;min-width:26px;height:26px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;display:grid;place-items:center;font-size:13px;padding:0 6px}
.pcard h4{margin:2px 0 0;font-size:15px;line-height:1.3;direction:ltr;text-align:start}
.pai{margin:0;font-size:12px;color:var(--muted);line-height:1.35;direction:ltr;text-align:start;min-height:2.7em}
.ptags{display:flex;gap:4px;flex-wrap:wrap}
.ptags span{font-size:11px;background:var(--grey-bg);border-radius:6px;padding:1px 6px}
.pbot{margin-top:auto;display:flex;gap:6px;align-items:center;padding-top:4px}
.addb{flex:1;border:0;background:var(--brand);color:#fff;border-radius:11px;padding:8px 10px;font-weight:700;cursor:pointer;font-size:14px}
.addb:disabled{background:var(--grey-bg);color:var(--muted);cursor:not-allowed}
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--brand);border-radius:11px;overflow:hidden;background:var(--surface);flex:1}
.stepper button{border:0;background:var(--petrol-2);color:var(--petrol);width:34px;height:36px;font-size:18px;font-weight:700;cursor:pointer}
.stepper button:disabled{opacity:.35;cursor:not-allowed}
.stepper input{width:100%;min-width:36px;border:0;background:transparent;text-align:center;font-weight:700;font-size:16px;direction:ltr;-moz-appearance:textfield}
.stepper input::-webkit-inner-spin-button{display:none}
.stepper.sm{flex:0 0 130px}
.stepper.sm button{height:32px;width:32px}
.pu{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:6px 4px;font:inherit;font-size:13px;color:var(--ink)}
.av{font-size:11.5px;font-weight:600;border-radius:999px;padding:1px 8px;background:var(--grey-bg);color:var(--muted);white-space:nowrap}
.av.ok{background:var(--green-bg);color:var(--green)}
.av.no{background:var(--red-bg);color:var(--red)}
.pt .av{margin-inline-start:auto}
.pt .qbadge+.av{margin-inline-start:0}
.cartbar{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,var(--navy),#00507A);color:#fff;border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 10px 30px rgba(6,43,79,.35);margin-top:6px}
.cbi{display:flex;align-items:center;gap:10px}
.cbic{font-size:26px}
.cbi b{display:block}.cbi small{opacity:.8}
.cartbar .btn{background:var(--brand);border-color:var(--brand);color:#fff}
.rvlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rvlist li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.rvlist li.out{border-color:var(--red);background:var(--red-bg)}
.rvn b{display:block;direction:ltr;text-align:start}.rvn small{color:var(--muted);direction:ltr;display:block;text-align:start}
@media (max-width:520px){.rvlist li{grid-template-columns:1fr 1fr}.rvn{grid-column:1/-1}}
.hint{background:var(--petrol-2);border-radius:10px;padding:8px 12px;font-size:13.5px;margin:0 0 10px}
.stable{display:flex;flex-direction:column;gap:6px}
.srow{display:grid;grid-template-columns:minmax(0,1fr) 140px 90px 150px;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px}
.srow.ok{border-inline-start:4px solid var(--green)}.srow.no{border-inline-start:4px solid var(--red)}
.sname b{display:block;direction:ltr;text-align:start}.sname small{color:var(--muted);font-size:12px;direction:ltr;display:block;text-align:start}
.sav{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.sav small{color:var(--muted);font-size:11px}
@media (max-width:640px){.srow{grid-template-columns:1fr 1fr}.sname{grid-column:1/-1}.sav{grid-column:1/-1;flex-direction:row;gap:8px}}
.whlock{text-align:center;padding:50px 20px}
.whlock h2{margin:12px 0 4px}
.hcard{border-width:2px;position:relative;overflow:hidden}
.hcard::after{content:"";position:absolute;inset-inline-end:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:var(--petrol-2)}
.hcard>*{position:relative;z-index:1}
.hcard:hover{border-color:var(--brand)}

.mxbtn{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:14px;padding:5px 12px 5px 6px;cursor:pointer;text-align:start;position:relative;z-index:1}
.mxbtn:hover{background:rgba(255,255,255,.2)}
.mxthumb{width:84px;height:52px;border-radius:10px;background:rgba(0,0,0,.18);display:block;overflow:hidden;position:relative}
.mxthumb::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:16px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.mxthumb svg{width:100%;height:100%}
.mxbl b{display:block;font-size:14.5px}.mxbl small{opacity:.8;font-size:12px}
@media (max-width:640px){.mxbl small{display:none}.mxthumb{width:64px;height:40px}}
.mxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.mxcard{border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:8px 8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:center;color:var(--ink)}
.mxcard:hover,.mxcard:focus-visible{border-color:var(--brand);background:var(--petrol-2)}
.mxcard b{font-size:14px}
.mx{width:100%;height:auto;display:block;color:var(--muted);background:linear-gradient(var(--petrol-2),transparent);border-radius:10px}
.mxhero .mx{max-width:520px;margin:0 auto;border:1px solid var(--line)}
.mxlead{font-size:16px;margin:12px 0}
.mxdl{display:grid;gap:8px;margin:0}
.mxdl div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px 12px}
.mxdl dt{font-weight:700;font-size:13.5px;color:var(--petrol)}.mxdl dd{margin:2px 0 0}
.mx-dk{fill:var(--navy)}
:root[data-theme="dark"] .mx-dk{fill:#9cc7da}
.mx-wall{color:var(--sage)}
.mx-wallf{fill:var(--sage);opacity:.45}
.mx-drop{fill:var(--brand);animation:mxShoot 1.6s linear infinite}
.mx-mist{fill:var(--brand);opacity:0;animation:mxMist 2.4s ease-out infinite}
.mx-dust{fill:#c9b98f;opacity:0;animation:mxShoot 1.8s ease-out infinite}
.mx-smoke{fill:#cfd6da;opacity:0;transform-box:fill-box;transform-origin:center;animation:mxSmoke 2.4s ease-out infinite}
.mx-gran{fill:#8a6a3a;animation:mxFall 1.4s ease-in infinite}
.mx-water{fill:#7fc8d6;opacity:.7}
.mx-wave{fill:none;stroke:#3aa7bd;stroke-width:2;animation:mxWave 2s linear infinite}
.mx-tab{fill:#fff;stroke:var(--navy);animation:mxDropIn 2.4s ease-in infinite}
.mx-ripple{fill:none;stroke:#fff;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;animation:mxRipple 2.4s ease-out infinite}
.mx-larva{fill:none;stroke:#5a4632;stroke-width:3;stroke-linecap:round;animation:mxWiggle .8s ease-in-out infinite alternate}
.mx-film{fill:#e8d27a;transform-box:fill-box;transform-origin:left;animation:mxGrow 3s ease-out infinite}
[dir="rtl"] .mx-film{transform-origin:left}
.mx-stripe{fill:var(--brand);opacity:.7;transform-box:fill-box;transform-origin:top;animation:mxPaint 2.4s ease-in-out infinite}
.mx-brush{animation:mxBrush 2.4s ease-in-out infinite}
.mx-gel{fill:#e0a020;transform-box:fill-box;transform-origin:center;animation:mxPop 1.8s ease-out infinite}
.mx-gun{animation:mxGun 1.8s linear infinite}
.mx-hole{fill:#000;opacity:.6}
.mx-baitc{fill:#e0a020}
.mx-ratb{fill:#8b8b8b}
.mx-rat{animation:mxRat 3s ease-in-out infinite}
.mx-can{transform-box:fill-box;transform-origin:left bottom;animation:mxTilt 2.4s ease-in-out infinite}
.mx-stream{stroke:var(--brand);stroke-width:1.6;stroke-dasharray:6 8;animation:mxStream .6s linear infinite}
.mx-cav{fill:var(--paper);stroke:var(--line)}
.mx-bub{fill:#fff;stroke:var(--brand);stroke-width:1.2;opacity:0;animation:mxBub 3s ease-out infinite}
.mx-ground{fill:#d9c9a3;opacity:.6}
.mx-band{fill:#7a5a2a;transform-box:fill-box;transform-origin:left;animation:mxGrow 3s ease-out infinite}
.mx-snk{stroke:#4c7a3a}
.mx-snake{animation:mxSnake 3s ease-in-out infinite}
.mx-trap{fill:#f2d24a;stroke:var(--navy);stroke-width:1.5}
.mx-fly{animation:mxFly 3s ease-in-out infinite}
.mx-wing{fill:#fff;opacity:.8}
.mx-bug{fill:var(--navy);animation:mxBug 2.4s ease-in infinite}
@keyframes mxShoot{0%{transform:translate(0,0);opacity:1}100%{transform:translate(var(--dx),var(--dy));opacity:0}}
@keyframes mxMist{0%{transform:translate(0,0);opacity:.9}100%{transform:translate(var(--dx),calc(var(--dy) - 10px));opacity:0}}
@keyframes mxSmoke{0%{transform:translate(0,0) scale(.4);opacity:.9}100%{transform:translate(90px,-30px) scale(2.4);opacity:0}}
@keyframes mxFall{0%{transform:translate(0,0);opacity:1}90%{opacity:1}100%{transform:translate(var(--dx),62px);opacity:0}}
@keyframes mxWave{to{transform:translateX(-40px)}}
@keyframes mxDropIn{0%{transform:translateY(0)}45%{transform:translateY(46px);opacity:1}60%{opacity:0}100%{opacity:0;transform:translateY(46px)}}
@keyframes mxRipple{0%,45%{opacity:0;transform:scale(.5)}55%{opacity:1}100%{opacity:0;transform:scale(4)}}
@keyframes mxWiggle{to{transform:translateY(-3px)}}
@keyframes mxGrow{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
@keyframes mxPaint{0%{transform:scaleY(0)}60%,100%{transform:scaleY(1)}}
@keyframes mxBrush{0%{transform:translateY(18px)}60%{transform:translateY(96px)}100%{transform:translateY(18px)}}
@keyframes mxPop{0%,10%{transform:scale(0)}30%,100%{transform:scale(1)}}
@keyframes mxGun{0%{transform:translate(-10px,30px)}100%{transform:translate(150px,30px)}}
@keyframes mxRat{0%{transform:translate(-20px,0)}50%{transform:translate(60px,0)}100%{transform:translate(-20px,0)}}
@keyframes mxTilt{0%,100%{transform:rotate(0)}40%,70%{transform:rotate(18deg)}}
@keyframes mxStream{to{stroke-dashoffset:-14}}
@keyframes mxBub{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}100%{transform:translateY(-62px) scale(1.2);opacity:.9}}
@keyframes mxSnake{0%{transform:translate(0,0)}45%{transform:translate(70px,0)}55%{transform:translate(70px,-2px)}100%{transform:translate(0,0)}}
@keyframes mxFly{0%{transform:translate(20px,40px)}30%{transform:translate(150px,20px)}60%{transform:translate(110px,60px)}100%{transform:translate(20px,40px)}}
@keyframes mxBug{0%{transform:translate(0,0);opacity:1}70%{transform:translate(0,30px);opacity:1}100%{transform:translate(0,58px);opacity:0}}
@media (prefers-reduced-motion:reduce){.mx *{animation:none!important;opacity:1!important}}

.eqcard{position:relative}
.eqbadges{position:absolute;right:6px;top:6px;display:flex;gap:4px}
.eqbadge{width:50px;height:50px;object-fit:contain;background:#fff;border-radius:12px;border:2px solid var(--brand);box-shadow:0 3px 10px rgba(0,0,0,.18)}
.eqhero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:stretch}
@media (max-width:640px){.eqhero{grid-template-columns:1fr}}
.eqanim{align-self:start;position:sticky;top:0}
.eqanim .mx{height:auto;max-width:none;border:1px solid var(--line)}
.eqlist{display:flex;flex-direction:column;gap:8px}
.eqh{margin:0;font-weight:700;font-size:13px;color:var(--petrol)}
.eqphoto{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.eqzoom{border:0;background:none;padding:0;cursor:zoom-in}
.eqphoto img{max-width:100%;max-height:180px;object-fit:contain;display:block}
.eqphoto.big{position:fixed;inset:4vh 4vw;z-index:80;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.eqphoto.big img{max-height:78vh}
.eqphoto.big .eqzoom{cursor:zoom-out}
.eqphoto figcaption{font-size:13px;color:#14262b;text-align:center;line-height:1.4}
.eqphoto figcaption b{display:block;color:#00627E;font-size:12px}

.hcards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.hcards.three{grid-template-columns:1fr}}
.rtab{width:100%;border-collapse:collapse;font-size:13.5px}
.rtab th,.rtab td{padding:4px 6px;border-bottom:1px dashed var(--line);text-align:start}
.rtab th{color:var(--muted);font-weight:500;font-size:12px}
.rtab td.short{color:var(--red);font-weight:700}
.tl{list-style:none;margin:0;padding:0;font-size:12.5px;border-inline-start:2px solid var(--line);padding-inline-start:10px;display:flex;flex-direction:column;gap:4px;color:var(--muted)}
.tl li.on{color:var(--ink)}.tl li.bad{color:var(--red)}
.rcard.st-b-new{border-top:4px solid var(--brand)}.rcard.st-b-approved{border-top:4px solid var(--amber)}.rcard.st-b-issued{border-top:4px solid var(--green)}.rcard.st-b-rejected{border-top:4px solid var(--red)}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
@media (max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kpi span{font-size:12.5px;color:var(--muted)}.kpi b{font-size:28px;color:var(--navy)}
:root[data-theme="dark"] .kpi b{color:var(--petrol)}
.kpi.k-new{border-top:4px solid var(--brand)}.kpi.k-ap{border-top:4px solid var(--amber)}.kpi.k-ok{border-top:4px solid var(--green)}.kpi.k-no{border-top:4px solid var(--red)}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.dgrid{grid-template-columns:1fr}}
.bar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13.5px;margin-bottom:6px}
.bl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt{height:10px;background:var(--grey-bg);border-radius:6px;overflow:hidden}.bt i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--navy));border-radius:6px}
.muted{color:var(--muted)}

.hcards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.hcards.four{grid-template-columns:1fr}}
.sosbtn{position:fixed;inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:#C8262E;color:#fff;border:0;border-radius:999px;padding:10px 16px;font-weight:700;font-size:15px;box-shadow:0 8px 24px rgba(200,38,46,.45);cursor:pointer;display:flex;gap:6px;align-items:center}
.sosbtn:hover{background:#A51E25}
body{padding-bottom:76px}
@media (max-width:560px){.sosbtn span{display:none}}
.sosh{background:#C8262E;color:#fff}.sosh .btn{color:#fff;border-color:rgba(255,255,255,.6)}
.tels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:520px){.tels{grid-template-columns:1fr}}
.telb{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:14px;padding:10px 14px;text-decoration:none;color:var(--ink);background:var(--surface)}
.telb .ti{font-size:28px}.telb b{display:block;font-size:14px}.telb em{font-style:normal;font-size:22px;font-weight:700;color:var(--navy)}
:root[data-theme="dark"] .telb em{color:var(--petrol)}
.telb.red{border-color:#C8262E;background:#FDECEC}.telb.red em{color:#C8262E}
.telb.amb{border-color:var(--amber);background:var(--amber-bg)}
.fal{margin:0;padding-inline-start:4px;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.qrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.qrl{border:1.5px dashed var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:#fff;color:#14262b}
.qrh{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#003A6C}.qrh img{height:26px}
.qrc svg{width:150px;height:150px;display:block}
.qrl b{font-size:14px}.qrl small{font-size:10.5px;color:#5b6e71;line-height:1.3}.qrl em{font-style:normal;font-size:11px;color:#00627E;font-weight:600}
.qrprint{display:grid;grid-template-columns:repeat(3,1fr);gap:6mm;padding:6mm}
.qrprint .qrl{break-inside:avoid;border:1px dashed #999}
.ppel{display:flex;flex-direction:column;gap:6px}
.ppe{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:var(--paper)}
.ppe input{width:20px;height:20px;accent-color:var(--green)}
.ppe.on{border-color:var(--green);background:var(--green-bg)}
.warnb{background:var(--amber-bg);border:1px solid var(--amber);margin-top:10px}
.recon td.short{color:var(--red);font-weight:700}.recon td.over{color:var(--amber);font-weight:700}
.reord{border-color:var(--amber)}.cnt2{background:var(--amber);color:#fff;border-radius:999px;padding:0 8px;font-size:12px}
.srow{grid-template-columns:minmax(0,1fr) 140px 90px 80px 150px}
.minin{width:100%;border:1px dashed var(--line);background:var(--paper);border-radius:9px;padding:6px;font:inherit;font-size:13px;text-align:center;color:var(--ink)}
.srow.low{background:var(--amber-bg)}
@media (max-width:640px){.srow{grid-template-columns:1fr 1fr}}

.quiz{max-width:760px;margin:0 auto}
.qprog{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13.5px;color:var(--muted)}
.qbar{height:8px;background:var(--grey-bg);border-radius:6px;overflow:hidden}.qbar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--navy))}
.qq{font-size:19px;line-height:1.6;margin:16px 0 8px}
.qopts{display:grid;gap:8px;margin-top:12px}
.qo{border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:12px 16px;text-align:start;font:inherit;font-size:16px;cursor:pointer;color:var(--ink)}
.qo:hover:not(:disabled){border-color:var(--brand);background:var(--petrol-2)}
.qo.ok{border-color:var(--green);background:var(--green-bg);font-weight:700}.qo.no{border-color:var(--red);background:var(--red-bg)}
.qfb{margin-top:12px;border-radius:12px;padding:10px 14px;font-weight:600}.qfb.ok{background:var(--green-bg);color:var(--green)}.qfb.no{background:var(--red-bg);color:var(--red)}
.qres{text-align:center;max-width:520px;margin:0 auto}
.qring{--p:0;width:150px;height:150px;border-radius:50%;margin:10px auto;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--brand) calc(var(--p)*1%),var(--grey-bg) 0);position:relative}
.qring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--surface)}
.qring b,.qring span{position:relative;z-index:1}.qring b{font-size:30px;color:var(--navy)}.qring span{color:var(--muted)}
.qtop{margin:0;padding-inline-start:20px}.qtop li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line)}
.bline{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);border-top:1px dashed var(--line);padding-top:6px}
.bline label{display:flex;align-items:center;gap:6px}
.bline input{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:4px 8px;font:inherit;font-size:12.5px;color:var(--ink);width:130px}
.bline em{font-style:normal;font-weight:700}.bline em.bad{color:var(--red)}.bline em.warn{color:var(--amber)}
.srow.exps{box-shadow:inset 0 0 0 2px var(--amber)}.srow.expd{box-shadow:inset 0 0 0 2px var(--red)}
.expc{border-color:var(--red)}.cnt2.red{background:var(--red)}
.alt.bad{border-color:var(--red);color:var(--red)}

.hcards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.steps li{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:8px 10px;font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:8px}
.steps li.cur{border-color:var(--brand);color:var(--ink);font-weight:600}.steps li.done{border-color:var(--green);color:var(--green)}
.steps li .sn{flex:0 0 auto}.steps li.done .sn{background:var(--green)}
@media (max-width:560px){.steps li{font-size:11.5px;padding:6px;flex-direction:column;text-align:center}}
.mxrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.mxpick{border:2px solid var(--line);background:var(--paper);border-radius:14px;padding:6px 6px 8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--ink);text-align:center}
.mxpick b{font-size:13px}.mxpick:hover{border-color:var(--brand)}
.mxpick.on{border-color:var(--brand);background:var(--petrol-2);box-shadow:0 6px 16px rgba(18,178,194,.25)}
.mxpick .eqbadge{width:36px;height:36px;border-radius:9px}
.mxdl.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.mxdl.three{grid-template-columns:1fr}}
.pgrid.mini{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.pcard.pick{cursor:pointer;text-align:start;font:inherit;color:var(--ink)}
.pcard.pick:hover{border-color:var(--brand)}
.mxv #calc .calc{padding:0}
.qbtn{cursor:pointer;font:inherit}
.qbtn:hover{border-color:var(--brand);box-shadow:0 6px 16px rgba(18,178,194,.2)}
.qrbigd{width:min(460px,94vw)}
.qrbig{padding:24px;text-align:center;background:#fff;color:#14262b;display:flex;flex-direction:column;align-items:center;gap:8px}
.qrbig svg{width:min(320px,80vw);height:auto}.qrbig h2{margin:4px 0 0}
.rhead .btn{white-space:nowrap}

.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.ctot{margin:8px 0 0;border-top:1px dashed var(--line);padding-top:6px;font-size:13.5px}
.kpis.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ctab th,.ctab td{text-align:center;white-space:nowrap}.ctab td:first-child,.ctab th:first-child{text-align:start}
.ctab tfoot th{background:var(--petrol-2);font-size:12px;white-space:normal}
.crows{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}
.crow{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px;gap:8px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--paper)}
.crow.on{border-color:var(--brand);background:var(--petrol-2)}
.crow .cq{border:1px solid var(--line);border-radius:9px;padding:7px;font:inherit;font-weight:700;text-align:center;direction:ltr;background:var(--surface);color:var(--ink)}
@media (max-width:520px){.crow{grid-template-columns:1fr 1fr}.crow .sname{grid-column:1/-1}}

.hcard.hero5{grid-column:1/-1;background:linear-gradient(120deg,var(--navy),#00507A 60%,#0A8A9E);color:#fff;border-color:transparent;min-height:170px}
.hcard.hero5 span{color:rgba(255,255,255,.85)}.hcard.hero5::after{background:rgba(255,255,255,.08)}
.hcard.hero5 .aitag{position:absolute;inset-inline-end:18px;top:18px;background:var(--brand);color:#fff!important;border-radius:999px;padding:3px 12px;font-weight:700;font-size:13px}
.mixsearch .sbox{display:flex;align-items:center;gap:8px;border:2px solid var(--brand);border-radius:14px;padding:4px 12px;background:var(--surface);margin-top:6px}
.mixsearch .sbox input{flex:1;border:0;background:transparent;font:inherit;font-size:20px;font-weight:600;padding:8px 0;color:var(--ink);outline:none}
.hits{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin-top:10px}
.hit{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 10px;text-align:start;cursor:pointer;font:inherit;color:var(--ink)}
.hit:hover{border-color:var(--brand)}.hit b,.hit small{display:block;text-align:start}.hit small{color:var(--muted);font-size:12px}
.mrh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.mrh h3{margin:0;font-size:22px;color:var(--navy)}:root[data-theme="dark"] .mrh h3{color:var(--petrol)}.mrh p{margin:2px 0 0}
.rates{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.rate{border:1.5px solid var(--line);border-radius:14px;padding:12px;background:var(--paper);display:flex;flex-direction:column;gap:6px}
.rtop{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:13px}.rm{font-weight:700;color:var(--petrol)}.rp{color:var(--muted)}
.rbig{font-size:20px;font-weight:700;color:var(--navy);line-height:1.35}:root[data-theme="dark"] .rbig{color:#e4ecea}
.rgive{background:var(--green-bg);color:var(--green);border-radius:10px;padding:6px 10px;font-size:14px}
.aibox{border:2px solid var(--brand)}
.chat{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0 10px}
.msg{max-width:88%;border-radius:16px;padding:10px 14px;line-height:1.7;font-size:15px}
.msg.user{align-self:flex-start;background:var(--navy);color:#fff;border-end-start-radius:4px}
.msg.assistant{align-self:flex-end;background:var(--petrol-2);border-end-end-radius:4px}
.sugg{display:flex;flex-wrap:wrap;gap:6px}.sg{border:1px dashed var(--brand);background:transparent;border-radius:999px;padding:6px 12px;cursor:pointer;font:inherit;font-size:13.5px;color:var(--ink)}
.sg:hover{background:var(--petrol-2)}
.aiin{display:flex;gap:8px;align-items:flex-end}.aiin textarea{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:10px;font:inherit;resize:vertical;background:var(--paper);color:var(--ink)}
.aifoot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.backbtn{font-weight:700;background:rgba(255,255,255,.22)!important;border:1px solid rgba(255,255,255,.45)!important}
.backbtn:hover{background:rgba(255,255,255,.32)!important}
.dkick{margin:0 0 2px;font-size:12.5px;font-weight:700;color:var(--brand)}
.docset{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
@media (max-width:640px){.docset{grid-template-columns:1fr 1fr}}
.dj{border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;color:var(--ink)}
.dj span{font-size:22px}.dj b{font-size:13.5px}.dj small{color:var(--muted);font-size:11.5px}
.dj:hover:not(:disabled){border-color:var(--brand);background:var(--petrol-2)}.dj:disabled{opacity:.5;cursor:default}
.dj.dl{background:var(--navy);color:#fff;border-color:var(--navy)}.dj.dl small{color:rgba(255,255,255,.8)}
.mini{white-space:nowrap}

.lglist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:55vh;overflow:auto}
.lgn{border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:10px 12px;text-align:start;cursor:pointer;font:inherit;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.lgn:hover{border-color:var(--brand);background:var(--petrol-2)}.lgn small{color:var(--muted);font-size:12px}
.lgsel{display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px solid var(--brand);background:var(--petrol-2);border-radius:14px;padding:12px 14px;margin-top:10px}
.lgsel b{display:block;font-size:18px}
.rolec{border-color:var(--brand)!important}
.st-opsok{background:#EEF0FF;color:#3F4CC0;border-color:#7C86E0}
.rtab td.chg{color:#3F4CC0;font-weight:700}

.kg{background:var(--navy);color:#fff;border-radius:8px;padding:1px 10px;font-size:13px}
.kitg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.kit{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--paper)}
.kit.ok{border-color:var(--green);background:var(--green-bg)}.kit.miss{border-color:var(--red);background:var(--red-bg)}.kit.fix{border-color:var(--amber);background:var(--amber-bg)}
.kq{width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;font-size:17px;display:grid;place-items:center}
.kn{font-size:14px;line-height:1.35}.kn small{display:block;color:var(--muted);font-size:11.5px;text-align:start}
.kst{display:flex;gap:3px}.ksb{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:32px;height:32px;cursor:pointer;opacity:.45}.ksb.on{opacity:1;border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}
.kitrow{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border-bottom:1px dashed var(--line);padding:6px 0;font-size:14px}
.hcard.hero6{background:linear-gradient(120deg,#0A6E7E,#12B2C2 70%,#7FD3DB)}
.logincard{border:2px dashed var(--brand)!important;background:var(--petrol-2)!important}
.st-supok{background:#F3EEFF;color:#6B3FC0;border-color:#A98BE0}

.lgwrap{display:grid;place-items:center;min-height:70vh}
.lgcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 24px;width:min(420px,100%);text-align:center;box-shadow:0 20px 50px rgba(0,58,108,.12)}
.lgcard .lglogo{height:74px}.lgcard h2{margin:10px 0 2px}.lgcard .fld{text-align:start;margin-top:12px}.lgcard input{font-size:18px!important}
.uhero{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(120deg,var(--navy),#00507A 60%,#0A8A9E);color:#fff;border-radius:20px;padding:20px 24px;margin-bottom:16px}
.uhero .hhi{color:rgba(255,255,255,.8);margin:0}.uhero .hsub{color:#fff;margin:2px 0 6px}.uhero .rlogo{background:#fff;border-radius:14px;padding:6px;height:64px}
.rolebadge{background:rgba(255,255,255,.18);border-radius:999px;padding:3px 12px;font-size:13px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.scard2{position:relative;text-align:start;border:0;border-radius:18px;padding:18px;cursor:pointer;color:#fff;min-height:150px;display:flex;flex-direction:column;gap:6px;font:inherit;box-shadow:0 8px 22px rgba(0,58,108,.15);overflow:hidden}
.scard2 b{font-size:18px}.scard2>span:last-child{font-size:13px;opacity:.9}.scard2 .sic{font-size:34px}
.scard2 .snum{position:absolute;inset-inline-end:14px;top:12px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-weight:700}
.scard2::after{content:"";position:absolute;inset-inline-start:-40px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.08)}
.scard2:hover{transform:translateY(-2px)}
.s1{background:linear-gradient(135deg,#003A6C,#0A8A9E)}.s2{background:linear-gradient(135deg,#0A6E7E,#12B2C2)}.s3{background:linear-gradient(135deg,#7A4B0E,#E8A317)}.s4{background:linear-gradient(135deg,#2E5E3F,#4CAF7A)}
.s5{background:linear-gradient(135deg,#4B3A8C,#7C6BD6)}.s6{background:linear-gradient(135deg,#8C2A3A,#D9566B)}.s7{background:linear-gradient(135deg,#334155,#64748B)}.s8{background:linear-gradient(135deg,#0F172A,#334155)}
.msgrid{display:grid;grid-template-columns:240px 1fr;gap:12px}@media (max-width:700px){.msgrid{grid-template-columns:1fr}}
.secs1{display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow:auto}
.ms{display:flex;gap:8px;align-items:center;text-align:start;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:6px 8px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.ms .no{width:24px;height:24px;border-radius:50%;background:var(--petrol-2);display:grid;place-items:center;font-size:12px;flex:0 0 auto}
.ms.on{border-color:var(--brand);background:var(--petrol-2)}.ms.on .no{background:var(--brand);color:#fff}
.msbody h4{margin:0 0 8px;font-size:17px;color:var(--navy)}.msar{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;line-height:1.9}
.upl{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:700;margin:8px 0}
.kp2{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0}
.k2{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.k2 span{font-size:12.5px;color:var(--muted)}.k2 b{font-size:24px;color:var(--navy)}.k2.k-new{border-top-color:var(--brand)}.k2.k-ap{border-top-color:var(--amber)}.k2.k-ok{border-top-color:var(--green)}.k2.k-no{border-top-color:var(--red)}
.dgrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:800px){.dgrid2{grid-template-columns:1fr}}
.cbox{position:relative;height:240px}.cbox.tall{height:320px}
.alts2{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-top:1px dashed var(--line);padding-top:6px}.alts2 small{color:var(--green);font-weight:700}
.altb{border:1px solid var(--green);background:var(--green-bg);color:var(--green);border-radius:8px;padding:2px 8px;font-size:12px;cursor:pointer}
.pcard.out .alts2{opacity:1}.pcard.out{opacity:1}.pcard.out>*:not(.alts2){opacity:.6}
.eqimg{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid var(--line)}
.bcmini{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.eqgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.eqi{border:1.5px solid var(--line);border-radius:14px;padding:10px;background:var(--paper);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.eqi img{width:100px;height:90px;object-fit:contain;background:#fff;border-radius:10px}.eqi b{font-size:13.5px;line-height:1.3}.eqi small{color:var(--muted);font-size:11px}
.eqi.ok{border-color:var(--green);background:var(--green-bg)}.eqi.miss{border-color:var(--red);background:var(--red-bg)}
.req2{font-size:12.5px}.have{display:flex;gap:6px;align-items:center;font-size:12.5px}.have input{width:64px;border:1px solid var(--line);border-radius:8px;padding:4px;text-align:center;font:inherit;font-weight:700}
.sh{color:var(--red);font-weight:700;font-size:13px}.okk{font-size:16px}
.rcard.fault header{gap:8px}.fimg{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:8px}.rcard.fault.high{border-top:4px solid var(--red)}
.credit{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:3px 12px;font-size:11.5px;letter-spacing:.3px;direction:ltr;z-index:2;backdrop-filter:blur(4px)}
.credit .cr1{opacity:.75;font-style:italic}.credit .cr2{font-weight:700;color:#7FD3DB}
@media (max-width:640px){.credit{position:static;transform:none!important;margin:0 auto 10px;width:max-content}}
.capmsg{color:var(--amber);font-weight:600;font-size:11.5px}
.s9{background:linear-gradient(135deg,#7A2E0E,#E8703A)}
.mform{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:8px}.mform input{border:1px solid var(--line);border-radius:9px;padding:7px 10px;font:inherit;background:var(--paper);color:var(--ink)}
#splash{position:fixed;inset:0;z-index:100;background:linear-gradient(#001E3C 35%,#00507A);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;transition:opacity .7s ease,transform .7s ease;cursor:pointer}
#splash.out{opacity:0;transform:scale(1.04);pointer-events:none}
#splash .sky{position:absolute;bottom:0;left:0;width:100%;height:auto;max-height:62%;animation:spRise 1.6s ease-out both}
#splash .spc{position:relative;z-index:1;margin-top:9vh;text-align:center;color:#fff;padding:0 20px;animation:spFade 1.2s .2s ease-out both}
#splash .splogo{background:#fff;border-radius:22px;padding:14px 22px;display:inline-block;box-shadow:0 18px 50px rgba(0,0,0,.35)}#splash .splogo img{height:92px;display:block}
#splash h1{margin:22px 0 4px;font-size:clamp(22px,4vw,38px);letter-spacing:0}#splash .spen{margin:0;opacity:.8;font-size:clamp(13px,2vw,17px);direction:ltr}
#splash .spby{margin:18px auto 0;display:inline-flex;gap:8px;align-items:baseline;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 16px;background:rgba(255,255,255,.08);direction:ltr;font-size:14px}
#splash .spby span{opacity:.75;font-style:italic}#splash .spby b{color:#7FD3DB;letter-spacing:.3px}
#splash .spbar{width:160px;height:3px;background:rgba(255,255,255,.2);border-radius:3px;margin:22px auto 0;overflow:hidden}#splash .spbar i{display:block;height:100%;width:0;background:#12B2C2;animation:spBar 7.9s linear forwards}
#splash .lbl{fill:#FFFFFF;font:700 23px "IBM Plex Sans Arabic","Noto Naskh Arabic",sans-serif;text-anchor:middle;opacity:.95;paint-order:stroke;stroke:#00304F;stroke-width:4px}
@media (max-width:900px){#splash .sky{width:330%;left:0;margin-left:0;max-height:none;animation:spRise 1.6s ease-out both,spPan 9s 0.6s ease-in-out infinite alternate}}
@keyframes spPan{from{transform:translateX(0)}to{transform:translateX(-69.7%)}}
[dir="rtl"] #splash .sky{direction:ltr}
@keyframes spRise{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes spFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes spBar{to{width:100%}}
@media (prefers-reduced-motion:reduce){#splash *{animation:none!important}}
.bell{position:relative;font-size:17px;padding:4px 12px}.bell .bdot{position:absolute;top:-6px;inset-inline-end:-6px;background:#C8262E;color:#fff;border-radius:999px;font-size:11px;font-weight:700;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #00507A}
.bell.ring{animation:ring .25s 4}@keyframes ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
.npanel{position:fixed;top:calc(80px + env(safe-area-inset-top,0px));inset-inline-end:20px;width:min(380px,92vw);max-height:70vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.25);z-index:60}
.nph{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface)}
.ni{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:start;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 14px;cursor:pointer;font:inherit;color:var(--ink)}
.ni:hover{background:var(--petrol-2)}.ni.unr{background:#EAF7F8}.ni.unr b::before{content:"● ";color:var(--brand)}
:root[data-theme="dark"] .ni.unr{background:#0F2E36}
.ni .nic{font-size:22px}.ni b{display:block;font-size:14px}.ni small{display:block;font-size:12px}

#splash{justify-content:flex-end!important}
#splash .sky{top:0;bottom:auto!important;height:72%!important;max-height:none!important;width:240%!important;left:0!important;margin:0!important;filter:blur(.6px) saturate(.9);opacity:1;animation:none!important;transform:translateX(-30%)}
@keyframes spPanAll{from{transform:translateX(-12%)}to{transform:translateX(-46%)}}
#splash .sky .lbl{display:none}
#splash .spov{position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(0,20,45,.9),transparent 45%),linear-gradient(180deg,rgba(0,58,108,.15) 0%,rgba(0,58,108,.25) 45%,rgba(0,33,63,.85) 72%,#001E3C 100%);pointer-events:none}
#splash .arch{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:min(600px,92vw);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));animation:spArch 1.4s .2s cubic-bezier(.2,.8,.2,1) both}
#splash .spc{position:absolute;left:0;right:0;bottom:3.5vh;width:min(440px,70vw);margin:0 auto!important;animation:spFade 1.2s .6s ease-out both}
#splash .splogo{padding:10px 18px}#splash .splogo img{height:clamp(56px,9vw,84px)}
#splash h1{font-size:clamp(17px,2.6vw,27px);margin-top:16px;text-shadow:0 2px 12px rgba(0,0,0,.4)}
@keyframes spArch{from{transform:translate(-50%,60px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@media (max-width:700px){#splash .sky{height:58%!important;width:520%!important;animation:none!important;transform:translateX(-38%)}@keyframes spPanM{from{transform:translateX(-5%)}to{transform:translateX(-78%)}}#splash .spc{width:76vw;bottom:2.5vh}#splash .spen{font-size:11px}}

#splash .spphoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 60%;animation:spZoom 8s ease-out both}
#splash .spov{background:linear-gradient(180deg,rgba(0,30,60,.55) 0%,rgba(0,30,60,.05) 38%,rgba(0,30,60,.0) 55%,rgba(0,25,50,.75) 100%)!important}
#splash .spc{top:6vh;bottom:auto!important}
#splash .spc .spby,#splash .spc .spen,#splash h1{text-shadow:0 2px 14px rgba(0,0,0,.55)}
#splash .spby{background:rgba(0,25,50,.55)!important;border-color:rgba(255,255,255,.4)!important}
@keyframes spZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.langpick .lpbox{background:rgba(255,255,255,.93);backdrop-filter:blur(6px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
:root[data-theme="dark"] .langpick .lpbox{background:rgba(23,36,39,.92)}
.top h1{font-size:clamp(18px,2.4vw,26px)!important}
.s10{background:linear-gradient(135deg,#1F2937,#4B5563)}
.ftab td,.ftab th{white-space:nowrap}.ftab td:first-child{white-space:normal}
.pbar{display:inline-block;width:60px;height:7px;background:var(--grey-bg);border-radius:4px;overflow:hidden;vertical-align:middle;margin-inline-end:6px}.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--navy))}
.ftab tr.hl td{background:var(--red-bg)}.alerts details{margin-top:8px}.alerts summary{cursor:pointer;font-weight:600}
.cmpk{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:10px 0 14px}
.ck{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;align-items:end}
.ck>span{grid-column:1/-1;font-size:12.5px;color:var(--muted)}.ckv small{display:block;font-size:11px;color:var(--muted)}.ckv b{font-size:18px;color:var(--navy)}.ck .dchip{grid-column:1/-1;justify-self:start}
.dchip{display:inline-block;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.dchip.up{background:var(--red-bg);color:var(--red)}.dchip.down{background:var(--green-bg);color:var(--green)}.dchip.new{background:var(--petrol-2);color:var(--petrol)}
.eff{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.eff div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px}.eff span{display:block;font-size:12.5px;color:var(--muted)}.eff b{font-size:20px}.okc{color:var(--green)}
@media (max-width:640px){.eff{grid-template-columns:1fr}}
.codebox{background:var(--amber-bg);border:1px solid var(--amber);border-radius:12px;padding:10px 12px;color:var(--ink);font-weight:400}.codebox code{display:block;font-size:17px;font-weight:700;background:#fff;border-radius:8px;padding:8px;margin:6px 0;color:#003A6C;user-select:all}
.permc{font-size:12px;font-weight:700}.permc.ok{background:rgba(46,125,79,.35)!important}.permc.bad{background:#C8262E!important;color:#fff}
.soon{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.sn2{border:1px solid var(--red);background:var(--red-bg);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:13px}.sn2 em{font-style:normal;font-weight:700;color:var(--red)}
.stchips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.pbar.w{width:80px}.pi-out,.pi-red{background:#C8262E!important}.pi-amb{background:#E8A317!important}.pi-ok{background:#2E7D4F!important}.pi-idle{background:#B8B8A2!important}
.pst tr.ps-out td,.pst tr.ps-red td{background:rgba(200,38,46,.06)}
.s11{background:linear-gradient(135deg,#7A4B0E,#C8262E)}.cmnew{background:var(--green)!important;color:#fff!important}.stagenote{font-size:12px;color:var(--amber);font-weight:700;align-self:center}
.extbox{border:2px dashed var(--brand);background:var(--petrol-2)}.extsw{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px}.extsw input{width:20px;height:20px}
.s12{background:linear-gradient(135deg,#0F172A,#0A8A9E)}.bcbig{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px}.bcbig b{font-size:46px;color:var(--navy)}.bcbig span{color:var(--muted)}
.s1all{margin-inline-end:auto;background:var(--brand)!important;color:#fff!important}.s1list{margin-top:14px}.hit.on{border-color:var(--brand);background:var(--petrol-2)}
.cplink{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:2px 10px;font:inherit;font-size:12px;cursor:pointer;margin-top:6px}.s13{background:linear-gradient(135deg,#111827,#374151)}

html{background:#EAF3F6}body{background:transparent!important}
#bgfx{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;--mx:0;--my:0;--sy:0;background:radial-gradient(1200px 700px at 85% -10%,#D7EEF2 0%,transparent 60%),radial-gradient(900px 600px at -10% 110%,#E6EDE4 0%,transparent 60%),linear-gradient(180deg,#F2F8FA 0%,#E9F3F6 100%)}
#bgfx .bgpat{position:absolute;inset:-40px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23003A6C%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M40%208l9%2023%2023%209-23%209-9%2023-9-23-23-9%2023-9z%22/%3E%3Cpath%20d%3D%22M40%2020l14%206%206%2014-6%2014-14%206-14-6-6-14%206-14z%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M0%200l8%208M80%200l-8%208M0%2080l8-8M80%2080l-8-8%22/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;opacity:.055;transform:translate(calc(var(--mx)*-18px),calc(var(--my)*-18px - var(--sy)*60px));-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,rgba(0,0,0,.6) 45%,transparent 85%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,rgba(0,0,0,.6) 45%,transparent 85%)}
#bgfx .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;will-change:transform}
#bgfx .b1{width:520px;height:520px;background:#12B2C2;top:-160px;inset-inline-end:-120px;opacity:.28;transform:translate(calc(var(--mx)*60px),calc(var(--my)*40px));animation:bf1 22s ease-in-out infinite alternate}
#bgfx .b2{width:460px;height:460px;background:#003A6C;bottom:-200px;inset-inline-start:-140px;opacity:.16;transform:translate(calc(var(--mx)*-50px),calc(var(--my)*-40px));animation:bf2 26s ease-in-out infinite alternate}
#bgfx .b3{width:340px;height:340px;background:#B8B8A2;top:35%;inset-inline-start:30%;opacity:.22;transform:translate(calc(var(--mx)*80px),calc(var(--my)*60px));animation:bf3 30s ease-in-out infinite alternate}
#bgfx .b4{width:260px;height:260px;background:#E8C27A;top:12%;inset-inline-start:8%;opacity:.16;transform:translate(calc(var(--mx)*-70px),calc(var(--my)*50px));animation:bf2 24s ease-in-out infinite alternate-reverse}
#bgfx .bgsky{position:absolute;left:0;right:0;bottom:0;width:100%;height:130px;color:#003A6C;opacity:.07;transform:translateX(calc(var(--mx)*-25px))}
@keyframes bf1{to{margin-top:120px;margin-inline-end:80px}}@keyframes bf2{to{margin-bottom:140px;margin-inline-start:120px}}@keyframes bf3{to{margin-top:-90px;margin-inline-start:-140px}}
:root[data-theme="dark"] html,:root[data-theme="dark"]{background:#0B1517}
:root[data-theme="dark"] #bgfx{background:radial-gradient(1200px 700px at 85% -10%,#0F3440 0%,transparent 60%),radial-gradient(900px 600px at -10% 110%,#16261F 0%,transparent 60%),linear-gradient(180deg,#0E1A1D,#0B1517)}
:root[data-theme="dark"] #bgfx .bgpat{filter:invert(1);opacity:.06}:root[data-theme="dark"] #bgfx .bgsky{color:#7FD3DB;opacity:.06}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bgfx{background:radial-gradient(1200px 700px at 85% -10%,#0F3440 0%,transparent 60%),linear-gradient(180deg,#0E1A1D,#0B1517)}:root:not([data-theme="light"]) #bgfx .bgpat{filter:invert(1)}}
@media (prefers-reduced-motion:reduce){#bgfx .blob{animation:none}}
.scard,.rcard,.rhero,.k2,.ck,.lgcard{backdrop-filter:saturate(1.1)}
.scard,.rhero{box-shadow:0 10px 30px rgba(0,58,108,.07)}

#bgfx .blob{display:none!important}#bgfx .bgpat,#bgfx .bgsky{transform:none!important}
@keyframes uiIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.top{background:linear-gradient(115deg,#002A50 0%,#003A6C 35%,#00618A 70%,#0A8A9E 100%)!important}
.scard2{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s}
.scard2::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.scard2:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 36px rgba(0,58,108,.25);filter:saturate(1.15)}.scard2:hover::before{transform:translateX(120%)}
.scard2:active{transform:scale(.98)}
.scard2 .sic{transition:transform .35s}.scard2:hover .sic{transform:scale(1.15) rotate(-6deg)}
.btn{transition:transform .15s,box-shadow .2s,background .2s}.btn:hover{box-shadow:0 6px 16px rgba(0,58,108,.18)}.btn:active{transform:scale(.96)}
.k2{transition:transform .2s,box-shadow .2s}.k2:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,58,108,.12)}
.rcard{transition:transform .2s,box-shadow .2s}.rcard:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,58,108,.12)}
.hit,.lgn,.pc,.ms{transition:transform .15s,border-color .15s,background .15s}.hit:hover,.ms:hover{transform:translateY(-2px)}
.uhero{background:linear-gradient(120deg,#002A50,#00507A 45%,#0A8A9E 80%,#12B2C2)!important;box-shadow:0 14px 34px rgba(0,58,108,.25)}
.s1{background:linear-gradient(135deg,#0B3C6B,#1B8FB0)}.s2{background:linear-gradient(135deg,#0E7C86,#2CC5C9)}.s3{background:linear-gradient(135deg,#A15C07,#F2B33D)}.s4{background:linear-gradient(135deg,#1F7A4D,#5CC98B)}
.s5{background:linear-gradient(135deg,#5B3FA8,#9C83F0)}.s6{background:linear-gradient(135deg,#B0304A,#F07A8E)}.s7{background:linear-gradient(135deg,#3A4A5E,#7B8DA3)}.s8{background:linear-gradient(135deg,#1E293B,#475569)}
.s9{background:linear-gradient(135deg,#B4471A,#F08A4B)}.s10{background:linear-gradient(135deg,#2B2F3A,#5A6170)}.s11{background:linear-gradient(135deg,#9A2C1F,#E86A3A)}.s12{background:linear-gradient(135deg,#0F3B5A,#18A0B5)}.s13{background:linear-gradient(135deg,#3B2F63,#6D5BA8)}
@media (prefers-reduced-motion:reduce){.scard2,.scard2::before,.k2,.rcard,.btn{transition:none!important}}
.lgsel2{width:100%;font:inherit;font-size:17px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);appearance:auto;cursor:pointer}.lgsel2:focus{border-color:var(--brand);outline:2px solid rgba(18,178,194,.25)}
.s14{background:linear-gradient(135deg,#0B4F6C,#20A4C4)}
.vtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.vt{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid var(--line);border-radius:14px;padding:12px 8px;cursor:pointer;background:var(--paper);text-align:center;transition:all .15s}
.vt input{display:none}.vt .vti{font-size:30px}.vt b{font-size:14px}.vt:hover{border-color:var(--brand)}.vt.on{border-color:var(--brand);background:var(--petrol-2);box-shadow:0 0 0 3px rgba(18,178,194,.2)}
.vtl{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.vchip{background:var(--petrol-2);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600}.vchip.urg{background:var(--red-bg);color:var(--red)}
.s15{background:linear-gradient(135deg,#0B4F6C,#3BB273)}
.dayNav{display:flex;align-items:center;gap:10px;justify-content:center;margin:6px 0 10px}.dayNav b{font-size:17px;color:var(--navy)}
.plist{display:flex;flex-direction:column;gap:8px}.psite{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper)}
.psite.done{border-color:var(--green);background:var(--green-bg)}.psite.miss{border-color:var(--red);background:var(--red-bg)}
.pinfo{display:flex;flex-direction:column;gap:2px}.pinfo small{font-size:12px;color:var(--muted)}.ptg{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.ptg span{background:var(--petrol-2);border-radius:999px;padding:1px 8px;font-size:11.5px}
.pbtn{display:flex;gap:6px;flex:0 0 auto}
.calwrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cal{border-collapse:collapse;font-size:12px}.cal th,.cal td{border:1px solid var(--line);padding:3px 4px;text-align:center;min-width:24px}.cal thead th{position:sticky;top:0;background:var(--navy);color:#fff;z-index:1}
.cal td:first-child,.cal th:first-child{position:sticky;inset-inline-start:0;background:var(--surface);text-align:start;min-width:180px;z-index:2}.cal thead th:first-child{background:var(--navy);z-index:3}
.cal td:first-child small{display:block;color:var(--muted);font-size:10.5px}.cal td.on{background:#BFE9EE;cursor:pointer}.cal td.done{background:#2E7D4F;color:#fff;font-weight:700}.cal td.miss{background:#C8262E;color:#fff;font-weight:700}
.cal .fri{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 6px)}.cal th.tod{background:var(--brand)!important}
@media (max-width:640px){.psite{flex-direction:column;align-items:stretch}.pbtn{justify-content:flex-end}}
.pedit{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.cal.edit td[data-tg]{cursor:pointer}.cal.edit td[data-tg]:hover{outline:2px solid var(--brand)}
.s16{background:linear-gradient(135deg,#7A1F2B,#E05252)}
.ctbl{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:13px}.ctbl div{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px dashed var(--line);padding:3px 0}
.hmwrap{overflow-x:auto}.hm{border-collapse:collapse;font-size:11px}.hm th,.hm td{border:1px solid var(--line);min-width:24px;height:22px;text-align:center}.hm td{color:#fff;font-weight:700}
.cmhead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;background:linear-gradient(120deg,#002A50,#0A8A9E);color:#fff;border-radius:16px;padding:14px 18px;margin:6px 0 12px}.cmhead span{display:block;opacity:.8;font-size:13px}.cmhead b{font-size:24px}.cmhead small{opacity:.85}
.cmk{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.cmk .dchip{align-self:flex-start}.cmk>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.cmk span{font-size:13px;color:var(--muted)}.cmk b{font-size:30px;color:var(--navy)}.cmk1 b{font-size:40px}.cmk em{font-style:normal;font-weight:700;color:var(--muted)}.cmk2.cit{border-top:4px solid #2E7D4F}.cmk2.non{border-top:4px solid #6B3FC0}.cmk1{border-top:4px solid var(--navy)}
.cmbar{display:flex;height:22px;border-radius:999px;overflow:hidden;margin:12px 0;background:var(--grey-bg)}.cmbar i{display:grid;place-items:center;color:#fff;font-size:11.5px;font-style:normal;font-weight:700}.cmbar .c{background:#2E7D4F}.cmbar .n{background:#6B3FC0}.cmbar .u{background:#B8B8A2}
.cmt td,.cmt th{text-align:center}.cmt td:first-child,.cmt th:first-child{text-align:start}
.cmsub{font-size:14px;color:var(--muted);font-weight:500}.sgrid.solo{grid-template-columns:minmax(0,520px);justify-content:center}.sgrid.solo .scard2{min-height:220px}.sgrid.solo .scard2 b{font-size:24px}.sgrid.solo .scard2 .sic{font-size:48px}
.s16{background:linear-gradient(135deg,#7A1F4B,#D9467A)}
.cokg{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}
.cok{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:1px}
.cok span{font-size:12.5px;color:var(--muted)}.cok b{font-size:26px;color:var(--navy)}.cok em{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}.cok .dchip{align-self:flex-start;margin-top:3px}
.cok.big{grid-column:span 2;background:linear-gradient(135deg,#003A6C,#0A8A9E);border:0}.cok.big span,.cok.big b{color:#fff}.cok.big b{font-size:40px}
.cok.ok{border-top-color:#2E7D4F}.cok.no{border-top-color:#C8262E}.cok.am{border-top-color:#E8A317}.cok.nw{border-top-color:#12B2C2}.cok.pu{border-top-color:#6B3FC0}
.cofun{display:flex;height:30px;border-radius:999px;overflow:hidden;margin:12px 0}.cofun i{display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden}
.insight{border-inline-start:5px solid var(--brand)}.insight ul{margin:0;padding-inline-start:18px;line-height:1.9}
@media (max-width:640px){.cok.big{grid-column:span 1}}
.dnbtn{font-weight:700;display:inline-flex;align-items:center;gap:6px}.dnbtn span{font-size:12.5px}
@media (max-width:520px){.dnbtn span{display:none}}
body.dnswap,body.dnswap *{transition:background-color .4s,color .4s,border-color .4s!important}
:root[data-theme="dark"] .scard,:root[data-theme="dark"] .rhero,:root[data-theme="dark"] .k2,:root[data-theme="dark"] .ck,:root[data-theme="dark"] .cmk>div,:root[data-theme="dark"] .rcard{background:#152427!important;border-color:#24383C!important}
:root[data-theme="dark"] .k2 b,:root[data-theme="dark"] .cmk b,:root[data-theme="dark"] .ck b,:root[data-theme="dark"] .rhero h2,:root[data-theme="dark"] h3{color:#E4EEF0!important}
:root[data-theme="dark"] .lgcard{background:#152427}:root[data-theme="dark"] select,:root[data-theme="dark"] input,:root[data-theme="dark"] textarea{background:#0F1C1F;color:#E4EEF0;border-color:#2A4045}
.spk{vertical-align:middle}.hmc{font-weight:700}.insights ul{margin:0;padding-inline-start:20px;line-height:2}.cmpk .ck{grid-template-columns:repeat(3,1fr)}
.cpr{margin:18px auto 6px;max-width:900px;text-align:center;font-size:11.5px;line-height:1.7;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}
.qlock{border:1px solid var(--amber);background:var(--amber-bg)}.rvlist .stepper button:disabled,.rvlist .stepper input:disabled{opacity:.5;cursor:not-allowed}
.hubg{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hubg .scard2{min-height:190px}.hubn{position:absolute;inset-inline-end:14px;bottom:12px;background:#fff;color:#C8262E;border-radius:999px;padding:2px 10px;font-style:normal;font-weight:700;font-size:12.5px}
.hubback{margin:0 0 10px}
.satpick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.satb{border:2px solid var(--line);background:var(--paper);border-radius:16px;padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;color:var(--ink);transition:all .15s}
.satb span{font-size:42px}.satb b{font-size:16px}.satb.y.on{border-color:#2E7D4F;background:var(--green-bg);box-shadow:0 0 0 3px rgba(46,125,79,.2)}.satb.n.on{border-color:#C8262E;background:var(--red-bg);box-shadow:0 0 0 3px rgba(200,38,46,.2)}
.cschoose{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.cscard{border:0;border-radius:20px;padding:26px 22px;color:#fff;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:6px;font:inherit;min-height:180px;box-shadow:0 10px 26px rgba(0,58,108,.18);transition:transform .2s}.cscard:hover{transform:translateY(-4px)}
.cscard span{font-size:44px}.cscard b{font-size:21px}.cscard small{opacity:.9;font-size:13.5px}.cscard.c1{background:linear-gradient(135deg,#7A1F4B,#D9467A)}.cscard.c2{background:linear-gradient(135deg,#7A5A0E,#E8B53D)}
.csback{font-weight:700}.rate2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.rb{border:2px solid var(--line);border-radius:16px;padding:18px;font:inherit;font-size:20px;font-weight:700;cursor:pointer;background:var(--paper);color:var(--ink)}
.rb.y.on{background:var(--green-bg);border-color:var(--green);color:var(--green)}.rb.n.on{background:var(--red-bg);border-color:var(--red);color:var(--red)}
.mchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}.mchip{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.mchip small{opacity:.6}.mchip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.mhead{margin:10px 0 0;font-size:13.5px}.mrate{display:block;color:var(--brand)!important;font-weight:700;margin-top:3px}
.altbox{display:flex;flex-wrap:wrap;gap:5px;align-items:center;border-top:1px dashed var(--line);padding-top:7px;margin-top:4px}.altbox small{color:var(--green);font-weight:700;width:100%}
.altp{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:3px 8px;font:inherit;font-size:12px;cursor:pointer;color:var(--ink)}.altp.diff{border-color:var(--green);background:var(--green-bg)}.altp i{font-style:normal;font-size:10.5px;opacity:.8}
.s17{background:linear-gradient(135deg,#5A1A2E,#C8462E)}.iptabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.s18{background:linear-gradient(135deg,#0B3C5D,#1BA39C)}
.imwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}@media (max-width:900px){.imwrap{grid-template-columns:1fr}}
.imap{position:relative;background:linear-gradient(180deg,#E3F3F6,#D2ECF1);border:1px solid var(--line);border-radius:18px;overflow:hidden;touch-action:none}
:root[data-theme="dark"] .imap{background:linear-gradient(180deg,#0E2A33,#0B2229)}
.imap svg{width:100%;height:auto;display:block;cursor:grab}.land{fill:#F4EFE3;stroke:#C9BFA6;stroke-width:1.5}:root[data-theme="dark"] .land{fill:#23383C;stroke:#3D5A60}
.dot{cursor:pointer;transition:opacity .2s}.dot:hover circle{stroke-width:3}.dot.sel circle:not(.pulse){stroke:#003A6C;stroke-width:4}
.dv{font:700 12px Arial;fill:#fff;text-anchor:middle;pointer-events:none}.dl{font:600 11px Arial;fill:#1d2b30;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none}:root[data-theme="dark"] .dl{fill:#E4EEF0;stroke:#0B2229}
.pulse{stroke-width:3;animation:pls 1.6s ease-out infinite;transform-origin:center}@keyframes pls{from{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}
.imctl{position:absolute;top:10px;inset-inline-start:10px;display:flex;flex-direction:column;gap:4px}.imctl button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:18px;cursor:pointer;color:var(--ink)}
.imleg{position:absolute;bottom:10px;inset-inline-end:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:12px;display:flex;flex-direction:column;gap:3px;max-width:280px}
.imleg .grad{height:9px;border-radius:5px;background:linear-gradient(90deg,#2E7D4F,#E8A317,#C8262E)}.imleg span:not(.grad){display:flex;justify-content:space-between}
.impanel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;max-height:760px;overflow:auto}.impanel h3{margin:0 0 4px}.impanel h4{margin:12px 0 6px;font-size:14px}
.impk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.impk div{background:var(--paper);border-radius:10px;padding:8px;text-align:center}.impk span{display:block;font-size:11.5px;color:var(--muted)}.impk b{font-size:18px;color:var(--navy)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{border:0;background:var(--surface);padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.seg button.on{background:var(--navy);color:#fff}.bar.clk{cursor:pointer}
.s19{background:linear-gradient(135deg,#2B2F6B,#6D5BD0)}.imtab{margin:4px 0 8px}
.sgridx{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}.stile{border:0;border-radius:12px;padding:8px 4px;background:var(--c);color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 3px 8px rgba(0,0,0,.12);transition:transform .15s}
.stile:hover{transform:translateY(-2px)}.stile b{font-size:14px}.stile span{font-size:12.5px;font-weight:700}.stile small{font-size:10.5px;opacity:.9}.stile.zero{opacity:.8}.stile.sel{outline:3px solid var(--navy);outline-offset:2px}
.tchip{display:inline-block;border:1.5px solid var(--c);color:var(--c);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.dchips{display:flex;flex-wrap:wrap;gap:3px}.dchips span{background:var(--petrol-2);border-radius:6px;padding:0 6px;font-size:12px;font-weight:700}.spt td{vertical-align:middle}
.hgroups{display:flex;flex-direction:column;gap:18px;margin-top:6px}
.hgh{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:17px;color:var(--navy)}.hgh span{width:34px;height:34px;border-radius:11px;background:var(--petrol-2);display:grid;place-items:center;font-size:18px}.hgh small{margin-inline-start:auto;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:0 10px;font-size:12px;color:var(--muted)}
:root[data-theme="dark"] .hgh{color:#E4EEF0}
.hgrp{background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);border-radius:22px;padding:14px;backdrop-filter:blur(4px)}
.snap{margin:12px 0 4px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,58,108,.08)}
.snaph{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.snaph b{font-size:16px;color:var(--navy)}.snaph small{color:var(--muted)}:root[data-theme="dark"] .snaph b{color:#E4EEF0}
.snapg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.snp{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:10px;min-height:64px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:start;font:inherit;cursor:pointer;color:var(--ink);transition:transform .15s,box-shadow .15s}
.snp:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,58,108,.12)}.snp .si{grid-row:span 2;font-size:24px}.snp b{font-size:22px;color:var(--navy)}.snp small{font-size:12px;color:var(--muted)}
.snp.warn{border-color:#E8A317;background:linear-gradient(135deg,var(--paper),rgba(232,163,23,.12))}.snp.ok b{color:var(--green)}:root[data-theme="dark"] .snp b{color:#E4EEF0}
header:has(.credit:not([hidden])),.top:has(.credit:not([hidden])){padding-top:34px!important}@media (min-width:700px){.credit{top:7px!important}}
.whdirect{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(120deg,#E3F5F6,#D6EEE4);border:1.5px solid var(--brand);border-radius:16px;padding:14px 16px;margin-bottom:12px}.whdirect b{display:block;font-size:17px;color:var(--navy)}.whdirect small{color:var(--muted)}:root[data-theme="dark"] .whdirect{background:#12302F}
.tklogo{width:46px;height:46px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.25);flex:0 0 auto}@media (max-width:560px){.tklogo{width:36px;height:36px;border-radius:10px}}
.tksplash{width:92px;height:92px;border-radius:22px;box-shadow:0 10px 26px rgba(0,0,0,.35);display:block;margin:14px auto 6px;position:relative;z-index:2}
@media print{#bgfx{display:none}}
@media print{.sosbtn{display:none!important}}
@media print{body.printing-req > *{display:none!important} body.printing-req #printView{display:block!important}}
.pform{font-size:13px;color:#000;background:#fff;padding:10mm}
.phd{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:10px}
.phd h1{margin:0;font-size:20px}.phd p{margin:2px 0 0}
.pno{text-align:center;border:1px solid #000;padding:6px 10px;display:flex;flex-direction:column}
.pno b{font-size:15px}
.pform table{width:100%;border-collapse:collapse;margin:8px 0}
.pform th,.pform td{border:1px solid #000;padding:5px 7px;text-align:start}
.pform th{background:#eee}
.psig{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.psig div{border-top:1px solid #000;padding-top:4px;text-align:center;height:50px}
.prec{margin-top:16px}
@media print{.pests,.list,header.top .tallies,.actions,.close,.uses,.sec.alts-sec{display:none!important} main .wrap{display:block}.panel{position:static;border:0}}
/* ===== UI3 – Takamul glass design ===== */
body.ui3{--u-navy:#0a3c59;--u-teal:#009688;--u-sky:#0ea5e9;--u-bg:#eef5f8;--u-card:#ffffff;--u-ink:#0f2a3a;--u-mut:#5b7180;--u-line:rgba(10,60,89,.10);--u-glass:rgba(255,255,255,.72);
  background:var(--u-bg)!important;background-image:
  radial-gradient(900px 520px at 100% -10%,rgba(14,165,233,.16),transparent 60%),
  radial-gradient(800px 520px at -10% 30%,rgba(0,150,136,.14),transparent 60%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%230a3c59' stroke-opacity='.06' stroke-width='1'%3E%3Cpath d='M42 4l34 19.5v39L42 82 8 62.5v-39z'/%3E%3Cpath d='M42 24l17 10v20L42 64 25 54V34z'/%3E%3C/g%3E%3C/svg%3E")!important;background-attachment:fixed!important}
html[data-theme="dark"] body.ui3{--u-bg:#06141f;--u-card:#0e2433;--u-ink:#e6f1f6;--u-mut:#9bb3c1;--u-line:rgba(255,255,255,.08);--u-glass:rgba(8,26,40,.72);
  background-image:radial-gradient(900px 520px at 100% -10%,rgba(14,165,233,.14),transparent 60%),radial-gradient(800px 520px at -10% 30%,rgba(0,150,136,.14),transparent 60%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1'%3E%3Cpath d='M42 4l34 19.5v39L42 82 8 62.5v-39z'/%3E%3Cpath d='M42 24l17 10v20L42 64 25 54V34z'/%3E%3C/g%3E%3C/svg%3E")!important}
/* header glass */
body.ui3 header.top{position:sticky;top:0;z-index:40;background:linear-gradient(120deg,rgba(10,60,89,.92),rgba(0,110,120,.88))!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 6px 24px rgba(10,60,89,.18)}
body.ui3 header.top .wrap{padding-top:10px!important;padding-bottom:10px!important;align-items:center!important;gap:8px!important}
body.ui3 header.top h1{font-size:clamp(15px,3.6vw,22px)!important;line-height:1.3}
body.ui3 header.top #hSub{font-size:11.5px;opacity:.8;margin:2px 0 0}
body.ui3 header.top .hlogo{height:40px!important}
body.ui3 header.top .tally,body.ui3 header.top button{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:12px!important;backdrop-filter:blur(6px)}
body.ui3 header.top .tally:hover,body.ui3 header.top button:hover{background:rgba(255,255,255,.24)!important}
body.ui3 .bdot{background:#ef4444!important;box-shadow:0 0 0 2px rgba(10,60,89,.9)}
body.ui3 .u3dev{display:block;font-size:11px;opacity:.75;margin-top:2px}
/* hero */
body.ui3 #homeView .wrap.home{padding-top:16px}
body.ui3 #homeView .uhero{position:relative;overflow:hidden;flex-wrap:wrap;background:linear-gradient(125deg,#0a3c59 0%,#0b5a74 45%,#009688 85%,#0ea5e9 130%)!important;border-radius:24px!important;padding:22px!important;box-shadow:0 18px 40px rgba(10,60,89,.25)!important}
body.ui3 #homeView .uhero::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-start:-70px;top:-110px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
body.ui3 #homeView .uhero::after{content:"";position:absolute;width:200px;height:200px;inset-inline-end:-50px;bottom:-90px;border:28px solid rgba(255,255,255,.06);border-radius:50%}
body.ui3 #homeView .uhero>*{position:relative;z-index:1}
body.ui3 #homeView .uhero .hsub{font-size:clamp(22px,5vw,30px)!important}
body.ui3 #homeView .uhero .rlogo{height:54px!important;border-radius:14px}
body.ui3 .u3stats{flex-basis:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
body.ui3 .u3stats div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:9px 10px;backdrop-filter:blur(6px)}
body.ui3 .u3stats b{display:block;font-size:17px;color:#fff}
body.ui3 .u3stats span{font-size:11.5px;color:rgba(255,255,255,.82)}
body.ui3 .u3live{display:inline-flex;align-items:center;gap:6px}
body.ui3 .u3live i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:u3p 2s infinite}
body.ui3 .u3live.off i{background:#f59e0b;animation:none}
@keyframes u3p{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
/* search + chips */
body.ui3 .u3bar{position:sticky;top:calc(var(--u-hh,70px) + 8px);z-index:20;background:var(--u-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--u-line);border-radius:18px;padding:10px;margin:0 0 14px;box-shadow:0 6px 20px rgba(10,60,89,.08)}
body.ui3 .u3s{display:flex;align-items:center;gap:8px;background:var(--u-card);border:1px solid var(--u-line);border-radius:12px;padding:0 12px}
body.ui3 .u3s input{flex:1;border:0;background:transparent;font:inherit;font-size:15px;padding:11px 0;color:var(--u-ink);outline:none;min-width:0}
body.ui3 .u3chips{display:flex;gap:6px;overflow-x:auto;margin-top:8px;scrollbar-width:none}
body.ui3 .u3chips::-webkit-scrollbar{display:none}
body.ui3 .u3chips button{flex:none;border:1px solid var(--u-line);background:var(--u-card);color:var(--u-ink);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
body.ui3 .u3chips button.on{background:linear-gradient(120deg,#0a3c59,#009688);color:#fff;border-color:transparent}
body.ui3 .u3none{text-align:center;color:var(--u-mut);padding:26px 0;grid-column:1/-1}
/* cards */
body.ui3 #homeView .sgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media(min-width:760px){body.ui3 #homeView .sgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1100px){body.ui3 #homeView .sgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body.ui3 #homeView .sgrid.solo{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.ui3 #homeView .scard2{--a:#009688;background:var(--u-card)!important;color:var(--u-ink)!important;min-height:0!important;padding:14px 14px 14px!important;border-radius:20px!important;border:1px solid var(--u-line)!important;box-shadow:0 4px 14px rgba(10,60,89,.07)!important;gap:4px!important;filter:none!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s!important}
body.ui3 #homeView .scard2::before{display:none!important}
body.ui3 #homeView .scard2::after{inset-inline-start:auto!important;inset-inline-end:-30px!important;top:-30px!important;bottom:auto!important;width:90px!important;height:90px!important;background:var(--a)!important;opacity:.08!important}
body.ui3 #homeView .scard2:hover{transform:translateY(-4px)!important;box-shadow:0 16px 30px rgba(10,60,89,.16)!important}
body.ui3 #homeView .scard2:active{transform:scale(.98)!important}
body.ui3 #homeView .scard2 .sic{font-size:26px!important;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--a) 14%,transparent);margin-bottom:6px;transform:none!important}
body.ui3 #homeView .scard2 .snum{inset-inline-end:12px!important;top:12px!important;width:26px!important;height:26px!important;font-size:12.5px;background:var(--a)!important;color:#fff!important;box-shadow:0 4px 10px color-mix(in srgb,var(--a) 40%,transparent)}
body.ui3 #homeView .scard2 b{font-size:15.5px!important;line-height:1.35;color:var(--u-ink)}
body.ui3 #homeView .scard2>span:last-child{font-size:12px!important;opacity:1!important;color:var(--u-mut);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.ui3 #homeView .scard2[hidden]{display:none!important}
/* footer */
body.ui3 .u3foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;border-radius:16px;background:var(--u-glass);border:1px solid var(--u-line);color:var(--u-mut);font-size:12.5px;backdrop-filter:blur(10px)}
body.ui3 .u3foot b{color:var(--u-ink)}
body.ui3 #homeView .cpr{margin-top:10px}
/* emergency */
body.ui3 .sosbtn{border-radius:18px!important;padding:13px 15px!important;font-size:20px!important;background:linear-gradient(135deg,#ef4444,#b91c1c)!important;box-shadow:0 10px 26px rgba(185,28,28,.45)!important;animation:u3sos 2.4s infinite;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
@keyframes u3sos{0%,100%{box-shadow:0 10px 26px rgba(185,28,28,.45),0 0 0 0 rgba(239,68,68,.5)}50%{box-shadow:0 10px 26px rgba(185,28,28,.45),0 0 0 10px rgba(239,68,68,0)}}
/* other screens: soften generic cards */
body.ui3 .scard,body.ui3 .rcard{border-radius:18px}
@media(prefers-reduced-motion:reduce){body.ui3 *{animation:none!important}}
#tkLogo,.tksplash{display:none!important}