:root{--ceobi-navy-950:#031624;--ceobi-navy-900:#062237;--ceobi-navy-800:#0a314b;--ceobi-teal-600:#0c7f86;--ceobi-teal-400:#43c8d2;--ceobi-gold-600:#b8892f;--ceobi-gold-500:#d4a94f;--ceobi-gold-300:#e4c77c;--ceobi-white:#f7fafc;--ceobi-gray-300:#b8c4ce;--ceobi-gray-500:#718494;--ceobi-success:#2fb874;--ceobi-warning:#d99a3a;--ceobi-danger:#d65757;--ceobi-font-ar:Tajawal,'IBM Plex Sans Arabic',system-ui,sans-serif;--ceobi-font-en:'Segoe UI Variable',Inter,system-ui,sans-serif;--ceobi-space-1:4px;--ceobi-space-2:8px;--ceobi-space-3:12px;--ceobi-space-4:16px;--ceobi-space-6:24px;--ceobi-space-8:32px;--ceobi-space-12:48px;--ceobi-space-16:64px;--ceobi-radius-sm:8px;--ceobi-radius-md:12px;--ceobi-radius-lg:16px;--ceobi-radius-xl:20px;--ceobi-border-gold:1px solid rgba(212,169,79,.58);--ceobi-border-subtle:1px solid rgba(184,196,206,.2);--ceobi-shadow:0 18px 55px rgba(0,0,0,.28);--ceobi-motion:220ms cubic-bezier(.2,.8,.2,1)}
html[lang='ar'] body{font-family:var(--ceobi-font-ar)}html[lang='en'] body{font-family:var(--ceobi-font-en)}
body[data-ceobi-design='v4']{background:radial-gradient(circle at 80% 12%,rgba(12,127,134,.16),transparent 28%),linear-gradient(145deg,var(--ceobi-navy-950),var(--ceobi-navy-900) 58%,#082b42);color:var(--ceobi-white);min-height:100vh}
body[data-ceobi-design='v4'] :is(header,footer,nav,aside,main,section,article,div){box-sizing:border-box}
body[data-ceobi-design='v4'] :is(.site-header,.app-header,.main-header,[data-shell-header]){background:rgba(3,22,36,.94);border-bottom:var(--ceobi-border-gold);backdrop-filter:blur(18px)}
body[data-ceobi-design='v4'] :is(.site-footer,.app-footer,[data-shell-footer]){background:#031624;border-top:var(--ceobi-border-gold);color:var(--ceobi-gray-300)}
body[data-ceobi-design='v4'] :is(.card,.panel,.widget,.metric-card,.report-card,.tool-card,.template-card,.admin-card,[data-card]){border:var(--ceobi-border-subtle);border-radius:var(--ceobi-radius-lg);background:linear-gradient(145deg,rgba(10,49,75,.9),rgba(3,22,36,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:transform var(--ceobi-motion),border-color var(--ceobi-motion),background var(--ceobi-motion)}
body[data-ceobi-design='v4'] :is(.card,.panel,.widget,.report-card,.tool-card,.template-card,[data-card]):hover{border-color:rgba(212,169,79,.55)}
body[data-ceobi-design='v4'] :is(button,.button,.btn,[role='button']){border-radius:var(--ceobi-radius-md);font:inherit;transition:all var(--ceobi-motion)}
body[data-ceobi-design='v4'] :is(input,select,textarea){border:var(--ceobi-border-subtle);border-radius:var(--ceobi-radius-md);background:rgba(3,22,36,.68);color:var(--ceobi-white);min-height:44px}
body[data-ceobi-design='v4'] :is(table){border-collapse:separate;border-spacing:0;border:var(--ceobi-border-subtle);border-radius:var(--ceobi-radius-md);overflow:hidden}body[data-ceobi-design='v4'] th{background:#0b2c43;color:var(--ceobi-gold-300)}body[data-ceobi-design='v4'] td{border-bottom:1px solid rgba(184,196,206,.14)}
.ceobi-v4-surface{background:radial-gradient(circle at 78% 18%,rgba(12,127,134,.22),transparent 32%),linear-gradient(135deg,var(--ceobi-navy-950),var(--ceobi-navy-900) 55%,var(--ceobi-navy-800));color:var(--ceobi-white)}
.ceobi-v4-card,.ceobi-v4-kpi,.ceobi-v4-report-card,.ceobi-v4-insight{border:var(--ceobi-border-subtle);border-radius:var(--ceobi-radius-lg);background:linear-gradient(145deg,rgba(10,49,75,.9),rgba(3,22,36,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);padding:var(--ceobi-space-6);transition:transform var(--ceobi-motion),border-color var(--ceobi-motion),background var(--ceobi-motion)}
.ceobi-v4-card:hover,.ceobi-v4-report-card:hover{transform:translateY(-2px);border-color:rgba(212,169,79,.55)}
.ceobi-v4-executive-frame{border:var(--ceobi-border-gold);box-shadow:var(--ceobi-shadow),inset 0 0 0 1px rgba(228,199,124,.08)}
.ceobi-v4-button{min-height:44px;padding:0 var(--ceobi-space-4);border-radius:var(--ceobi-radius-md);border:1px solid transparent;font:inherit;font-weight:700;transition:all var(--ceobi-motion);cursor:pointer}.ceobi-v4-button--primary{background:var(--ceobi-gold-500);color:var(--ceobi-navy-950)}.ceobi-v4-button--secondary{background:var(--ceobi-teal-600);color:var(--ceobi-white)}.ceobi-v4-button--outline{background:transparent;border-color:rgba(212,169,79,.65);color:var(--ceobi-white)}.ceobi-v4-button--ghost{background:transparent;color:var(--ceobi-gray-300)}.ceobi-v4-button--danger{background:var(--ceobi-danger);color:white}
.ceobi-v4-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:var(--ceobi-border-subtle);border-radius:var(--ceobi-radius-md)}.ceobi-v4-table th{background:#0b2c43;color:var(--ceobi-gold-300);font-weight:700}.ceobi-v4-table th,.ceobi-v4-table td{padding:12px 14px;border-bottom:1px solid rgba(184,196,206,.14)}.ceobi-v4-table tr:last-child td{border-bottom:0}.ceobi-v4-table tbody tr:hover{background:rgba(67,200,210,.06)}
.ceobi-v4-empty,.ceobi-v4-error,.ceobi-v4-loading{display:grid;place-items:center;text-align:center;gap:var(--ceobi-space-3);min-height:220px;border:var(--ceobi-border-subtle);border-radius:var(--ceobi-radius-lg);padding:var(--ceobi-space-8)}.ceobi-v4-error{border-color:rgba(214,87,87,.55)}.ceobi-v4-skeleton{border-radius:var(--ceobi-radius-sm);background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));background-size:200% 100%;animation:ceobiSkeleton 1.4s linear infinite}@keyframes ceobiSkeleton{to{background-position:-200% 0}}
.ceobi-v4-report{background:radial-gradient(circle at 82% 20%,rgba(12,127,134,.28),transparent 30%),linear-gradient(135deg,#031624,#062237 58%,#0a314b);color:var(--ceobi-white);min-height:100%;padding:clamp(24px,4vw,64px)}.ceobi-v4-report__header,.ceobi-v4-report__footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.ceobi-v4-report__logo{width:min(240px,40vw);height:auto}.ceobi-v4-report h1,.ceobi-v4-report h2,.ceobi-v4-report h3{color:var(--ceobi-white)}.ceobi-v4-report .ceobi-accent{color:var(--ceobi-gold-500)}.ceobi-v4-report .ceobi-chart{--chart-1:#43c8d2;--chart-2:#d4a94f;--chart-3:#77a9d1;--chart-4:#7dc9a7;--chart-5:#a99bd4;--chart-6:#d65757}
.ceobi-v4-governance{margin:var(--ceobi-space-8) auto;padding:var(--ceobi-space-6);border:var(--ceobi-border-gold);border-radius:var(--ceobi-radius-xl);background:linear-gradient(145deg,rgba(10,49,75,.96),rgba(3,22,36,.98));box-shadow:var(--ceobi-shadow);max-width:1180px}.ceobi-v4-governance>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.ceobi-v4-governance>header small{color:var(--ceobi-gold-300);font-weight:800;letter-spacing:.08em}.ceobi-v4-governance>header h2{margin:.25rem 0}.ceobi-v4-governance>header>strong{font-size:2rem;color:var(--ceobi-gold-300)}.ceobi-v4-governance__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ceobi-space-4);margin:var(--ceobi-space-6) 0}.ceobi-v4-governance article{border:var(--ceobi-border-subtle);border-radius:var(--ceobi-radius-md);padding:var(--ceobi-space-4);background:rgba(3,22,36,.45)}.ceobi-v4-governance ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ceobi-v4-governance li{display:flex;gap:8px;align-items:center}.ceobi-v4-governance li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900}.ceobi-v4-governance li.is-pass span{background:rgba(47,184,116,.18);color:var(--ceobi-success)}.ceobi-v4-governance li.is-fail span{background:rgba(214,87,87,.18);color:var(--ceobi-danger)}.ceobi-v4-governance aside{padding:12px 14px;border-radius:var(--ceobi-radius-md);background:rgba(214,87,87,.1);border:1px solid rgba(214,87,87,.35);margin-bottom:var(--ceobi-space-4)}.is-governance-blocked{opacity:.45!important;pointer-events:none!important;filter:grayscale(.4)}html[data-report-governance='passed'] .ceobi-v4-governance{border-color:rgba(47,184,116,.55)}
@media print{.ceobi-v4-report{background:#fff!important;color:#112536!important}.ceobi-v4-report h1,.ceobi-v4-report h2,.ceobi-v4-report h3{color:#112536!important}.ceobi-v4-button,.ceobi-v4-governance{display:none!important}}
@media(max-width:900px){.ceobi-v4-governance__grid{grid-template-columns:1fr}}
@media(max-width:700px){.ceobi-v4-report__header,.ceobi-v4-report__footer{align-items:flex-start;flex-direction:column}.ceobi-v4-card,.ceobi-v4-kpi,.ceobi-v4-report-card,.ceobi-v4-insight{padding:var(--ceobi-space-4)}.ceobi-v4-governance{margin:20px 10px;padding:18px}.ceobi-v4-governance>header{flex-direction:column}}
