:root{--ku-navy: #002856;--ku-navy-800: #0a3a6e;--ku-navy-700: #12498a;--ku-blue: #0DABE2;--ku-blue-dark: #0889b6;--ku-blue-soft: #e3f5fc;--ku-yellow: #F8D81B;--ku-yellow-dark: #d9ba00;--ku-yellow-soft: #fdf7d4;--ku-gray: #DBD9DA;--bg: #f4f6f9;--surface: #ffffff;--border: #e3e7ee;--text: #14213b;--muted: #64748b;--success: #16a34a;--success-soft: #dcfce7;--danger: #dc2626;--danger-soft: #fee2e2;--warn: #d97706;--warn-soft: #fef3c7;--radius: 10px;--shadow: 0 1px 3px rgba(0, 40, 86, .08);--shadow-lg: 0 12px 32px rgba(0, 40, 86, .18);--font: "Segoe UI", Tahoma, -apple-system, BlinkMacSystemFont, "Noto Sans Arabic", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14.5px}h1,h2,h3{color:var(--ku-navy);margin:0 0 .5rem}a{color:var(--ku-blue-dark);text-decoration:none}img{max-width:100%}.container{max-width:1280px;margin:0 auto;padding:0 20px}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.grid{display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h3{font-size:15px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;cursor:pointer;padding:9px 16px;font-size:14px;font-weight:600;font-family:inherit;background:var(--ku-navy);color:#fff;transition:filter .15s,transform .05s;white-space:nowrap}.btn:hover{filter:brightness(1.18)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.blue{background:var(--ku-blue)}.btn.yellow{background:var(--ku-yellow);color:var(--ku-navy)}.btn.ghost{background:transparent;color:var(--ku-navy);border-color:var(--ku-gray)}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:6px}.btn.lg{padding:12px 24px;font-size:15.5px}label.field{display:block;margin-bottom:12px;font-weight:600;font-size:13px;color:var(--ku-navy)}label.field>span{display:block;margin-bottom:5px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--ku-blue);outline-offset:0;border-color:var(--ku-blue)}input[type=checkbox]{width:auto;accent-color:var(--ku-navy);transform:scale(1.15)}.check{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 16px}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:start;background:var(--ku-navy);color:#fff;font-weight:600;padding:11px 14px;font-size:12.5px;white-space:nowrap}.tbl td{padding:10px 14px;border-top:1px solid var(--border);vertical-align:middle}.tbl tbody tr:hover{background:var(--ku-blue-soft)}.tbl .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.badge.navy{background:var(--ku-navy);color:#fff}.badge.blue{background:var(--ku-blue-soft);color:var(--ku-blue-dark)}.badge.yellow{background:var(--ku-yellow-soft);color:#8a6d00}.badge.green{background:var(--success-soft);color:var(--success)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.gray{background:#eef1f5;color:var(--muted)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.modal-back{position:fixed;inset:0;background:#00142d8c;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto}.modal{background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:640px;padding:24px;animation:pop .18s ease}.modal.wide{max-width:900px}.modal h3{border-bottom:2px solid var(--ku-yellow);padding-bottom:10px;margin-bottom:16px}@keyframes pop{0%{transform:translateY(14px);opacity:0}}.stat{display:flex;flex-direction:column;gap:4px}.stat .v{font-size:26px;font-weight:800;color:var(--ku-navy)}.stat .l{font-size:12.5px;color:var(--muted);font-weight:600}.pager{display:flex;gap:8px;align-items:center;justify-content:center;padding:14px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:44px 16px}.toast{position:fixed;bottom:24px;inset-inline-start:50%;transform:translate(-50%);background:var(--ku-navy);color:#fff;padding:12px 22px;border-radius:10px;box-shadow:var(--shadow-lg);z-index:300;font-weight:600;animation:pop .2s ease}[dir=rtl] .toast{transform:translate(50%)}.toast.err{background:var(--danger)}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tabs button{border:none;background:none;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px}.tabs button.on{color:var(--ku-navy);border-bottom-color:var(--ku-yellow)}@media print{body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{position:absolute;inset-inline-start:0;top:0;width:100%}.no-print{display:none!important}}