@import url('/app/styles/ceobi-water-background.css?v=1');
@font-face{font-family:'Cairo';src:url('/app/assets/fonts/Cairo-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Cairo';src:url('/app/assets/fonts/Cairo-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#071f35;--surface:#0d2b43;--surface2:#12374f;--text:#f6fbfc;--muted:#b4c8d0;--line:rgba(208,176,94,.42);--gold:#d0b05e;--teal:#46c8be;--danger:#e36b6b;--warning:#e7bd5f;--success:#50c79b;--shadow:0 18px 48px rgba(0,0,0,.22)}
html[data-theme='light']{--bg:#eef5f6;--surface:#ffffff;--surface2:#f6fbfb;--text:#10283f;--muted:#5f7480;--line:rgba(166,125,31,.34);--gold:#a87920;--teal:#147e79;--danger:#b83d4c;--warning:#9b741d;--success:#1d7d61;--shadow:0 18px 44px rgba(15,49,68,.12)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:'Cairo','IBM Plex Sans Arabic',system-ui,sans-serif;line-height:1.75}a{color:inherit}.v3-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px max(18px,calc((100% - 1240px)/2));background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 30%,transparent);backdrop-filter:blur(18px)}.v3-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.v3-brand img{width:42px;height:42px}.v3-brand span{display:grid}.v3-brand strong{font-size:1.1rem}.v3-brand small{color:var(--muted);font-size:.72rem}.v3-header nav{display:flex;justify-content:center;gap:18px}.v3-header nav a,.v3-actions a,.v3-actions button{border:0;background:none;text-decoration:none;color:var(--muted);font:inherit;cursor:pointer}.v3-actions{display:flex;align-items:center;gap:10px}.v3-actions>*{min-height:40px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)!important;border-radius:12px!important}.v3-actions a{color:var(--text)}main{width:min(1240px,calc(100% - 32px));margin:auto}.v3-hero{padding:72px 0 42px}.v3-hero>p,.v3-section>header>p{margin:0 0 8px;color:var(--gold);font-weight:700;letter-spacing:.06em}.v3-hero h1{max-width:900px;margin:0;font-size:clamp(2.35rem,7vw,5.6rem);line-height:1.12}.v3-hero>div{max-width:780px;margin-top:18px;color:var(--muted);font-size:1.08rem}.v3-purpose-banner{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:28px;padding:20px;border:1px solid color-mix(in srgb,var(--gold) 58%,transparent);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--teal) 12%,var(--surface2)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent),var(--shadow)}.v3-purpose-banner small{color:var(--gold);font-weight:700}.v3-purpose-banner p{margin:4px 0;color:var(--text)}.v3-purpose-banner strong{display:block;color:var(--teal);font-size:.92rem}.v3-purpose-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:14px;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.v3-section{margin:22px 0 38px;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface2) 94%,transparent));box-shadow:var(--shadow);position:relative;overflow:hidden}.v3-section::before{content:'';position:absolute;inset:1px;border:1px solid color-mix(in srgb,var(--gold) 20%,transparent);border-radius:22px;pointer-events:none}.v3-section>header{margin-bottom:20px}.v3-section h2{margin:0;font-size:clamp(1.55rem,4vw,2.6rem);line-height:1.3}.v3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v3-card{display:flex;min-height:250px;flex-direction:column;padding:18px;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface2) 94%,transparent);text-decoration:none;transition:.2s ease}.v3-card:hover,.v3-card:focus-visible{transform:translateY(-4px);border-color:var(--gold)}.v3-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 20%,transparent),color-mix(in srgb,var(--teal) 18%,transparent));color:var(--gold);font-weight:700}.v3-card h3{margin:18px 0 6px;font-size:1.15rem}.v3-card p{margin:0;color:var(--muted);font-size:.92rem}.v3-card b{margin-top:auto;padding-top:18px;color:var(--gold)}.v3-company-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v3-company-switch button{display:grid;gap:4px;padding:18px;text-align:start;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:18px;background:var(--surface2);color:var(--text);font:inherit;cursor:pointer;transition:.2s ease}.v3-company-switch button:hover{transform:translateY(-2px);border-color:var(--teal)}.v3-company-switch button[aria-selected='true']{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 18%,transparent) inset,0 14px 34px rgba(0,0,0,.12)}.v3-company-switch small{color:var(--muted)}.v3-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface2) 88%,transparent)}.v3-live-state{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px}.v3-live-state small{grid-column:2;color:var(--muted);font-size:.72rem}.v3-live-dot{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 18%,transparent),0 0 16px var(--success)}.v3-periods{display:flex;gap:6px;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--text) 6%,transparent)}.v3-periods button,.v3-refresh{border:1px solid transparent;border-radius:10px;background:none;color:var(--muted);font:inherit;padding:7px 11px;cursor:pointer}.v3-periods button[aria-pressed='true']{background:var(--surface);border-color:color-mix(in srgb,var(--gold) 35%,transparent);color:var(--text)}.v3-refresh{border-color:color-mix(in srgb,var(--teal) 42%,transparent);color:var(--teal)}.v3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v3-kpi{position:relative;overflow:hidden;padding:18px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--surface2) 96%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));color:var(--text);text-align:start;cursor:pointer;transition:.22s ease}.v3-kpi:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(0,0,0,.16)}.v3-kpi[data-status='good']{border-color:color-mix(in srgb,var(--success) 48%,var(--gold))}.v3-kpi[data-status='watch']{border-color:color-mix(in srgb,var(--warning) 55%,var(--gold))}.v3-kpi[data-status='risk']{border-color:color-mix(in srgb,var(--danger) 58%,var(--gold))}.v3-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.v3-kpi-head span{color:var(--muted)}.v3-status-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent)}.v3-kpi[data-status='watch'] .v3-status-dot{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 14%,transparent)}.v3-kpi[data-status='risk'] .v3-status-dot{background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 14%,transparent)}.v3-kpi strong{display:block;margin:8px 0 0;font-size:2.35rem;line-height:1.1}.v3-kpi-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.v3-kpi-meta small:first-child{color:var(--teal)}.v3-kpi-meta small:last-child{color:var(--muted)}.v3-sparkline{width:100%;height:48px;margin-top:8px}.v3-sparkline polyline{fill:none;stroke:var(--teal);stroke-width:2}.v3-dialog{width:min(520px,calc(100% - 24px));border:1px solid var(--gold);border-radius:22px;background:var(--surface);color:var(--text);padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.42)}.v3-dialog::backdrop{background:rgba(2,12,20,.72);backdrop-filter:blur(4px)}.v3-dialog>[data-dialog-close]{float:inline-end;border:0;background:none;color:var(--text);font-size:1.8rem}.v3-dialog strong{display:block;font-size:2.3rem;color:var(--gold)}.v3-journey ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;counter-reset:step}.v3-journey li{padding:18px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:16px;background:var(--surface2);counter-increment:step}.v3-journey li::before{content:counter(step,decimal-leading-zero);display:block;color:var(--gold);font-weight:700}.v3-bars{display:grid;gap:14px}.v3-bar{display:grid;grid-template-columns:140px 1fr 52px;gap:12px;align-items:center;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--text);font:inherit;text-align:start;cursor:pointer}.v3-bar:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.v3-track{height:12px;border-radius:999px;background:color-mix(in srgb,var(--text) 9%,transparent);overflow:hidden}.v3-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .45s ease}.v3-footer{margin-top:56px;padding:34px max(18px,calc((100% - 1240px)/2));display:grid;grid-template-columns:1fr auto;gap:24px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,#0c4050);color:var(--muted)}.v3-footer nav{display:flex;gap:18px;flex-wrap:wrap}.v3-footer small{grid-column:1/-1}.v3-footer p{max-width:560px}
@media(max-width:900px){.v3-header{grid-template-columns:1fr auto}.v3-header nav{display:none}.v3-grid,.v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-company-switch{grid-template-columns:1fr}.v3-journey ol{grid-template-columns:repeat(2,1fr)}.v3-live-toolbar{align-items:stretch;flex-wrap:wrap}.v3-live-state{margin-inline-end:auto}}
@media(max-width:560px){main{width:calc(100% - 20px)}.v3-header{padding:10px}.v3-brand small{display:none}.v3-actions a{display:none}.v3-hero{padding:42px 4px 24px}.v3-hero h1{font-size:clamp(2.2rem,12vw,3.6rem)}.v3-section{padding:18px;border-radius:19px}.v3-grid,.v3-kpis,.v3-journey ol{grid-template-columns:1fr}.v3-card{min-height:auto}.v3-bar{grid-template-columns:1fr}.v3-live-toolbar{display:grid}.v3-periods{display:grid;grid-template-columns:repeat(3,1fr)}.v3-refresh{width:100%}.v3-footer{grid-template-columns:1fr;padding-bottom:calc(32px + env(safe-area-inset-bottom))}}