*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:Sakkal Majalla,Traditional Arabic,Segoe UI,Tahoma,sans-serif;background:#f4f7f5;color:#22302a}@media(min-width:900px){#root,.app-shell{height:100vh}.app-shell{display:flex;overflow:hidden}.app-main{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-scroll{direction:ltr;overflow-y:auto;flex:1;scrollbar-width:thin}.sidebar-scroll>div{direction:rtl}}@media(max-width:899.98px){.app-shell{display:flex;flex-direction:column}.sidebar{width:100%!important;height:auto!important}.sidebar nav{display:flex;flex-wrap:wrap}}.navbtn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:#dce7e0;font-family:inherit;font-size:15.5;font-weight:700;cursor:pointer;border-radius:9px;text-align:right}.navbtn:hover{background:#ffffff1a}.navbtn.active{background:#c89b4e;color:#fff}table{border-spacing:0}input:focus,select:focus{outline:2px solid #234A36}@media print{.app-shell,.app-main{height:auto!important;overflow:visible!important;display:block!important}.sidebar,.app-header,.no-print,footer{display:none!important}.panel{border:none!important}.panel>header{display:none!important}body{background:#fff}body:has(.print-area) .app-main>*:not(:has(.print-area)){display:none!important}body:has(.print-area) .toolbar{display:none!important}th{position:static!important}@page{size:A4;margin:12mm}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.kpi-grid{grid-template-columns:1fr}}