@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#f6f5f3;min-height:100svh;margin:0;padding:0}body{color:#1c1a17;font-family:Poppins,system-ui,sans-serif;font-size:16px;line-height:1.5}[dir=rtl] body{font-family:Cairo,Noto Sans Arabic,sans-serif;font-size:16.5px}input,select,textarea,button{font-family:inherit}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=month],select,textarea{font-size:15px}@media (width<=640px){input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=month],select,textarea{font-size:16px}}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:2px solid #0d7377}.hamburger{cursor:pointer;color:#1c1a17;background:0 0;border:1px solid #e4e1dc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:none}.hamburger:active{background:#f6f5f3}@media (width<=900px){.app-sidebar{z-index:300;max-width:84vw;box-shadow:none;transition:transform .22s;overflow-y:auto;transform:translate(-100%);flex-direction:column!important;align-items:stretch!important;gap:0!important;width:280px!important;height:100vh!important;padding:20px 14px 14px!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.app-sidebar.open{transform:translate(0);box-shadow:6px 0 40px #00000052}.app-sidebar>div:first-child{border-bottom:1px solid #e4e1dc;margin-bottom:12px;padding:0 6px 14px!important}.app-sidebar>div:first-child img{max-width:180px!important}.app-sidebar nav{flex-direction:column;gap:2px;flex:auto!important;padding:0!important;display:flex!important;overflow-y:auto!important}.app-sidebar nav button{text-align:left!important;border-radius:9px!important;width:100%!important;padding:13px 14px!important;font-size:15px!important}.app-sidebar>div:last-child{text-align:left;flex-shrink:0;margin-top:12px;border-top:1px solid #e4e1dc!important;border-left:none!important;padding:14px 6px 0!important}.drawer-backdrop{z-index:299;opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.hamburger{display:inline-flex}.app-main{width:100%;margin-left:0!important}.app-header{gap:10px;padding:10px 14px!important}.app-header h1{font-size:17px!important}.app-page{padding:14px!important}}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-grid.two-col{grid-template-columns:1fr 1fr}@media (width<=900px){.stat-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.stat-grid{grid-template-columns:1fr!important}}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.filter-bar>input,.filter-bar>select{flex:180px;min-width:0;max-width:280px}.filter-bar>.filter-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}@media (width<=640px){.filter-bar>input,.filter-bar>select{flex:100%;max-width:100%}.filter-bar>.filter-actions{width:100%;margin-left:0}.filter-bar>.filter-actions button{flex:1;justify-content:center}}@media (width<=768px){.modal-card{border-radius:0!important;width:100%!important;max-width:100%!important;height:100svh!important;max-height:100svh!important;padding:56px 16px 16px!important}.modal-backdrop{align-items:stretch!important;padding:0!important}.modal-backdrop>div{width:100%!important;max-width:100%!important;height:100svh!important;max-height:100svh!important}.modal-backdrop>div>button[aria-label=Close]{z-index:10000;border-width:2px!important;width:40px!important;height:40px!important;position:fixed!important;top:10px!important;right:10px!important}[dir=rtl] .modal-backdrop>div>button[aria-label=Close]{left:10px!important;right:auto!important}}@media (width<=640px){.stack-mobile{grid-template-columns:1fr!important}}.form-row{gap:12px;display:grid}.form-row-2{grid-template-columns:1fr 1fr}.form-row-add{grid-template-columns:minmax(0,1fr) 110px auto;align-items:end}@media (width<=640px){.form-row-2,.form-row-add{grid-template-columns:1fr!important}.form-row-add button{justify-content:center;width:100%}.docform-add-row{grid-template-columns:1fr!important}.docform-add-row button{justify-content:center;width:100%}.app-page h3{font-size:16px!important}.app-page h1{font-size:17px!important}button{min-height:38px}.filter-bar>input,.filter-bar>select{min-height:44px}.table-wrap table{font-size:13px}.table-wrap td,.table-wrap th{padding:9px 8px!important}}@media (width<=900px){.dash-grid{grid-template-columns:1fr!important}}.combobox-pop{z-index:200;background:#fff;border:1px solid #e4e1dc;border-radius:8px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 10px 30px #0000001f}.combobox-opt{cursor:pointer;border-bottom:1px solid #eeece8;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:14px;display:flex}.combobox-opt:last-child{border-bottom:none}.combobox-opt:hover,.combobox-opt[data-active=true]{background:#e8f5f5}.combobox-opt-create{color:#0d7377;font-weight:700}@media (width<=640px){.notif-panel{width:auto!important;position:fixed!important;top:auto!important;left:8px!important;right:8px!important}}[dir=rtl] .app-sidebar{border-left:1px solid #e4e1dc!important;border-right:none!important;left:auto!important;right:0!important}@media (width<=900px){[dir=rtl] .app-sidebar{transform:translate(100%);left:auto!important;right:0!important}[dir=rtl] .app-sidebar.open{transform:translate(0);box-shadow:-6px 0 40px #00000052}}[dir=rtl] th{text-align:right}[dir=rtl] .filter-bar>.filter-actions{margin-left:0;margin-right:auto}
