@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--zf-orange: #f97316;--zf-orange-dark: #ea580c;--zf-orange-light: #fed7aa;--zf-gold: #d97706;--zf-gold-light: #fbbf24;--zf-navy: #0f2a4a;--zf-navy-dark: #0a1f38;--zf-navy-light: #1e3a5f;--zf-green: #16a34a;--zf-green-light: #dcfce7;--zf-red: #dc2626;--zf-red-light: #fee2e2;--zf-yellow: #ca8a04;--zf-yellow-light: #fef9c3;--zf-bg: #f8fafc;--zf-card: #ffffff;--zf-text: #0f172a;--zf-text-muted: #64748b;--zf-border: #e2e8f0;--zf-shadow: 0 1px 3px rgba(15, 42, 74, .06), 0 1px 2px rgba(15, 42, 74, .04);--zf-shadow-md: 0 4px 12px rgba(15, 42, 74, .08), 0 2px 4px rgba(15, 42, 74, .04);--zf-shadow-lg: 0 12px 32px rgba(15, 42, 74, .12), 0 4px 8px rgba(15, 42, 74, .06);--zf-radius: 12px;--zf-radius-sm: 8px;--zf-radius-lg: 18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Cairo,Inter,system-ui,sans-serif;background:var(--zf-bg);color:var(--zf-text);direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.zf-card{background:var(--zf-card);border-radius:var(--zf-radius);box-shadow:var(--zf-shadow);border:1px solid var(--zf-border)}.zf-field{display:flex;flex-direction:column;gap:6px}.zf-field-label{font-size:13px;font-weight:600;color:var(--zf-text)}.zf-input{width:100%;padding:10px 14px;border:1.5px solid var(--zf-border);border-radius:var(--zf-radius-sm);font-size:14px;background:#fff;color:var(--zf-text);transition:border-color .15s,box-shadow .15s;outline:none}.zf-input:focus{border-color:var(--zf-orange);box-shadow:0 0 0 3px #f973161f}.zf-input:disabled{background:#f8fafc;color:var(--zf-text-muted)}.zf-table{width:100%;border-collapse:collapse;font-size:14px}.zf-table th{text-align:right;padding:12px 14px;font-weight:600;font-size:13px;color:var(--zf-text-muted);border-bottom:1px solid var(--zf-border);white-space:nowrap;background:#f8fafc}.zf-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:var(--zf-text);vertical-align:middle}.zf-table tbody tr:hover{background:#f8fafc}.zf-table tbody tr:last-child td{border-bottom:none}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (max-width: 768px){:root{--zf-radius: 14px;--zf-radius-sm: 10px;--zf-radius-lg: 20px}html{-webkit-text-size-adjust:100%}body{font-size:14px;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}button,nav,.zf-bottom-nav{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,select{-webkit-tap-highlight-color:transparent;font-size:16px!important}.zf-table{-webkit-overflow-scrolling:touch;min-width:600px}.zf-table thead th{white-space:nowrap;font-size:12px;padding:10px 8px}.zf-table tbody td{padding:10px 8px;font-size:13px;white-space:nowrap}.zf-table tbody tr{cursor:pointer}.zf-table tbody tr:active{background:#f8fafc}.zf-card:has(.zf-table){overflow-x:auto;-webkit-overflow-scrolling:touch}div[style*="overflow: auto"]:has(.zf-table),div[style*="overflow:auto"]:has(.zf-table),div[style*="overflow: auto"]:has(table),div[style*="overflow:auto"]:has(table){overflow-x:auto!important;-webkit-overflow-scrolling:touch}table{min-width:500px}table.zf-table{min-width:600px}.zf-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.zf-card:not(:has(table)){overflow-x:visible!important}.zf-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--zf-border);display:flex;justify-content:space-around;align-items:center;padding:6px 4px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 20px #0f2a4a0f}.zf-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:10px;font-size:10px;font-weight:600;color:var(--zf-text-muted);transition:all .15s;flex:1;max-width:72px;border:none;background:transparent;cursor:pointer}.zf-bottom-nav-item.active{color:var(--zf-orange)}.zf-bottom-nav-item:active{transform:scale(.92)}.zf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f2a4a80;display:flex;align-items:flex-end!important;justify-content:center;padding:0!important;animation:fadeIn .2s ease-out}.zf-modal-sheet{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;border-radius:20px 20px 0 0!important;animation:slideUp .28s cubic-bezier(.32,.72,0,1);-webkit-overflow-scrolling:touch}.zf-modal-sheet:before{content:"";display:block;width:40px;height:4px;background:#cbd5e1;border-radius:2px;margin:10px auto 0}@keyframes slideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:fadeIn .25s ease-out}.zf-input{padding:12px 14px;font-size:16px;border-radius:10px}.zf-dash-grid,.zf-dash-grid-4{grid-template-columns:repeat(2,1fr)!important}.zf-chart-row{grid-template-columns:1fr!important}.zf-main-content{padding:14px 14px 90px!important}.zf-card{padding:16px!important}h1{font-size:18px!important}h2{font-size:16px!important}h3{font-size:15px!important}.zf-mobile-header{position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--zf-border)}.zf-modal-sheet>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.zf-modal-sheet button{width:100%!important}button{min-height:44px}::-webkit-scrollbar{width:0;height:0}.zf-sidebar-nav::-webkit-scrollbar{width:0}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr 1fr"],[style*="grid-template-columns: 1.1fr 0.9fr"],[style*="grid-template-columns: 1.4fr 1fr"],[style*="grid-template-columns: 1.4fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1.2fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: repeat(2, 1fr)"],[style*="grid-template-columns: repeat(3, 1fr)"],[style*="grid-template-columns: repeat(4, 1fr)"],[style*="grid-template-columns: repeat(5, 1fr)"],[style*="grid-template-columns: repeat(6, 1fr)"],[style*="grid-template-columns: repeat(auto-fill"],[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}[style*="display: flex"][style*=gap]:not(.zf-bottom-nav):not(nav):not(.zf-bottom-nav-item){flex-wrap:wrap!important}[style*="justify-content: space-between"]:not(.zf-bottom-nav):not(nav){flex-wrap:wrap!important;gap:10px!important}[style*="min-width: 300px"],[style*="min-width: 400px"],[style*="min-width: 500px"],[style*="min-width: 600px"],[style*="min-width: 700px"],[style*="min-width: 800px"]{min-width:100%!important}[style*="flex: 1"][style*=min-width],[style*="flex: 2"][style*=min-width],[style*="flex: 3"][style*=min-width]{min-width:0!important;flex:1 1 100%!important}.zf-card{width:100%!important;max-width:100%!important}.zf-field{width:100%!important;min-width:0!important}.zf-input{width:100%!important;box-sizing:border-box!important}[style*="display: flex"][style*=gap] button:not(.zf-bottom-nav-item):not(nav button){width:auto;flex-shrink:0}.zf-modal-sheet{width:95%!important;max-width:95%!important;max-height:90vh!important}[style*="display: flex"][style*="align-items: center"][style*="gap: 10px"]:not(.zf-bottom-nav){flex-wrap:wrap!important}@media (max-width: 480px){[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (orientation: landscape) and (max-height: 500px){.zf-dash-grid,.zf-dash-grid-4{grid-template-columns:repeat(3,1fr)!important}.zf-modal-sheet{max-height:95vh}}}@media (min-width: 769px){.zf-bottom-nav,.zf-fab,.zf-mobile-header{display:none!important}.zf-modal-overlay{align-items:center!important;padding:16px!important}.zf-modal-sheet{border-radius:16px!important;max-height:90vh!important}.zf-modal-sheet:before{display:none!important}}
