:root{
  --eg-primary:#2563eb;--eg-primary-dark:#1d4ed8;--eg-secondary:#0f172a;
  --eg-accent:#0ea5e9;--eg-success:#16a34a;--eg-warning:#d97706;--eg-danger:#dc2626;
  --eg-bg:#f3f6fb;--eg-surface:#fff;--eg-border:#dfe7f1;--eg-text:#172033;--eg-muted:#64748b;
  --eg-radius:18px;--eg-radius-sm:12px;--eg-shadow:0 10px 30px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--eg-bg);color:var(--eg-text);font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif!important;line-height:1.55}
body.eg-nav-open{overflow:hidden}
a{transition:.2s ease}.container,.container-fluid{max-width:100%}
.eg-page,.page-container,.main-content,.content-wrapper{width:min(100% - 32px,1500px);margin:24px auto}
.card,.panel,.box,.content-card,.stat-card{background:var(--eg-surface);border:1px solid var(--eg-border)!important;border-radius:var(--eg-radius)!important;box-shadow:var(--eg-shadow)!important}
.card-header,.panel-heading{background:transparent!important;border-bottom:1px solid var(--eg-border)!important;padding:18px 20px!important}
.card-body,.panel-body{padding:20px!important}
.btn,button,input[type=submit],input[type=button]{border-radius:12px!important;font-weight:700;transition:.2s ease}
.btn:hover,button:hover{transform:translateY(-1px)}
.btn-primary{background:var(--eg-primary)!important;border-color:var(--eg-primary)!important}.btn-primary:hover{background:var(--eg-primary-dark)!important}
.form-control,.form-select,input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea{border:1px solid #d8e1ed;border-radius:12px!important;min-height:43px;background:#fff;color:var(--eg-text);box-shadow:none!important}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--eg-primary)!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;outline:0}
.table-responsive{border:1px solid var(--eg-border);border-radius:16px;overflow:auto;background:#fff}
table{margin-bottom:0!important}table thead th{background:#f8fafc!important;color:#334155!important;font-size:13px;font-weight:800;white-space:nowrap;border-bottom:1px solid var(--eg-border)!important;padding:14px 12px!important}table tbody td{vertical-align:middle!important;padding:13px 12px!important;border-color:#edf2f7!important}table tbody tr:hover{background:#f8fbff}
.modal-content{border:0!important;border-radius:22px!important;box-shadow:0 25px 70px rgba(15,23,42,.24)!important;overflow:hidden}.modal-header{border-bottom:1px solid var(--eg-border)!important;padding:18px 22px!important}.modal-body{padding:22px!important}.modal-footer{border-top:1px solid var(--eg-border)!important;padding:16px 22px!important}
.alert{border:0!important;border-radius:14px!important}.badge{border-radius:999px!important;padding:.48em .72em!important;font-weight:700}
.eg-empty{padding:48px 20px;text-align:center;color:var(--eg-muted)}
.eg-page-title{font-size:clamp(22px,3vw,34px);font-weight:900;color:var(--eg-secondary);margin:0}.eg-page-subtitle{color:var(--eg-muted);margin-top:4px}
@media(max-width:768px){.eg-page,.page-container,.main-content,.content-wrapper{width:min(100% - 20px,1500px);margin:14px auto}.card-body,.panel-body{padding:15px!important}.modal-dialog{margin:10px!important}.btn{min-height:42px}}
@media print{.eg-navbar,.eg-mobile-overlay,.no-print{display:none!important}body{background:#fff!important}.card,.panel,.box{box-shadow:none!important;border-color:#ddd!important}.eg-page,.page-container,.main-content,.content-wrapper{width:100%;margin:0}}