@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--color-primary:#1e7a68;--color-primary-dark:#0f3d33;--color-primary-hover:#145047;--color-primary-active:#0b2e27;--color-accent-gold:#7a6832;--color-icon-tile-bg:#f3efe2;--color-ink:#1a1a1a;--color-text:#4a4a4a;--color-text-muted:#777a76;--color-chip-bg:#f1f0ea;--color-chip-text:#444441;--color-border:#e2e6e1;--color-card:#ffffffdb;--color-card-solid:#fff;--color-hover-bg:#f4f6f3;--color-danger:#b3402a;--color-success:#1e7a68;--color-warning:#9a6b15;--radius-card:16px;--radius-pill:999px;--shadow-card:0 1px 3px #0f3d330d;--shadow-glass:0 14px 36px #0f3d3314;--focus-ring:0 0 0 3px #1e7a6840;--font-app:"IBM Plex Sans Arabic","Cairo","Segoe UI",Tahoma,sans-serif;--page-bg:linear-gradient(165deg, #fff 0%, #e3ede6 100%);--header-bg:#ffffffd6;--chart-grid:#e6eae6}html[data-theme=dark]{--color-ink:#f4f7f5;--color-text:#cdd6d1;--color-text-muted:#9eaba5;--color-chip-bg:#233b34;--color-chip-text:#dce5e0;--color-border:#2b4940;--color-card:#122923db;--color-card-solid:#152d27;--color-hover-bg:#203b33;--color-icon-tile-bg:#314238;--page-bg:linear-gradient(165deg, #0f1f1b 0%, #17362e 100%);--header-bg:#0c1d18e0;--chart-grid:#2d493f;--shadow-glass:0 14px 38px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;font-family:var(--font-app);color:var(--color-text);background:var(--page-bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-surface{background:var(--color-card);border:1px solid color-mix(in srgb, var(--color-border) 84%, transparent);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(14px)saturate(112%)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.platform-header{z-index:50;background:var(--header-bg);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px)saturate(120%);position:sticky;top:0}.platform-header__inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;width:min(1440px,100% - 32px);min-height:78px;margin-inline:auto;display:grid}.brand-link{color:var(--color-ink);align-items:center;gap:10px;min-width:max-content;display:inline-flex}.brand-link img{border-radius:16px}.brand-link__text{flex-direction:column;line-height:1.25;display:flex}.brand-link__text strong{color:var(--color-primary-dark);font-size:14px}html[data-theme=dark] .brand-link__text strong{color:#bce7d9}.brand-link__text small{color:var(--color-text-muted);font-size:10.5px}.desktop-nav{justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.desktop-nav__link,.desktop-nav__button{min-height:40px;color:var(--color-text);white-space:nowrap;background:0 0;border:0;border-radius:11px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:500;display:inline-flex}.desktop-nav__link:hover,.desktop-nav__button:hover{background:var(--color-hover-bg);color:var(--color-primary-dark)}html[data-theme=dark] .desktop-nav__link:hover,html[data-theme=dark] .desktop-nav__button:hover{color:#d9f2e9}.desktop-nav__group{position:relative}.desktop-nav__dropdown{border:1px solid var(--color-border);background:var(--color-card-solid);width:230px;box-shadow:var(--shadow-glass);opacity:0;visibility:hidden;border-radius:16px;padding:8px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:50%;transform:translate(50%)translateY(-6px)}html[dir=ltr] .desktop-nav__dropdown{transform:translate(-50%)translateY(-6px)}.desktop-nav__group:hover .desktop-nav__dropdown,.desktop-nav__group:focus-within .desktop-nav__dropdown{opacity:1;visibility:visible;transform:translate(50%)translateY(0)}
html[dir=ltr] .desktop-nav__group:hover .desktop-nav__dropdown,html[dir=ltr] .desktop-nav__group:focus-within .desktop-nav__dropdown,html[dir=ltr] .desktop-nav__group.is-open .desktop-nav__dropdown{transform:translate(-50%)translateY(0)}.desktop-nav__group.is-open .desktop-nav__dropdown{opacity:1;visibility:visible;transform:translate(50%)translateY(0)}.desktop-nav__button svg{transition:transform .16s}.desktop-nav__button svg.rotate{transform:rotate(180deg)}.desktop-nav__dropdown a{color:var(--color-text);border-radius:10px;padding:9px 10px;font-size:12.5px;display:block}.desktop-nav__dropdown a:hover{background:var(--color-hover-bg);color:var(--color-primary)}.header-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--color-border);background:var(--color-card);width:42px;height:42px;color:var(--color-primary-dark);border-radius:13px;justify-content:center;align-items:center;display:inline-flex}html[data-theme=dark] .icon-button{color:#d9f2e9}.icon-button:hover{background:var(--color-hover-bg)}.language-button{font-size:13px;font-weight:700}.mobile-menu-button{display:none}.mobile-drawer{z-index:80;pointer-events:none;visibility:hidden;position:fixed;inset:0}.mobile-drawer.is-open{pointer-events:auto;visibility:visible}.mobile-drawer__backdrop{opacity:0;background:#040e0b85;border:0;transition:opacity .18s;position:absolute;inset:0}.mobile-drawer.is-open .mobile-drawer__backdrop{opacity:1}.mobile-drawer__panel{background:var(--color-card-solid);border-inline-start:1px solid var(--color-border);width:min(88vw,360px);padding:18px;transition:transform .18s;position:absolute;inset-block:0;inset-inline-end:0;overflow-y:auto;transform:translate(105%)}html[dir=ltr] .mobile-drawer__panel{transform:translate(-105%)}.mobile-drawer.is-open .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__head{color:var(--color-ink);justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:700;display:flex}.mobile-nav{gap:6px;display:grid}.mobile-nav>a,.mobile-nav__group>button{width:100%;min-height:46px;color:var(--color-text);text-align:start;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:500;display:flex}.mobile-nav>a:hover,.mobile-nav__group>button:hover{background:var(--color-hover-bg)}.mobile-nav__group svg{transition:transform .16s}.mobile-nav__group svg.rotate{transform:rotate(180deg)}.mobile-nav__submenu{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .18s,opacity .18s;display:grid}.mobile-nav__submenu.is-open{opacity:1;grid-template-rows:1fr}.mobile-nav__submenu>*{overflow:hidden}.mobile-nav__submenu a{color:var(--color-text-muted);padding:8px 16px;font-size:13px;display:block}.dashboard-container{flex:1;width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0 70px}.dashboard-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:22px;display:grid}.eyebrow{color:var(--color-primary);letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.dashboard-hero h1{color:var(--color-ink);margin:0;font-size:clamp(27px,4vw,44px);line-height:1.2}.dashboard-hero>div:first-child p{max-width:680px;color:var(--color-text-muted);margin:10px 0 0;font-size:14px;line-height:1.8}.hero-meta{border-radius:18px;gap:3px;min-width:270px;padding:14px 16px;display:grid}.hero-meta>span:first-child{color:var(--color-text-muted);font-size:11px}.hero-meta strong{color:var(--color-ink);font-size:14px}.data-status{border-radius:var(--radius-pill);width:fit-content;margin-top:7px;padding:4px 9px;font-size:10.5px;line-height:1.35}.data-status.demo{color:#7c5715;background:#fff4d8}.data-status.live{color:#0f5a49;background:#ddf3ea}.data-status.configuration{color:#a13725;background:#fce8e4}html[data-theme=dark] .data-status.demo{color:#f4d98d;background:#4a3a19}html[data-theme=dark] .data-status.live{color:#a7e5d1;background:#173f35}html[data-theme=dark] .data-status.configuration{color:#ffb6a8;background:#4c2924}.dashboard-toolbar{border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:10px 12px;display:flex}.range-control{align-items:center;gap:12px;min-width:0;display:flex}.range-control>span{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.segmented-control{border-radius:var(--radius-pill);background:var(--color-chip-bg);grid-template-columns:repeat(4,minmax(0,auto));gap:4px;padding:4px;display:inline-grid}.segmented-control button{border-radius:var(--radius-pill);min-height:36px;color:var(--color-text);background:0 0;border:0;padding:6px 12px;font-size:11.5px;font-weight:500}.segmented-control button.active{background:var(--color-primary-dark);color:#fff;box-shadow:0 4px 14px #0f3d332e}.toolbar-actions{gap:8px;display:flex}.button-primary,.button-secondary{border-radius:var(--radius-pill);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 15px;font-size:12.5px;font-weight:600;display:inline-flex}.button-primary{background:var(--color-primary-dark);color:#fff}.button-primary:hover{background:var(--color-primary-hover)}.button-primary:active{background:var(--color-primary-active)}.button-secondary{background:var(--color-card-solid);color:var(--color-primary-dark);border:1px solid var(--color-border)}html[data-theme=dark] .button-secondary{color:#d9f2e9}.button-secondary:hover{background:var(--color-hover-bg)}.button-primary.compact{min-height:38px;padding:7px 12px}.metrics-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.metric-card{border-radius:16px;flex-direction:column;justify-content:space-between;min-height:154px;padding:13px;display:flex;overflow:hidden}.metric-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-card__icon{width:32px;height:32px;color:var(--color-accent-gold);background:var(--color-icon-tile-bg);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.metric-card__unit{color:var(--color-text-muted);white-space:nowrap;font-size:9.5px}.metric-card__label{color:var(--color-text);min-height:31px;margin:9px 0 3px;font-size:11px;line-height:1.45}.metric-card__value{color:var(--color-ink);margin:0;font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.2}.metric-card__change{align-items:center;gap:3px;margin-top:9px;font-size:10.5px;font-weight:600;display:inline-flex}.metric-card__change.up{color:var(--color-danger)}.metric-card__change.down{color:var(--color-success)}.metric-card__change.stable{color:var(--color-text-muted)}.metric-card__source{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8.5px;line-height:1.35;overflow:hidden}.metric-card__source-link{width:fit-content;max-width:100%;color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.charts-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.chart-card{border-radius:18px;min-height:390px;padding:18px 16px 12px}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.section-heading h2{color:var(--color-ink);margin:0;font-size:19px;line-height:1.4}.section-heading p{color:var(--color-text-muted);margin:2px 0 0;font-size:11.5px}.chart-wrap{width:100%;min-width:0;height:315px}.recharts-default-tooltip{color:var(--color-text)!important}.analysis-card{border-radius:18px;padding:20px}.analysis-card>p{color:var(--color-text);margin:0;font-size:13.5px;line-height:1.9}.analysis-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.analysis-chip{border-radius:var(--radius-pill);padding:5px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.analysis-chip.up{color:#a13725;background:#fce8e4}.analysis-chip.down{color:#176654;background:#ddf3ea}.analysis-chip.neutral{background:var(--color-chip-bg);color:var(--color-chip-text)}html[data-theme=dark] .analysis-chip.up{color:#ffb6a8;background:#4c2924}html[data-theme=dark] .analysis-chip.down{color:#a6e5d1;background:#163e34}.state-card{min-height:160px;color:var(--color-text);text-align:center;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.error-state,.form-error{color:var(--color-danger)}.form-success{color:var(--color-success)}.loader{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex:none;width:19px;height:19px;animation:.8s linear infinite spin}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);background:color-mix(in srgb, var(--header-bg) 86%, transparent);justify-content:space-between;align-items:center;gap:14px;padding:24px max(16px,50% - 590px);font-size:11px;display:flex}.site-footer>div{align-items:center;gap:8px;display:flex}.site-footer strong{color:var(--color-text)}.site-footer a{color:var(--color-primary)}
.admin-shell,.admin-login-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.admin-message{text-align:center;border-radius:22px;width:min(560px,100%);padding:30px}.admin-message h1{color:var(--color-ink);margin-top:0}.admin-message code{direction:ltr;display:inline-block}.admin-message .button-secondary{margin-top:12px}.admin-login-card{border-radius:24px;width:min(500px,100%);padding:28px}.admin-login-brand{align-items:center;gap:14px;margin-bottom:24px;display:flex}.admin-login-brand h1{color:var(--color-ink);margin:0;font-size:21px}.admin-login-brand p{color:var(--color-text-muted);margin:4px 0 0;font-size:12px}.admin-login-form{gap:15px;display:grid}.admin-login-form label,.admin-form label{color:var(--color-text);gap:6px;font-size:12px;font-weight:500;display:grid}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--color-text-muted);position:absolute;inset-inline-start:13px}.input-with-icon input{width:100%;padding-inline-start:42px!important}.admin-login-form input,.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--color-border);background:var(--color-card-solid);width:100%;min-height:44px;color:var(--color-text);border-radius:11px;padding:9px 11px}.admin-form textarea{resize:vertical;min-height:92px}.admin-login-form input:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.admin-login-submit{width:100%;margin-top:4px}.admin-back-link{text-align:center;margin-top:16px;font-size:12px;display:block}.admin-page{width:min(1480px,100% - 28px);margin:0 auto;padding:20px 0 50px}.admin-topbar{border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 20px;display:flex}.admin-topbar h1{color:var(--color-ink);margin:0;font-size:24px}.admin-topbar p{color:var(--color-text-muted);text-align:right;direction:ltr;margin:4px 0 0;font-size:11px}.admin-topbar__actions{gap:8px;display:flex}.admin-grid{grid-template-columns:minmax(380px,.72fr) minmax(0,1.28fr);align-items:start;gap:16px;display:grid}.admin-form,.admin-records{border-radius:20px;padding:18px}.admin-form{position:sticky;top:16px}.admin-section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.admin-section-title h2{color:var(--color-ink);margin:0;font-size:18px}.admin-section-title p{color:var(--color-text-muted);margin:4px 0 0;font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.form-grid--sources{margin-top:12px}.form-grid--sources label:nth-last-child(-n+2){grid-column:span 2}.admin-save{width:100%;margin-top:14px}.admin-form .form-error,.admin-form .form-success{margin:12px 0 0;font-size:12px}.record-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.table-scroll{border:1px solid var(--color-border);border-radius:14px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px;font-size:11.5px}.admin-table thead{background:var(--color-hover-bg)}.admin-table th{color:var(--color-ink);font-weight:600}.admin-table th,.admin-table td{text-align:start;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 11px}.admin-table tbody tr:hover{background:color-mix(in srgb, var(--color-hover-bg) 70%, transparent)}.status-chip{border-radius:var(--radius-pill);padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.status-chip.published{color:#176654;background:#ddf3ea}.status-chip.draft{color:#7c5715;background:#fff4d8}.row-actions{gap:6px;display:flex}.row-actions button{border:1px solid var(--color-border);background:var(--color-card-solid);width:34px;height:34px;color:var(--color-primary-dark);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.row-actions button.danger{color:var(--color-danger)}@media (max-width:1180px){.platform-header__inner{grid-template-columns:auto 1fr auto}.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card:last-child{grid-column:span 2}.admin-grid{grid-template-columns:1fr}.admin-form{position:static}}@media (max-width:820px){.platform-header__inner{gap:10px;width:min(100% - 20px,100%);min-height:68px}.brand-link__text{display:none}.brand-link img{width:48px;height:48px}.dashboard-container{width:min(100% - 20px,100%);padding-top:24px}.dashboard-hero{grid-template-columns:1fr;align-items:start;gap:14px}.hero-meta{width:100%;min-width:0}.dashboard-toolbar{flex-direction:column;align-items:stretch}.range-control{justify-content:space-between}.toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card,.metric-card:last-child{grid-column:auto}.charts-grid{grid-template-columns:1fr}.site-footer,.admin-topbar{flex-direction:column;align-items:flex-start}.admin-topbar__actions{grid-template-columns:1fr 1fr;width:100%;display:grid}}@media (max-width:520px){.header-actions{gap:5px}.icon-button{border-radius:12px;width:40px;height:40px}.dashboard-hero h1{font-size:28px}.dashboard-hero>div:first-child p{font-size:12.5px;line-height:1.75}.range-control{flex-direction:column;align-items:stretch;gap:7px}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.segmented-control button{min-width:0;padding-inline:4px;font-size:10.5px}.metric-card{min-height:134px;padding:11px}.metric-card__label{min-height:28px;font-size:10.5px}.metric-card__value{font-size:20px}.metric-card__unit{font-size:8px}.metric-card__source{display:none}.chart-card{min-height:340px;padding:14px 8px 8px}.chart-wrap{height:275px}.section-heading{padding-inline:6px}.section-heading h2{font-size:17px}.analysis-card{padding:15px}.analysis-card>p{font-size:12px}.site-footer>div{flex-direction:column;align-items:flex-start;gap:2px}.admin-shell,.admin-login-shell{padding:14px}.admin-login-card{padding:20px 15px}.admin-login-brand{align-items:flex-start}.admin-login-brand img{width:56px;height:56px}.admin-login-brand h1{font-size:18px}.admin-page{width:min(100% - 16px,100%);padding-top:8px}.admin-form,.admin-records,.admin-topbar{border-radius:16px;padding:14px}.form-grid{grid-template-columns:1fr}.form-grid--sources label:nth-last-child(-n+2){grid-column:auto}.record-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.record-actions .compact{grid-column:span 2}.admin-section-title{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}