:root{--navy:#071e48;--navy2:#123a72;--orange:#f9730c;--paper:#fff;--canvas:#f3f5f8;--muted:#718096;--line:#e7eaf0;--green:#147d64;--red:#c23b36}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--navy);font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:linear-gradient(165deg,#061938,#0c2d61 70%,#123f79);color:#fff;padding:28px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:42px;font-weight:950;letter-spacing:-2px;padding:0 12px}.tagline{color:#ffb27a;margin:0 12px 28px;font-weight:700}.nav{display:grid;gap:5px;overflow:auto}.nav button{border:0;background:transparent;color:#c9d5e8;border-radius:13px;padding:11px 13px;display:flex;align-items:center;gap:12px;text-align:right;font:inherit;cursor:pointer;transition:.18s}.nav button b{width:25px;color:#ffad6d;font-size:17px;text-align:center}.nav button.active,.nav button:hover{background:#ffffff17;color:#fff;transform:translateX(-2px)}.logout{margin-top:auto;border:1px solid #ffffff28;background:transparent;color:#fff;border-radius:12px;padding:11px;cursor:pointer}.main{padding:34px;max-width:1600px;width:100%;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.top h1{margin:2px 0;font-size:31px;letter-spacing:-1px}.top p{margin:0;color:var(--muted)}.eyebrow{color:var(--orange);font-size:12px;font-weight:900}.live{background:#eaf8f2;color:var(--green);padding:10px 14px;border-radius:99px;font-size:13px;font-weight:800}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#23a781;margin-left:8px;box-shadow:0 0 0 4px #23a78122}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.panel,.stat{background:#fff;border-radius:20px;border:1px solid var(--line);box-shadow:0 7px 22px #071e4808}.stat{padding:19px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#f9730c0d;left:-22px;bottom:-24px}.stat-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#fff0e5;color:var(--orange);font-size:19px;margin-bottom:17px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:29px;margin-top:5px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin-top:17px}.panel{padding:21px}.panel h2{margin:0;font-size:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.toolbar{display:flex;gap:8px;align-items:center}.toolbar input{width:230px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:#fafbfc;font:inherit}.button,.icon-btn{border:0;background:var(--navy);color:#fff;padding:9px 13px;border-radius:10px;cursor:pointer;font:inherit;font-weight:700}.button:hover{background:var(--navy2)}.button:disabled{opacity:.5}.button.secondary{background:#e9eef6;color:var(--navy)}.success-btn{background:var(--green);margin-left:5px}.danger-btn{background:var(--red)}.wide{width:100%;padding:13px}.icon-btn{font-size:18px;padding:7px 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;background:#f8f9fb;color:#657187;padding:12px 14px;font-size:12px}td{padding:13px 14px;border-top:1px solid #eef0f4;font-size:13px}tbody tr:hover{background:#fffaf6}.actions{display:flex;gap:5px}.pill{padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}.pill.success{background:#e7f6f0;color:var(--green)}.pill.danger{background:#fdebea;color:var(--red)}.empty{padding:60px;text-align:center;color:var(--muted);display:grid;gap:5px}.empty span{font-size:18px;color:var(--navy);font-weight:800}.chart h2,.readiness h2{margin-bottom:22px}.bar-row{display:grid;grid-template-columns:115px 1fr 45px;align-items:center;gap:10px;margin:14px 0;font-size:12px}.bar-row>div{height:9px;background:#edf0f4;border-radius:99px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ffac68);border-radius:99px}.bar-row b{text-align:left}.readiness>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;border-top:1px solid var(--line);padding:14px 0;font-size:13px}.readiness i{width:9px;height:9px;border-radius:50%}.readiness .ok{background:#20a57d}.readiness .warn{background:#f5a029}.readiness b{font-size:11px;color:var(--muted)}.alert{padding:12px 14px;background:#fff0ef;color:#a72d29;border:1px solid #ffd5d2;border-radius:12px;margin-bottom:15px}.progress{height:3px;background:linear-gradient(90deg,transparent,var(--orange),transparent);animation:load 1.2s infinite;margin:-10px 0 14px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#173c71,#071e48 55%)}.login-card{width:min(440px,calc(100% - 32px));background:#fff;padding:34px;border-radius:25px;box-shadow:0 25px 70px #0005}.login-brand{font-size:49px;font-weight:950}.login-card>p{color:var(--orange);font-weight:800}.login-card label{display:block;margin:25px 0 8px;font-size:13px}.login-card textarea{width:100%;resize:none;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:13px}.login-card small{display:block;text-align:center;color:var(--muted);margin-top:12px}.login-card{animation:rise .45s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes load{0%{background-position:-300px}to{background-position:300px}}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.shell{grid-template-columns:225px 1fr}.main{padding:24px}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(2,1fr)}.logout{margin-top:15px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.main{padding:16px}.panel-head,.top{align-items:flex-start}.panel-head{flex-direction:column}.toolbar{width:100%;flex-wrap:wrap}.toolbar input{flex:1 1}.live{display:none}}@media(max-width:440px){.stats{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:80px 1fr 35px}}.whatsapp-panel{margin-top:22px}.whatsapp-body{display:grid;grid-template-columns:360px 1fr;gap:30px;align-items:center}.qr-box{display:grid;place-items:center;min-height:280px;padding:16px;background:#f7fafc;border:1px dashed var(--line);border-radius:22px}.qr-box img{display:block;width:min(100%,330px);height:auto}.qr-placeholder{color:var(--muted);font-weight:700;text-align:center}.wa-copy h3{margin:0 0 10px;font-size:22px}.wa-copy p{max-width:620px;color:var(--muted);line-height:1.9}.wa-status{padding:9px 15px;color:#b43b16;background:#fff1ec;border-radius:99px;font-weight:800}.wa-status.connected{color:#168344;background:#eaf8ef}@media (max-width:760px){.whatsapp-body{grid-template-columns:1fr}.qr-box{min-height:220px}}