@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0B1D3A;--navy-2: #112347;--teal: #00876C;--teal-light: #E6F4F0;--gold: #C8973C;--gold-light: #FDF3E3;--light: #F2F6FA;--mid: #DDE8F0;--grey: #5C6B80;--grey-light: #EBF0F8;--success: #2E9E5B;--warning: #E07840;--error: #D94040;--white: #ffffff;--sidebar-w: 240px;--font: "Manrope", "Cairo", sans-serif;--radius: 12px;--shadow: 0 1px 2px rgba(11,29,58,.05), 0 8px 24px rgba(11,29,58,.06);--shadow-md: 0 4px 18px rgba(11,29,58,.14)}body{font-family:var(--font);background:radial-gradient(circle at 15% 0%,#eef5ff 0%,var(--light) 38%,#f7fbff 100%);color:var(--navy);font-size:14px;line-height:1.5}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(175deg,var(--navy) 0%,#10274d 70%,#113266 100%);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:120;overflow-y:auto;box-shadow:8px 0 24px #0b1d3a2e}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:64px;background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(17,35,71,.08);display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:60}.page{padding:24px;width:100%}.sidebar-logo{padding:20px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand{font-size:15px;font-weight:700;color:#fff}.sidebar-sub{font-size:11px;color:#ffffff73;margin-top:2px}.sidebar-nav{padding:12px 8px;flex:1}.sidebar-section{font-size:10px;font-weight:600;color:#ffffff4d;letter-spacing:.08em;padding:12px 8px 4px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#ffffffb8;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;margin-bottom:2px}.nav-item:hover,.nav-item.active{background:#ffffff1a;color:#fff}.nav-item.active{background:var(--teal);color:#fff}.nav-badge{margin-left:auto;background:var(--error);color:#fff;font-size:10px;padding:1px 6px;border-radius:20px;font-weight:600}.nav-icon{display:inline-flex;align-items:center;justify-content:center}.sidebar-overlay,.sidebar-mobile-header,.topbar-menu-btn{display:none}.card{background:var(--white);border:1px solid rgba(17,35,71,.08);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px 20px}.card-header{padding:14px 20px;border-bottom:1px solid var(--mid);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14px;font-weight:600;color:var(--navy)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--white);border:1px solid var(--mid);border-radius:var(--radius);padding:14px 16px}.stat-value{font-size:26px;font-weight:700;line-height:1}.stat-label{font-size:12px;color:var(--grey);margin-top:4px}.stat-icon{float:right;opacity:.15}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.btn:hover{opacity:.88}.btn-primary{background:var(--teal);color:#fff}.btn-navy{background:var(--navy);color:#fff}.btn-outline{background:transparent;border:1px solid var(--mid);color:var(--grey)}.btn-danger{background:var(--error);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;color:var(--grey);margin-bottom:5px;font-weight:500}.form-input{width:100%;padding:8px 10px;border:1px solid var(--mid);border-radius:8px;font-size:13px;font-family:var(--font);background:var(--white);color:var(--navy);transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--teal)}.form-select{width:100%;padding:8px 10px;border:1px solid var(--mid);border-radius:8px;font-size:13px;font-family:var(--font);background:var(--white);color:var(--navy);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;color:var(--grey);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--mid);background:var(--light)}td{padding:11px 14px;font-size:13px;border-bottom:1px solid var(--mid);color:var(--navy)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--light)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 9px;border-radius:20px}.badge-green{background:#e8f7ef;color:var(--success)}.badge-gold{background:var(--gold-light);color:var(--gold)}.badge-red{background:#fdeaea;color:var(--error)}.badge-grey{background:var(--grey-light);color:var(--grey)}.badge-teal{background:var(--teal-light);color:var(--teal)}.badge-navy{background:var(--grey-light);color:var(--navy)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--white);border-radius:14px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--mid);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--mid);display:flex;justify-content:flex-end;gap:8px}.empty-state{text-align:center;padding:48px 20px;color:var(--grey)}.empty-state svg{opacity:.25;margin-bottom:12px}.search-bar{position:relative}.search-bar svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--grey);pointer-events:none}.search-bar input{padding-left:34px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.chip{padding:4px 12px;border-radius:20px;font-size:12px;border:1px solid var(--mid);background:var(--white);color:var(--grey);cursor:pointer}.chip.active{border-color:var(--teal);background:var(--teal-light);color:var(--teal)}.divider{border:none;border-top:1px solid var(--mid);margin:16px 0}.text-muted{color:var(--grey);font-size:12px}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-gold{color:var(--gold)}.text-teal{color:var(--teal)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.ml-auto{margin-left:auto}.fw-600{font-weight:600}.fw-700{font-weight:700}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-22{font-size:22px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:8px;animation:slideIn .2s ease}.toast.success{background:var(--success)}.toast.error{background:var(--error)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-shell{display:grid;gap:18px}.dashboard-hero{border:1px solid rgba(17,35,71,.08);border-radius:16px;padding:20px;background:linear-gradient(130deg,#fff,#f4fbf8 55%,#eef6ff);box-shadow:var(--shadow)}.dashboard-title{font-size:24px;line-height:1.2;font-weight:800;color:var(--navy)}.dashboard-subtitle{margin-top:6px;font-size:13px;color:var(--grey);max-width:750px}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-stat-card{background:#fff;border:1px solid rgba(17,35,71,.1);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.dashboard-stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dashboard-stat-copy{min-width:0}.dashboard-stat-value{font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.1}.dashboard-stat-label{margin-top:4px;font-size:12px;color:var(--grey)}.dashboard-stat-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#0b1d3a0d}.dashboard-grid{display:grid;gap:16px}.dashboard-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-wrap{padding:12px 10px 8px}.dashboard-list-wrap{max-height:330px;overflow-y:auto}.dashboard-list-row{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--mid)}@media (max-width: 900px){.main{margin-left:0}.page{padding:16px}.topbar{height:58px;padding:0 12px}.topbar-menu-btn{display:inline-flex}.sidebar{width:min(84vw,300px);transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#07102057;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:110}.sidebar-overlay.show{opacity:1;pointer-events:auto}.sidebar-mobile-header{display:flex;justify-content:flex-end;padding:10px 10px 0}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:12px}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-two{grid-template-columns:1fr}.dashboard-list-wrap{max-height:none}}@media (max-width: 560px){.page{padding:12px}.card-header,.card-pad{padding:12px 14px}.dashboard-hero{padding:14px;border-radius:14px}.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-stat-card{padding:12px}.dashboard-list-row{padding:10px 12px}}@media print{.sidebar,.topbar{display:none!important}.main{margin-left:0!important}.page{padding:0!important;max-width:100%!important}.no-print{display:none!important}body{background:#fff!important}@page{margin:10mm;size:A4 portrait}.page-break{page-break-before:always}}