*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#edf2ff;color:#0f1a3a;font-family:'Segoe UI','Noto Naskh Arabic','Tahoma',sans-serif}
.topbar{position:sticky;top:0;z-index:10;display:flex;gap:12px;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#123a93,#1f5cd8);color:#fff;box-shadow:0 16px 36px rgba(18,58,147,.28)}
.brand{font-weight:900;font-size:20px}.muted{opacity:.9}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-inline-start:auto}
.container{padding:16px}.card{border-radius:16px;padding:14px;margin:14px 0;background:#fff;box-shadow:0 12px 30px rgba(16,32,67,.16);border:1px solid #e0e7ff}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:6px 0}label{font-weight:800;color:#123a93}
input,select,textarea{padding:10px 12px;border-radius:10px;border:1px solid #dbe3fb;background:#fff;color:#0f1a3a}
input.num{text-align:center;min-width:120px}textarea{width:100%;height:96px}
.strip{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;padding:12px;background:#f8faff;border:1px solid #eaf0ff;border-radius:12px}
.metric{display:flex;flex-direction:column;gap:4px;align-items:center;min-width:116px}
.metric label{font-weight:900;margin:0;font-size:13px;color:#123a93}.metric input{width:108px;height:36px;text-align:center}
.table{width:100%;border-collapse:collapse;border-radius:14px;overflow:hidden;border:1px solid #e0e7ff}
.table th,.table td{border-bottom:1px solid #eef2ff;padding:9px 10px;text-align:center;font-size:13px}
.table thead th{background:#f2f6ff;color:#123a93;font-weight:900}
.btn{border:none;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer;background:#123a93;color:#fff;border:1px solid #123a93;box-shadow:0 8px 20px rgba(18,58,147,.22)}
.btn.ghost{background:#f6f8ff;color:#123a93;border-color:#dbe3fb}.btn.primary{background:#0f2da8}
.kpis{display:flex;gap:10px;flex-wrap:wrap}
.kpi{flex:1;min-width:180px;background:#f6f9ff;border:1px solid #e2e9ff;border-radius:12px;padding:12px 14px;box-shadow:0 8px 18px rgba(18,58,147,.1)}
.kpi .label{font-weight:800;color:#123a93;margin-bottom:6px}.kpi .val{font-size:20px;font-weight:900}
.alert{padding:10px 12px;border-radius:10px;margin:10px 0;border:1px solid #e0e7ff;background:#f6f9ff}
.alert.success{border-color:#b9e6c3;background:#eafaf0;color:#125a2c}.alert.error{border-color:#ffbaba;background:#ffecec;color:#8a1f1f}
@media print{.topbar,.toolbar{display:none}.card{box-shadow:none;border:none}}