:root{--navy:#071a2b;--navy2:#0b2d45;--ink:#102333;--muted:#71808b;--line:#dce4e7;--paper:#f5f7f6;--white:#fff;--red:#b42334;--teal:#087b7c;--gold:#b88a3e;--green:#16845e;--amber:#c78425}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;display:flex;min-height:100vh}.side{width:260px;background:var(--navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column;gap:8px;position:fixed;inset:0 0 0 auto}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:4px 8px 24px}.brand img{width:38px;height:38px}.brand span{display:flex;flex-direction:column}.brand b{font:800 15px Manrope,sans-serif}.brand small{color:#a8bdc5;font-size:11px;margin-top:3px}.side-label,.eyebrow{font-size:11px;letter-spacing:.08em;color:#91abb7}.side-label{padding:20px 12px 8px}.side-link{border:0;background:transparent;color:#abc0c8;text-align:right;padding:13px 14px;border-radius:12px;font:600 14px 'IBM Plex Sans Arabic';cursor:pointer}.side-link:hover,.side-link.active{background:#123a51;color:#fff}.side-bottom{margin-top:auto;color:#8ea7b2;font-size:11px;line-height:1.8;padding:15px 10px;border-top:1px solid #214154}.side-bottom a{display:block;color:#d9e6e7;text-decoration:none;margin-top:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dca84c;margin-left:5px}.main{margin-right:260px;width:calc(100% - 260px);padding:28px 38px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.crumb{font-size:12px;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:28px;margin-top:5px}h2{font-size:29px;line-height:1.35}h3{font-size:17px}.top-actions{display:flex;align-items:center;gap:12px}.offline-pill,.live{border:1px solid #e1c998;background:#fff8e9;color:#90631b;border-radius:99px;padding:7px 12px;font-size:11px}.avatar{border:0;border-radius:50%;width:40px;height:40px;background:var(--navy);color:#fff;font-weight:700}.notice{display:flex;justify-content:space-between;align-items:center;background:#eaf4f3;border:1px solid #cfe4e0;border-radius:15px;padding:15px 18px;margin-bottom:26px;color:#146663}.notice div{display:flex;gap:13px;align-items:center}.notice span{font-size:12px}.notice strong{font-size:13px}.notice-code{font:600 11px Manrope;color:#458282}.tab-panel{display:none}.tab-panel.active{display:block}.welcome{background:linear-gradient(120deg,var(--navy),var(--navy2));border-radius:22px;padding:35px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:230px;position:relative;overflow:hidden}.welcome:after{content:'';position:absolute;width:340px;height:340px;border:1px solid #477083;border-radius:50%;left:18%;top:-170px;box-shadow:0 0 0 35px rgba(75,122,140,.11),0 0 0 72px rgba(75,122,140,.07)}.welcome h2{font-size:34px;margin:10px 0}.welcome em{font-style:normal;color:#d1a362}.welcome p{max-width:550px;color:#b9cbd1;font-size:14px;line-height:1.9}.welcome-mark{position:relative;z-index:1;font:700 70px Manrope;color:#d1a362;text-align:center}.welcome-mark small{display:block;font-size:10px;line-height:1.5;letter-spacing:.18em;color:#a9bdc4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats article,.surface{background:#fff;border:1px solid var(--line);border-radius:16px}.stats article{padding:18px}.stats span{display:block;color:var(--muted);font-size:12px}.stats b{display:block;font:800 31px Manrope;margin:7px 0}.stats sup{font-size:15px}.stats small{font-size:11px}.up{color:var(--green)}.warn{color:var(--amber)}.split{display:grid;grid-template-columns:1.35fr .8fr;gap:16px}.surface{padding:22px}.surface-head{display:flex;justify-content:space-between;align-items:flex-start}.surface-head h3{margin-top:6px}.surface select,.table-tools input{font:inherit;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--muted);background:#fff}.chart{height:170px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line);padding:18px 12px 0;margin-top:15px}.chart i{display:block;flex:1;background:linear-gradient(#b92d3e,#d7837e);border-radius:7px 7px 0 0}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:9px}.health-card{min-height:260px}.health-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #edf0f0;font-size:13px}.health-row:last-child{border:0}.ok{color:var(--green)}.pending{color:var(--amber)}.panel-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0}.panel-head h2{margin-top:8px}.primary,.outline{border:0;border-radius:10px;padding:11px 16px;font:600 13px inherit;cursor:pointer}.primary{background:var(--navy);color:#fff}.outline{border:1px solid var(--line);background:#fff;color:var(--navy)}.table-wrap{padding:0;overflow:hidden}.table-tools{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.table-tools input{width:260px}table{width:100%;border-collapse:collapse;text-align:right;font-size:13px}th,td{padding:16px 18px;border-bottom:1px solid #edf0f0}th{color:var(--muted);font-size:11px;font-weight:500}td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.badge{border-radius:99px;padding:5px 9px;font-size:11px}.badge.green{background:#e7f6ed;color:var(--green)}.badge.amber{background:#fff3dd;color:var(--amber)}.subscription-grid,.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{min-height:240px;position:relative}.plan h3{margin:18px 0}.plan b{font:800 38px Manrope}.plan b small{font:400 13px 'IBM Plex Sans Arabic';color:var(--muted)}.plan p,.security-tile p{color:var(--muted);font-size:13px;line-height:1.8;margin:10px 0 20px}.plan button{position:absolute;bottom:20px;right:22px}.featured{border-color:#c7a268;box-shadow:inset 0 3px 0 var(--gold)}.plan-tag{font-size:10px;color:#936b28;background:#fff4dd;padding:6px 9px;border-radius:99px}.sync-list{padding:5px 22px}.sync-item{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #edf0f0}.sync-item:last-child{border:0}.sync-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:700}.sync-icon.ok{background:#e7f6ed}.sync-icon.warn{background:#fff3dd;color:var(--amber)}.sync-item div{flex:1}.sync-item small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.sync-item strong{font:700 18px Manrope}.security-tile{min-height:220px}.big-icon{font:30px Manrope;color:var(--gold)}.security-tile h3{margin-top:14px}.toast{position:fixed;bottom:22px;left:22px;background:var(--navy);color:#fff;padding:12px 17px;border-radius:10px;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.side{width:76px;padding:18px 10px}.brand span,.side-label,.side-link{font-size:0}.brand{padding:4px 9px 24px}.brand img{width:42px;height:42px}.side-link{height:45px;text-align:center}.side-link:first-letter{font-size:19px}.side-bottom{font-size:0;text-align:center}.side-bottom .status-dot{margin:0}.side-bottom a{font-size:0}.main{margin-right:76px;width:calc(100% - 76px);padding:20px}.stats,.subscription-grid,.security-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.welcome h2{font-size:27px}.notice-code{display:none}}@media(max-width:580px){.stats,.subscription-grid,.security-grid{grid-template-columns:1fr}.main{padding:14px}.topbar h1{font-size:23px}.welcome{padding:26px 22px}.welcome-mark{font-size:48px}.welcome p{font-size:12px}.notice div{align-items:flex-start;flex-direction:column;gap:3px}.table-wrap{overflow-x:auto}table{min-width:700px}}
/* Live developer portal layer */
.auth-gate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(208,17,38,.28),transparent 32%),linear-gradient(135deg,#061b2d 0%,#0a455c 58%,#0f7d78 100%)}
.auth-gate.hidden{display:none}.auth-card{width:min(460px,100%);background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.32)}.auth-card>img{width:64px;height:64px;margin-bottom:18px}.auth-card h1{font-size:30px;line-height:1.25;margin:10px 0 12px}.auth-card>p{color:#66747c;font-size:14px;line-height:1.8}.auth-card label{display:block;color:#1c394b;font-weight:700;font-size:13px;margin:15px 0}.auth-card input{display:block;width:100%;border:1px solid #d5e0e0;border-radius:12px;padding:13px 14px;margin-top:7px;font:inherit;outline:none}.auth-card input:focus{border-color:#0d8a85;box-shadow:0 0 0 3px rgba(13,138,133,.12)}.auth-card .primary{width:100%;border:0;margin-top:7px;background:#ce1126;color:#fff;border-radius:12px;padding:13px;font:inherit;font-weight:700;cursor:pointer}.auth-card .primary:disabled{opacity:.6;cursor:wait}.auth-card small{display:block;color:#829096;font-size:11px;margin-top:18px}.auth-card code{background:#eef4f2;padding:2px 5px;border-radius:5px}.auth-error{min-height:22px;color:#b51e31!important;font-size:13px!important;margin:12px 0 0!important}.top-actions{display:flex;align-items:center;gap:12px}.offline-pill.live{background:#dff4ec;color:#14755e}.side-bottom{gap:8px}.side-bottom a{display:block}.live{color:#13846f!important}.warn{color:#b36b12!important}.table-wrap table{width:100%}.table-wrap td small{display:block;color:#859198;font-size:11px}.sync-list .sync-item{min-height:74px}.sync-item strong{color:#13846f}.sync-icon.ok{background:#dff4ec;color:#13846f}.sync-icon.warn{background:#fff0d4;color:#b36b12}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.security-tile{padding:24px}.security-tile .big-icon{display:grid;place-items:center;width:46px;height:46px;background:#e8f4f2;border-radius:14px;color:#0b7776;font-size:25px;margin-bottom:18px}.security-tile p{color:var(--muted);line-height:1.7;min-height:50px}.security-tile b{font-size:12px}@media(max-width:900px){.security-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.auth-card{padding:27px}.auth-card h1{font-size:25px}.side{position:relative;width:100%;height:auto;min-height:0;inset:auto}.main{margin-right:0!important;padding:20px}.security-grid{grid-template-columns:1fr}.topbar{gap:12px;align-items:flex-start}.top-actions{flex-wrap:wrap}.table-wrap{overflow:auto}.table-wrap table{min-width:720px}}