:root{--navy:#06162b;--navy2:#0b2442;--navy3:#0f3458;--navy4:#133b62;--ink:#13243a;--ink2:#1f3350;--gold:#b9944f;--gold2:#e0c47d;--gold3:#c9a45f;--paper:#f5f7fa;--white:#fff;--muted:#718096;--line:#dfe6ee;--line2:#eef2f6;--green:#158466;--greenbg:#e6f4ef;--amber:#c37b18;--amberbg:#fbf2e3;--red:#bb4851;--redbg:#fbecea;--info:#3663a8;--infobg:#eaf1f9;--shadow:0 18px 44px rgba(2,16,36,.12);--shadow2:0 6px 18px rgba(8,27,49,.045);--radius:12px;--accent:var(--gold)}*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Arabic,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}html[dir=rtl] body{letter-spacing:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--navy2);text-decoration:none}a:hover{color:var(--navy3)}h1,h2,h3,h4{color:var(--ink);line-height:1.22;margin:0}::selection{background:var(--gold3);color:#07182f}.app{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:linear-gradient(170deg,var(--navy),#0b2d50);color:#d7e4f1;padding:24px 18px;overflow:auto;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:0 7px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.crest{width:48px;height:54px;border:1px solid var(--gold2);-webkit-clip-path:polygon(50% 0,95% 18%,88% 75%,50% 100%,12% 75%,5% 18%);clip-path:polygon(50% 0,95% 18%,88% 75%,50% 100%,12% 75%,5% 18%);display:grid;place-items:center;color:var(--gold2);font-weight:800;flex:none}.brand b{display:block;color:white;letter-spacing:.06em;font-size:.92rem}.brand small{font-size:.68rem;color:#9eb4c9;display:block;line-height:1.3}.nav-label{margin:22px 10px 9px;color:#7893ad;font-size:.66rem;font-weight:800;letter-spacing:.14em}.nav{display:grid;grid-gap:4px;gap:4px}.nav button{border:0;background:transparent;color:#b9cbdb;text-align:start;padding:10px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;font-size:.85rem;width:100%}.nav button.active,.nav button:hover{background:rgba(255,255,255,.09);color:white}.nav button.active{box-shadow:inset 3px 0 var(--gold2)}.ico{width:18px;text-align:center;color:var(--gold2);flex:none}.classification{margin-top:24px;padding:14px;border:1px solid rgba(224,196,125,.28);border-radius:10px;background:rgba(0,0,0,.12);font-size:.7rem}.classification b{color:var(--gold2)}.classification span{color:#9eb4c9}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:74px;background:white;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.tb-left,.topbar{display:flex;align-items:center;gap:12px}.tb-left{min-width:0}.eyebrow{font-size:.68rem;color:var(--gold);font-weight:800;letter-spacing:.15em}.topbar h1{font-size:1.08rem;margin:3px 0 0}.actions{display:flex;gap:8px;align-items:center;flex:none}.chip{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 12px;color:var(--ink);font-size:.8rem;font-weight:600}.chip.online{border-color:#bcd9cf;background:var(--greenbg);color:var(--green)}.chip.two{display:flex;align-items:center;gap:6px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:800;font-size:.8rem}.content{padding:26px 32px 56px;max-width:1680px;margin:auto;width:100%}.mobile-menu{display:none}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:16px}.welcome h2{font-size:1.5rem}.welcome p{color:var(--muted);margin:6px 0 0}.gauge-inline,.stamp{font-size:.76rem;color:var(--muted);text-align:end}.gauge-inline{margin-top:6px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow2)}.kpi{padding:18px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}.kpi small{color:var(--muted);font-size:.78rem}.kpi strong{display:block;font-size:1.65rem;margin:8px 0 4px;font-weight:800}.delta{font-size:.74rem;color:var(--green);font-weight:600}.delta.amber{color:var(--amber)}.delta.red{color:var(--red)}.grid{grid-template-columns:1.4fr .8fr;grid-gap:16px}.grid,.grid-3{display:grid;gap:16px;margin-top:16px}.grid-3{grid-template-columns:1fr 1fr .82fr;grid-gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 8px;gap:10px}.section-head h3{font-size:.98rem;margin:0}.section-head .tiny{font-size:.68rem;color:var(--muted);font-weight:700;letter-spacing:.08em}.card button.ghost,.section-head button{background:transparent;border:0;color:var(--gold);font-weight:700;padding:4px}.section-head button:hover{color:var(--gold3)}.readiness{padding:12px 20px 24px}.rings{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px}.ringbox{text-align:center;padding:10px 5px}.ring{width:88px;height:88px;margin:auto;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#e8edf2 0);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:white}.ring b{z-index:1}.ringbox span{display:block;margin-top:9px;font-size:.76rem;color:var(--muted)}.ringbox small{color:var(--muted);font-size:.68rem}.ai-card{background:linear-gradient(145deg,#07192f,#0f3458);color:white;border-color:#133b62;position:relative;overflow:hidden}.ai-card:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(224,196,125,.2);border-radius:50%;right:-80px;top:-90px}.ai-body{padding:8px 20px 20px;position:relative;z-index:1}.ai-card p{color:#a9bfd2;font-size:.82rem;line-height:1.55}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.suggestions button{background:rgba(255,255,255,.07);color:#dce8f3;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:7px 10px;font-size:.7rem}.suggestions button:hover{background:rgba(255,255,255,.15)}.ask{display:flex;background:white;border-radius:10px;padding:5px}.ask input{min-width:0;flex:1 1;border:0;outline:0;padding:9px;color:var(--ink);background:transparent}.ask button{border:0;background:var(--gold);color:#07182f;width:42px;border-radius:8px;font-weight:900}.chart{height:200px;padding:16px 18px 20px;gap:12px;border-bottom:1px solid var(--line)}.barwrap,.chart{display:flex;align-items:end}.barwrap{height:100%;flex:1 1;gap:5px;position:relative}.bar{width:44%;background:var(--navy2);border-radius:5px 5px 0 0;min-height:10px}.bar.alt{background:var(--gold)}.barwrap label{position:absolute;bottom:-16px;width:100%;text-align:center;font-size:.63rem;color:var(--muted)}.legend{padding:13px 18px;font-size:.72rem;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 5px 0 12px;background:var(--navy2)}.dot.gold{background:var(--gold)}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.feed{padding:4px 18px 16px}.event{display:grid;grid-template-columns:34px 1fr auto;grid-gap:10px;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.event:last-child{border:0}.event .badge{width:30px;height:30px;border-radius:8px;background:#edf3f8;display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--navy2)}.event .badge.warn{background:var(--amberbg);color:var(--amber)}.event .badge.sev{background:var(--redbg);color:var(--red)}.event .badge.ok{background:var(--greenbg);color:var(--green)}.event b{font-size:.8rem;font-weight:700}.event p{margin:4px 0 0;font-size:.72rem;color:var(--muted)}.event time{font-size:.64rem;color:var(--muted);font-weight:700}.campus{padding:14px 18px}.map{height:135px;border-radius:9px;background:linear-gradient(135deg,#e9eef2,#dce5e8);position:relative;overflow:hidden}.map:after,.map:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(35deg,transparent 0 24px,rgba(7,34,61,.07) 25px 26px)}.map:after{transform:rotate(70deg)}.building{background:#fff;border:1px solid #b6c3ce;box-shadow:0 4px 8px #7e91a344;z-index:2;border-radius:2px}.building,.pin{position:absolute}.pin{width:12px;height:12px;border-radius:50%;background:var(--green);border:3px solid white;box-shadow:0 0 0 4px #15846633;z-index:3}.campus-meta{display:flex;justify-content:space-between;margin-top:13px;font-size:.72rem;gap:8px}.campus-meta div{flex:1 1}.campus-meta strong{display:block;font-size:.95rem}.panel{display:none;animation:fade .35s ease}.panel.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:white;padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.3s;z-index:99;max-width:340px;font-size:.82rem;font-weight:600}.toast.show{transform:none;opacity:1}.toast .t-sub{display:block;font-weight:400;font-size:.72rem;color:#b7c8d8;margin-top:3px}.toast.success{background:var(--green)}.toast.warn{background:var(--amber)}.toast.err{background:var(--red)}.footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 14px;color:var(--ink);font-weight:600;font-size:.82rem;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:#c6d0db;background:#fafbfc}.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.btn.primary:hover{background:var(--navy3)}.btn.gold{background:var(--gold);color:#07182f;border-color:var(--gold)}.btn.gold:hover{background:var(--gold3)}.btn.ghost{background:transparent;border:0;color:var(--navy2);padding:6px 8px}.btn.sm{padding:6px 10px;font-size:.74rem}.btn:disabled{opacity:.5;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:3px 9px;font-size:.66rem;font-weight:700;letter-spacing:.02em}.tag.green{background:var(--greenbg);color:var(--green)}.tag.amber{background:var(--amberbg);color:var(--amber)}.tag.red{background:var(--redbg);color:var(--red)}.tag.blue{background:var(--infobg);color:var(--info)}.tag.gold{background:#f6efdd;color:var(--gold3)}.tag.grey{background:#eef1f5;color:var(--muted)}.tag.navy{background:#e5ebf3;color:var(--navy2)}.table-wrap{overflow:auto;border-radius:0 0 var(--radius) var(--radius)}table.tbl{width:100%;border-collapse:collapse;font-size:.8rem}.tbl th{text-align:start;padding:11px 14px;color:var(--muted);font-weight:700;font-size:.68rem;letter-spacing:.04em;border-bottom:1px solid var(--line);background:#fafbfc;white-space:nowrap}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line2);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:#fafbfd}.tbl td .mini{font-size:.72rem;color:var(--muted)}.badge-id{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--navy2)}.badge-id .sq{width:24px;height:24px;border-radius:6px;background:var(--navy);color:white;display:grid;place-items:center;font-size:.68rem;flex:none}.badge-id.gold .sq{background:var(--gold);color:#07182f}.timeline{position:relative;padding-left:20px;margin:6px 0 2px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--line)}.tl-item{position:relative;padding:0 0 16px 12px}.tl-item:before{content:"";position:absolute;left:-19px;top:5px;width:12px;height:12px;border-radius:50%;background:white;border:3px solid var(--gold);z-index:1}.tl-item.done:before{background:var(--green);border-color:var(--green)}.tl-item.warn:before{background:var(--amber);border-color:var(--amber)}.tl-item b{font-size:.8rem}.tl-item .tl-meta{font-size:.7rem;color:var(--muted);margin-top:3px}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:16px}.agent-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow2);display:flex;flex-direction:column;gap:9px}.agent-card:hover{border-color:none;box-shadow:var(--shadow)}.agent-head{display:flex;align-items:center;gap:11px}.agent-icon{width:38px;height:38px;border-radius:9px;background:linear-gradient(145deg,var(--navy),var(--navy3));color:var(--gold2);display:grid;place-items:center;font-size:1rem;flex:none}.agent-icon.gold{background:linear-gradient(145deg,var(--gold),var(--gold3));color:#07182f}.agent-head b{font-size:.85rem}.agent-head small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.agent-card p{font-size:.75rem;color:var(--muted);line-height:1.5;margin:0;flex:1 1}.agent-foot{justify-content:space-between;border-top:1px solid var(--line2);padding-top:10px;margin-top:2px}.agent-foot,.agent-foot .stat{display:flex;align-items:center}.agent-foot .stat{gap:5px;font-size:.72rem;color:var(--muted)}.agent-foot .stat b{color:var(--ink);font-size:.82rem}.clickable{cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(4,14,28,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;display:flex;align-items:center;justify-content:center;padding:26px;animation:fade .2s}.modal{background:white;border-radius:16px;box-shadow:var(--shadow);width:100%;max-width:760px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-header h3{font-size:1.05rem}.modal-header .close{background:#eef1f5;border:0;width:34px;height:34px;border-radius:50%;font-size:1.05rem;color:var(--muted)}.modal-body{overflow:auto;padding:22px 24px}.modal-footer{display:flex;justify-content:space-between;gap:10px;padding:16px 24px;border-top:1px solid var(--line);background:#fafbfc;align-items:center}.modal-footer .left,.modal-footer .right{display:flex;gap:8px;align-items:center}.search{display:flex;background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;max-width:340px}.search input{flex:1 1;border:0;outline:0;padding:9px 12px;font-size:.8rem;background:transparent}.search .s-btn{background:var(--navy);color:white;border:0;padding:0 14px}input.fld,select.fld{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:.8rem;background:white;outline:0}input.fld:focus,select.fld:focus{border-color:var(--gold3)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:4px;overflow:auto}.tab{padding:10px 15px;font-size:.8rem;color:var(--muted);border:0;background:transparent;border-bottom:2px solid transparent;white-space:nowrap;font-weight:600}.tab:hover{color:var(--ink)}.tab.active{color:var(--navy2);border-bottom-color:var(--gold);font-weight:700}.meter{height:7px;background:#eaedf2;overflow:hidden}.meter,.meter i{border-radius:20px}.meter i{display:block;height:100%;background:var(--green)}.meter i.amber{background:var(--amber)}.meter i.red{background:var(--red)}.meter i.navy{background:var(--navy2)}.meter i.gold{background:var(--gold)}.def-list{display:grid;grid-gap:9px;gap:9px}.def-item{display:grid;grid-template-columns:190px 1fr;grid-gap:14px;gap:14px;padding:11px 0;border-bottom:1px solid var(--line2);font-size:.8rem}.def-item dt{color:var(--navy2);font-weight:600}.def-item dd{margin:0;color:var(--muted);line-height:1.5}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:14px}.detail-tile{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.detail-tile small{color:var(--muted);font-size:.7rem;display:block}.detail-tile b{font-size:1.1rem}.detail-tile .sub{font-size:.72rem;color:var(--muted);font-weight:400}.banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;font-size:.78rem;font-weight:600;margin-top:14px}.banner.info{background:var(--infobg);color:var(--info)}.banner.gold{background:#f6efdd;color:var(--gold3)}.banner.green{background:var(--greenbg);color:var(--green)}.banner.red{background:var(--redbg);color:var(--red)}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.seg{display:inline-flex;background:#eef1f5;border-radius:9px;padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-size:.74rem;font-weight:600;color:var(--muted)}.seg button.active{background:white;color:var(--navy2);box-shadow:0 1px 3px rgba(0,0,0,.08)}.zonegrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:14px}.zone{background:#fbfcfe;border:1px solid var(--line);border-radius:10px;padding:13px}.zone .zh{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.zone .zh b{font-size:.8rem}.zone .num{font-size:1.4rem;font-weight:800}@media(max-width:1200px){.kpis{grid-template-columns:repeat(2,1fr)}.grid,.grid-2,.grid-3{grid-template-columns:1fr}.agents-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.zonegrid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:780px){.app{display:block}.side{position:fixed;left:-280px;z-index:30;width:264px;transition:.3s}.side.open{left:0}.topbar{padding:0 16px}.mobile-menu{display:block}.topbar h1{font-size:.88rem}.content{padding:20px 16px}.welcome{display:block}.gauge-inline,.stamp{margin-top:10px;text-align:start}.grid,.grid-2,.grid-3,.lower{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.agents-grid{grid-template-columns:1fr}.actions .hide-sm{display:none}.def-item{grid-template-columns:1fr;gap:3px}}@media(max-width:460px){.kpis{grid-template-columns:1fr}.rings{grid-template-columns:1fr 1fr}.ring{width:75px;height:75px}.ring:after{width:56px;height:56px}.footer,.footer span{display:block}.footer span{margin-top:5px}.detail-grid,.zonegrid{grid-template-columns:1fr}.brand b{font-size:.78rem}}html[dir=rtl] .side{right:0;left:auto;margin-left:0}html[dir=rtl] .kpi:after{left:auto;right:0}html[dir=rtl] .toast{right:auto;left:24px}html[dir=rtl] .timeline{padding-left:0;padding-right:20px}html[dir=rtl] .timeline:before{left:auto;right:6px}html[dir=rtl] .tl-item{padding:0 12px 16px 0}html[dir=rtl] .tl-item:before{left:auto;right:-12px}html[dir=rtl] .agent-card,html[dir=rtl] .chip,html[dir=rtl] .def-item,html[dir=rtl] .nav button,html[dir=rtl] .search,html[dir=rtl] .tbl td,html[dir=rtl] .tbl th{text-align:right}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:#cfd7e0;border-radius:10px}::-webkit-scrollbar-track{background:transparent}