:root{font-family:Tajawal,system-ui,-apple-system,sans-serif;--bg-app: #f5f7fa;--bg-surface: #ffffff;--bg-surface-2: #eef2f7;--bg-input: #ffffff;--bg-hover: #f0f4f9;--border: #d8e0ea;--border-soft: #e7edf4;--border-strong: #c2cedd;--text: #0f1b2d;--text-muted: #51637a;--text-faint: #75869b;--brand: #1f7a52;--brand-hover: #19663f;--brand-soft: #e6f3ec;--primary: #1f7a52;--primary-contrast: #ffffff;--success: #1f7a52;--success-soft: #e6f3ec;--success-text: #13593a;--warning: #b5790f;--warning-soft: #fbf0db;--warning-text: #8a5c08;--danger: #c0362c;--danger-soft: #fbe9e7;--danger-text: #992018;--info: #1d6fb8;--info-soft: #e6f0fa;--info-text: #155288;--focus-ring: #1f7a52;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(16, 27, 45, .06);--shadow: 0 2px 8px rgba(16, 27, 45, .08);--muted: var(--text-muted);--ok: var(--success);--off: var(--danger);--bg: var(--bg-app);--card: var(--bg-surface);--primary-hover: var(--brand-hover);--primary-soft: var(--brand-soft);--primary-dark: var(--brand-hover);line-height:1.7}[data-theme=dark]{--bg-app: #0e1620;--bg-surface: #16202c;--bg-surface-2: #1e2a38;--bg-input: #111b26;--bg-hover: #1c2836;--border: #2a3848;--border-soft: #212d3b;--border-strong: #374a5e;--text: #e9eff6;--text-muted: #a3b4c7;--text-faint: #7187a0;--brand: #2fa873;--brand-hover: #268a5e;--brand-soft: #13291f;--primary: #2fa873;--primary-contrast: #06140d;--success: #2fa873;--success-soft: #13291f;--success-text: #6fd6a3;--warning: #d6a13a;--warning-soft: #2a2412;--warning-text: #e8c879;--danger: #e0655a;--danger-soft: #2a1614;--danger-text: #f0a59c;--info: #4e9fe0;--info-soft: #10243a;--info-text: #9cc9ee;--focus-ring: #2fa873;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 10px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background-color:var(--bg-app);color:var(--text);font-size:14.5px;line-height:1.7;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1{font-size:26px;font-weight:700;line-height:1.4}h2{font-size:19px;font-weight:700;line-height:1.5}h3{font-size:16px;font-weight:600;line-height:1.5}a{color:var(--primary)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--sp-6)}.form-card{max-width:680px;margin-inline:auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4)}.kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-6);font-variant-numeric:tabular-nums}.kpi-num{font-size:30px;font-weight:700;line-height:1.15;color:var(--text)}.kpi-label{font-size:.82rem;color:var(--text-muted);margin-top:.2rem}.field{margin-bottom:var(--sp-4);text-align:right}.field label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.35rem}.input{width:100%;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--text);background:var(--bg-input)}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--brand-soft)}.btn{padding:.55rem 1.1rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);font-weight:600}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px var(--focus-ring)}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.msg-error{color:var(--danger-text);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9rem;margin-bottom:var(--sp-4)}.msg-ok{color:var(--success-text);background:var(--success-soft);border:1px solid var(--success);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9rem;margin-bottom:var(--sp-4)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600}.badge-ok{background:var(--success-soft);color:var(--success-text)}.badge-off{background:var(--danger-soft);color:var(--danger-text)}.badge-neutral,.st-not_started{background:var(--bg-surface-2);color:var(--text-muted)}.st-in_progress{background:var(--info-soft);color:var(--info-text)}.st-under_review{background:var(--warning-soft);color:var(--warning-text)}.st-ready_for_approval{background:var(--brand-soft);color:var(--brand)}.st-approved{background:var(--success-soft);color:var(--success-text)}.progress{background:var(--bg-surface-2);border-radius:999px;height:8px;width:100%;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.table{width:100%;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums}.table th,.table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-soft);font-size:.92rem;vertical-align:middle}.table th{color:var(--text-muted);font-weight:600;font-size:.82rem;background:var(--bg-surface-2);position:sticky;top:56px;z-index:1}.table tbody tr{height:52px;transition:background .12s ease}.table tbody tr:hover{background:var(--bg-hover)}[data-density=compact] .table tbody tr{height:42px}[data-density=compact] .table th,[data-density=compact] .table td{padding-top:.4rem;padding-bottom:.4rem}@media (max-width: 1023px){.table th{position:static}}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-6);gap:var(--sp-4);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:1.15rem;color:var(--brand);white-space:nowrap;letter-spacing:.2px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--brand);color:var(--primary-contrast);font-size:1rem;font-weight:700;flex-shrink:0}.nav{display:flex;gap:var(--sp-1);flex-wrap:wrap}.nav button{display:inline-flex;align-items:center;min-height:40px;background:none;border:none;font:inherit;cursor:pointer;color:var(--text-muted);padding:.45rem .85rem;border-radius:var(--radius-sm);transition:background .12s ease,color .12s ease}.nav button:hover{color:var(--text);background:var(--bg-hover)}.nav button.active{color:var(--brand);background:var(--brand-soft);font-weight:700}.nav button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.container{max-width:1280px;margin:var(--sp-6) auto;padding:0 var(--sp-8)}.select-sm,.input-sm{padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:.85rem;color:var(--text);background:var(--bg-input)}.input-sm::placeholder{color:var(--text-faint)}.select-sm:focus,.input-sm:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--brand-soft)}.truncate{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}@media (max-width: 640px){.container{padding:0 var(--sp-4)}.card{padding:var(--sp-4)}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tbody tr{height:auto;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.85rem;padding:.75rem 1rem;background:var(--bg-surface)}.table tbody tr:hover{background:var(--bg-surface)}.table td{border-bottom:none;padding:.4rem 0;text-align:right}.table td[data-label]:before{content:attr(data-label);display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:.25rem}.truncate{max-width:100%;white-space:normal}.input-sm,.select-sm{width:100%}}@media print{:root,[data-theme=dark]{--bg-app: #ffffff;--bg-surface: #ffffff;--bg-surface-2: #f3f5f8;--bg-input: #ffffff;--border: #cccccc;--border-soft: #e4e4e4;--text: #111418;--text-muted: #444b54;--text-faint: #6b7280}body{background:#fff;color:#111}.appbar,.no-print{display:none!important}.container{max-width:100%;margin:0;padding:0}.card{box-shadow:none;border:1px solid #ddd}.report-page .table{page-break-inside:auto}.report-page .table tr{page-break-inside:avoid}.report-page h2{page-break-after:avoid}}