:root{font-family:Inter,Noto Sans Arabic,system-ui,sans-serif;color:#17342e;background:#f3f7f5;font-synthesis:none;--brand: #0b5d4b;--brand-dark: #073e33;--accent: #e5a72d;--surface: #ffffff;--muted: #61736e;--border: #d9e4e0;--shadow: 0 16px 40px rgb(9 65 53 / 10%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(18px,5vw,64px);background:var(--surface);border-bottom:1px solid var(--border)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand);color:#fff;font-size:.8rem;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px;font-size:.72rem}.language-button,.button-link{border:1px solid var(--brand);background:transparent;color:var(--brand);padding:10px 16px;border-radius:999px;cursor:pointer;text-decoration:none;font-weight:700}.offline-banner{padding:10px 18px;background:#fff0cc;color:#59400c;text-align:center}.page{width:min(1120px,100%);margin-inline:auto;padding:clamp(36px,8vw,88px) clamp(18px,5vw,32px)}.hero{max-width:680px;margin-bottom:36px}.hero h1{margin:6px 0 12px;color:var(--brand-dark);font-size:clamp(2rem,7vw,4rem);line-height:1.05;letter-spacing:-.04em}[dir=rtl] .hero h1{letter-spacing:0}.hero p{color:var(--muted);font-size:1.05rem}.eyebrow{color:var(--brand)!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem!important}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.action-card{min-height:220px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}.action-card:hover{transform:translateY(-3px);border-color:var(--brand)}.action-card strong{font-size:clamp(1.2rem,3vw,1.55rem);color:var(--brand-dark);margin-bottom:8px}.action-card>span:last-child{color:var(--muted);line-height:1.5}.action-number{position:absolute;inset-block-start:22px;inset-inline-start:24px;color:var(--brand);font-weight:800}.action-icon{position:absolute;inset-block-start:15px;inset-inline-end:20px;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#e9f4f0;color:var(--brand);font-size:1.6rem;font-weight:800}.centered-state{min-height:calc(100vh - 77px);display:grid;place-content:center;justify-items:center;padding:24px;text-align:center}.centered-state h1{color:var(--brand-dark)}.centered-state p{color:var(--muted);max-width:460px}.button-link{margin-top:12px;background:var(--brand);color:#fff}.ltr-value{direction:ltr;unicode-bidi:isolate;text-align:start}.spike-page{max-width:720px}.spike-page form{display:grid;gap:10px;margin-block:28px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.spike-page input{direction:ltr;padding:12px;border:1px solid var(--border);border-radius:10px}.spike-page button{padding:12px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.spike-page li{margin-block:10px;overflow-wrap:anywhere}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.form-stack,.form-grid{display:grid;gap:16px;width:min(720px,100%)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-stack label,.form-grid label,.search-label{display:grid;gap:7px;font-weight:700}input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:inherit;font:inherit}.primary-button{border:0;border-radius:10px;padding:13px 18px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}.error-text{color:#a52626}.success-text{color:var(--brand)}.table-wrap{margin-top:20px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:16px}table{width:100%;border-collapse:collapse}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.dashboard-heading h1{margin:4px 0;font-size:clamp(2rem,6vw,3.5rem);color:var(--brand-dark)}.quick-actions{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.quick-actions a{flex:0 0 auto;padding:11px 14px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block:20px}.metric-card{display:grid;gap:9px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff;color:inherit;text-decoration:none}.metric-card strong{font-size:2.4rem;color:var(--brand-dark)}.metric-card small{color:var(--brand)}.dashboard-panels{display:grid;grid-template-columns:2fr 1fr;gap:14px}.dashboard-panels h2{margin-top:0}.bar-chart{height:180px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--border)}.bar-chart i{flex:1;min-width:15px;background:var(--brand);border-radius:6px 6px 0 0}.stepper{display:flex;gap:8px;overflow-x:auto;list-style:none;padding:0 0 14px}.stepper li{flex:0 0 150px;padding:10px;border-radius:10px;background:#e8efec;font-size:.82rem}.stepper li[aria-current=step]{background:var(--brand);color:#fff}.incident-step label{display:grid;gap:8px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.form-actions button{padding:12px 18px;border-radius:10px;border:1px solid var(--brand)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tab-list{display:flex;gap:8px;border-bottom:1px solid var(--border)}.tab-list button{padding:10px 14px;border:0;border-radius:10px 10px 0 0;background:#e8efec}.tab-list button[aria-selected=true]{background:var(--brand);color:#fff}.preview-counts{display:flex;flex-wrap:wrap;gap:8px}.preview-counts span{padding:7px 10px;border-radius:999px;background:#eef4f1;font-size:.85rem}th,td{padding:13px;text-align:start;border-bottom:1px solid var(--border)}@media(max-width:640px){.brand small{display:none}.action-grid{grid-template-columns:1fr}.action-card{min-height:190px}.topbar{padding-inline:16px}.form-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panels{grid-template-columns:1fr}.dashboard-heading{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}