:root{--bg:#eef2f0;--bg-pattern:#e4ebe7;--surface:#fff;--surface-soft:#f5f8f6;--border:#d5ddd8;--text:#1a2e24;--text-muted:#5f7268;--primary:#1f6b4a;--primary-hover:#18553b;--primary-soft:#e6f3ec;--danger:#b42318;--danger-soft:#fef3f2;--warning:#b54708;--info:#175cd3;--completed:#027a48;--delayed:#b42318;--sidebar-w:260px;--radius:12px;--shadow:0 1px 2px #1a2e240f, 0 8px 24px #1a2e240f;--font:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(circle at 12% 8%, #d9ebe2 0, transparent 42%), radial-gradient(circle at 88% 0%, #dce6ef 0, transparent 36%), linear-gradient(180deg, var(--bg) 0%, var(--bg-pattern) 100%);margin:0;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}h1,h2,h3{margin:0;font-weight:700;line-height:1.35}p{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);color:#eef7f2;z-index:40;background:linear-gradient(#163a2c 0%,#1f4d3a 100%);flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.75rem;padding:.5rem .35rem;display:flex}.brand-mark{background:#2f8f63;border-radius:10px;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:700;display:grid}.sidebar-brand strong{font-size:.98rem;display:block}.sidebar-brand small{color:#b7d4c5;font-size:.78rem}.sidebar-nav{flex-direction:column;gap:.35rem;display:flex}.nav-link{color:#d5e8dd;border-radius:10px;padding:.7rem .9rem;transition:background .15s,color .15s;display:block}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;background:#2f8f63;font-weight:600}.sidebar-overlay{display:none}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:20;background:#ffffffd1;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.topbar-title{flex:1;min-width:0}.topbar-title h1{font-size:1.15rem}.topbar-title p{color:var(--text-muted);font-size:.85rem}.year-selector{flex-direction:column;gap:.25rem;min-width:220px;display:flex}.year-selector label{color:var(--text-muted);font-size:.78rem;font-weight:600}.year-selector select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.45rem .65rem}.year-range{color:var(--text-muted);font-size:.75rem}.menu-toggle{display:none}.page-content{padding:1.25rem 1.5rem 2rem}.page{flex-direction:column;gap:1rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-header h2{font-size:1.35rem}.page-header p{color:var(--text-muted);margin-top:.2rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.panel-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.panel h3{margin-bottom:.75rem;font-size:1rem}.panel-header h3{margin-bottom:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.stat-label{color:var(--text-muted);font-size:.85rem}.stat-value{color:var(--primary);font-size:1.75rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.program-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.program-card-head{flex-direction:column;gap:.15rem;display:flex}.program-card p{color:var(--text-muted);flex:1;font-size:.9rem}.program-meta{color:var(--primary);gap:.75rem;font-size:.82rem;font-weight:600;display:flex}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:right;border-bottom:1px solid var(--border);vertical-align:top;padding:.75rem .65rem}th{color:var(--text-muted);background:var(--surface-soft);font-size:.82rem;font-weight:600}.cell-sub{color:var(--text-muted);max-width:320px;margin-top:.2rem;font-size:.8rem}.row-active{background:var(--primary-soft)}.row-actions{flex-wrap:wrap;gap:.35rem;display:flex}.simple-list,.status-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.simple-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:.75rem;padding-bottom:.75rem;display:flex}.simple-list li:last-child{border-bottom:none;padding-bottom:0}.simple-list strong{display:block}.simple-list small,.muted{color:var(--text-muted);font-size:.82rem}.list-meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.status-list li{grid-template-columns:90px 1fr 28px;align-items:center;gap:.6rem;display:grid}.status-bar-wrap{background:var(--surface-soft);border-radius:999px;height:8px;overflow:hidden}.status-bar{border-radius:999px;height:100%}.status-not_started{background:#98a2b3}.status-in_progress{background:var(--info)}.status-completed{background:var(--completed)}.status-delayed{background:var(--delayed)}.progress-cell{align-items:center;gap:.5rem;min-width:120px;display:flex}.progress-track{background:var(--surface-soft);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:999px;height:100%}.badge{background:var(--surface-soft);color:var(--text-muted);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-not_started{color:#475467;background:#f2f4f7}.badge-in_progress{color:var(--info);background:#eff8ff}.badge-completed{color:var(--completed);background:#ecfdf3}.badge-delayed{background:var(--danger-soft);color:var(--danger)}.btn{cursor:pointer;background:var(--surface);border:1px solid #0000;border-radius:8px;padding:.55rem .95rem;transition:background .15s,border-color .15s}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-danger-ghost{color:var(--danger);background:0 0;border-color:#fecdca}.btn-danger-ghost:hover{background:var(--danger-soft)}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:38px;height:38px}.form{flex-direction:column;gap:.85rem;display:flex}.form label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.form input,.form select,.form textarea,.toolbar select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.55rem .7rem;font-weight:400}.form textarea{resize:vertical}.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.form-hint{color:var(--text-muted);background:var(--primary-soft);border-radius:8px;padding:.55rem .7rem;font-size:.82rem}.toolbar{align-items:end;gap:1rem;display:flex}.toolbar label{flex-direction:column;gap:.3rem;min-width:220px;font-size:.85rem;font-weight:600;display:flex}.followup-toolbar{margin-bottom:.85rem}.modal-backdrop{z-index:100;background:#101e1873;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:min(480px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 50px #101e1840}.modal-wide{width:min(920px,100%)}.modal-confirm{width:min(420px,100%)}.modal-header{justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.1rem .5rem;display:flex}.modal-header h2{font-size:1.05rem}.modal-body{padding:.5rem 1.1rem 1.1rem}.confirm-message{color:var(--text-muted);margin-bottom:1rem}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:.55rem;padding:2.5rem 1.5rem;display:flex}.empty-state-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:12px;place-items:center;margin-bottom:.25rem;font-size:1.3rem;display:grid}.empty-state h3{font-size:1.1rem}.empty-state p{color:var(--text-muted);max-width:360px}@media (width<=960px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(110%)}[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{opacity:0;pointer-events:none;z-index:30;background:#00000059;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.menu-toggle{place-items:center;display:inline-grid}.topbar{flex-wrap:wrap;padding:.85rem 1rem}.topbar-title h1{font-size:1rem}.year-selector{width:100%;min-width:0}.page-content{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.demo-chip{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.alert{border-radius:var(--radius);border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fcd34d}.alert-stack{flex-direction:column;align-items:stretch}.alert-stack p{margin:0}.consistency-list{margin:.35rem 0 0;padding-inline-start:1.25rem}.evidence-panel h3{margin:1rem 0 .5rem;font-size:1rem}.evidence-upload{border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:1rem;padding-bottom:1rem}.evidence-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.evidence-item{border-bottom:1px solid var(--border,#e5e7eb);flex-direction:column;gap:.5rem;padding:.75rem 0;display:flex}.evidence-item-main{flex-direction:column;gap:.25rem;display:flex}.evidence-actions{flex-wrap:wrap}.evidence-preview-img{max-width:100%;height:auto;margin:0 auto;display:block}.upload-progress{flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.upload-progress-bar{background:var(--accent,#0f766e);border-radius:2px;height:.4rem;transition:width .15s}@media (width<=640px){.evidence-actions{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.evidence-actions .btn{width:100%}}.plan-section h3{margin-bottom:.5rem}.section-hint{color:var(--text-muted);margin-bottom:.85rem;font-size:.85rem}.school-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.full-span{grid-column:1/-1}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.form-grid-2 .form-actions,.form-grid-2 .full-span,.school-grid .full-span{grid-column:1/-1}.editable-list{flex-direction:column;gap:.45rem;margin:0 0 .85rem;padding:0;list-style:none;display:flex}.editable-list li{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem;display:flex}.editable-list.compact li{padding:.4rem .55rem;font-size:.9rem}.inline-add{flex-wrap:wrap;gap:.5rem;display:flex}.inline-add input{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;min-width:160px;padding:.5rem .7rem}.swot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.swot-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;padding:.85rem}.swot-box h4{margin:0 0 .65rem;font-size:.95rem}.program-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem;font-size:.85rem;display:grid}.program-details>div{flex-direction:column;gap:.1rem;display:flex}.program-details strong{font-weight:600}.stats-grid-secondary{margin-top:-.15rem}.stat-card.compact .stat-value{font-size:1.35rem}.badge-exec-not_started{color:#475467;background:#f2f4f7}.badge-exec-in_progress{color:var(--info);background:#eff8ff}.badge-exec-completed{color:var(--completed);background:#ecfdf3}.badge-exec-stalled{background:var(--danger-soft);color:var(--danger)}.status-exec-not_started{background:#98a2b3}.status-exec-in_progress{background:var(--info)}.status-exec-completed{background:var(--completed)}.status-exec-stalled{background:var(--delayed)}@media (width<=768px){.school-grid,.form-grid-2,.swot-grid,.program-details{grid-template-columns:1fr}}.banners{flex-direction:column;gap:.5rem;padding:.75rem 1.5rem 0;display:flex}.alert-danger{color:#b42318;background:#fef3f2;border-color:#fecdca}.alert-info{color:#175cd3;background:#eff8ff;border-color:#b2ddff}.alert p{margin:.25rem 0 0}@media (width<=768px){.banners{padding:.75rem 1rem 0}}.test-mode-banner{flex-wrap:wrap;align-items:flex-start}.test-mode-actions{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.role-switch{flex-direction:column;gap:.25rem;font-size:.82rem;font-weight:600;display:flex}.role-switch select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.35rem .55rem;font-weight:400}.login-shell{background:radial-gradient(at 20% 10%,#1e5a502e,#0000 50%),radial-gradient(at 80% 90%,#b4783c1f,#0000 45%),linear-gradient(160deg,#f7f3ec 0%,#e8efe9 55%,#f3ebe2 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:#ffffffdb;border:1px solid #283c321f;border-radius:16px;flex-direction:column;gap:.85rem;width:min(420px,100%);padding:1.75rem 1.5rem;display:flex;box-shadow:0 18px 40px #28322814}.login-card h1{font-size:1.35rem;font-family:var(--font-display,"Segoe UI", Tahoma, sans-serif);margin:0}.login-card label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.login-card input{border:1px solid var(--border);font:inherit;background:#fff;border-radius:10px;padding:.65rem .75rem}.session-box{align-items:center;gap:.75rem;margin-inline-start:auto;display:flex}.session-meta{flex-direction:column;align-items:flex-end;font-size:.82rem;line-height:1.3;display:flex}.session-meta strong{font-size:.9rem}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:start;border-bottom:1px solid var(--border);padding:.55rem .4rem}.priority-issues-table input,.priority-issues-table select{width:100%;min-width:5.5rem;font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:6px;padding:.35rem .4rem}.priority-issues-table input[type=number]{min-width:4.5rem;max-width:6rem}.school-subtable{border-top:1px solid var(--border);margin-block:1rem .25rem;padding-block-start:.75rem}.school-subtable h4{margin:0;font-size:1rem}.school-grid .full-span{grid-column:1/-1}@media (width<=700px){.priority-issues-table{font-size:.85rem}.priority-issues-table input,.priority-issues-table select{min-width:0}}@media (width<=900px){.session-box{justify-content:space-between;width:100%;margin-inline-start:0}.topbar{flex-wrap:wrap}}.checkbox-inline{margin-inline-end:.75rem;align-items:center;gap:.35rem;margin-bottom:.35rem;font-weight:400;display:inline-flex}.form-row{flex-wrap:wrap;gap:.75rem;display:flex}.form-row>label{flex:5rem}.report-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1.25rem;padding:1rem;display:flex}.report-actions{flex-wrap:wrap;gap:.5rem;display:flex}.report-sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.75rem}.report-sheet-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem}.report-sheet-header>div{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.report-h1{margin:.35rem 0;font-size:1.35rem}.report-h2{margin:1.1rem 0 .4rem;font-size:1.15rem}.report-h3{margin:.85rem 0 .35rem;font-size:1.02rem}.report-p,.report-empty,.report-note,.report-meta{margin:.35rem 0;line-height:1.7}.report-empty{color:var(--text-muted)}.report-note,.report-meta{color:var(--text-muted);font-size:.85rem}.report-table-wrap{margin:.5rem 0 1rem;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:.88rem}.report-table th,.report-table td{border:1px solid var(--border);text-align:right;vertical-align:top;word-break:break-word;padding:.4rem .5rem}.report-table thead th{background:var(--surface-soft)}.report-table thead{display:table-header-group}.report-list{margin:.35rem 0 .75rem;padding-inline-start:1.2rem;line-height:1.7}.report-callout{border:1px solid var(--border);background:var(--surface-soft);border-inline-start-width:4px;border-radius:8px;margin:.75rem 0;padding:.75rem 1rem}.report-callout-warning{border-inline-start-color:var(--warning)}.report-callout-info{border-inline-start-color:var(--info)}@media print{.no-print,.sidebar,.sidebar-overlay,.topbar,.storage-banners,.report-toolbar,.menu-toggle,.btn,nav,.session-box{display:none!important}.app-shell,.main-area,.page-content{width:100%!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important}.report-sheet{box-shadow:none!important;border:none!important;padding:0!important}.report-table{page-break-inside:auto}.report-table tr{page-break-inside:avoid;page-break-after:auto}.report-table thead{display:table-header-group}.report-h2,.report-callout,.report-stat-group{break-inside:avoid}@page{size:A4;margin:14mm 12mm}}