@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap);:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#dbeafe;--cyan:#0891b2;--green:#16a34a;--green-light:#dcfce7;--red:#e11d48;--red-light:#fee2e2;--orange:#ea580c;--yellow:#d97706;--yellow-light:#fef3c7;--purple:#7c3aed;--purple-light:#ede9fe;--indigo:#4338ca;--bg:#f0f4f8;--surface:#fff;--elevated:#f8fafc;--hover:#f1f5f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--sb-bg:#1e293b;--sb-border:#334155;--sb-text:#94a3b8;--sb-hover:#334155;--sb-active-bg:#2563eb26;--sb-active-text:#60a5fa;--tb-bg:#fff;--shadow-sm:0 1px 3px #0f172a0f,0 1px 6px #0f172a0a;--shadow:0 2px 8px #0f172a14,0 4px 16px #0f172a0a;--shadow-lg:0 8px 32px #0f172a1f,0 2px 8px #0f172a0f;--shadow-xl:0 20px 60px #0f172a29;--sidebar-w:260px;--topbar-h:64px;--radius:14px;--radius-sm:8px;--radius-xs:6px;--t:.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{direction:rtl;height:100%}body{-webkit-font-smoothing:antialiased;background:#f0f4f8;background:var(--bg);color:#0f172a;color:var(--text);font-family:Cairo,sans-serif;overflow:hidden}#root{height:100%}::selection{background:#2563eb;background:var(--blue);color:#fff}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-md);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2563eb;background:var(--blue)}.app{height:100vh}.app,.main-area{display:flex;overflow:hidden}.main-area{flex:1 1;flex-direction:column;min-width:0}.content{flex:1 1;overflow-y:auto;padding:24px}.login-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 40%,#0f172a);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.login-orbs{inset:0;overflow:hidden;pointer-events:none}.login-orbs,.orb{position:absolute}.orb{animation:floatOrb 7s ease-in-out infinite;border-radius:50%}.orb-1{background:radial-gradient(circle,#2563eb59,#0000 70%);height:600px;right:-100px;top:-200px;width:600px}.orb-2{animation-delay:3s;background:radial-gradient(circle,#0891b24d,#0000 70%);bottom:-100px;height:400px;left:-50px;width:400px}.orb-3{animation-delay:1.5s;background:radial-gradient(circle,#7c3aed40,#0000 70%);height:300px;left:35%;top:50%;width:300px}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.08)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 80px #00000080;padding:48px 40px;position:relative;text-align:center;width:420px;z-index:1}.login-logo{align-items:center;background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:18px;box-shadow:0 8px 32px #2563eb80;display:flex;font-size:32px;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.login-title{color:#fff;font-size:24px;font-weight:900;margin-bottom:4px}.login-subtitle{color:#ffffff80;font-size:12px;margin-bottom:28px}.login-error{background:#e11d4826;border:1px solid #e11d484d;border-radius:8px;color:#fda4af;font-size:13px;margin-bottom:14px;padding:10px 14px}.login-input{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-family:Cairo,sans-serif;font-size:14px;margin-bottom:12px;padding:12px 16px;text-align:right;transition:all .2s ease;transition:all var(--t);width:100%}.login-input::placeholder{color:#ffffff59}.login-input:focus{background:#2563eb1a;border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb33;outline:none}.login-btn{background:linear-gradient(135deg,#2563eb,#4338ca);background:linear-gradient(135deg,var(--blue),var(--indigo));border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #2563eb80;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:15px;font-weight:700;margin-top:6px;padding:14px;transition:all .2s ease;transition:all var(--t);width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 30px #2563eb99;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-hint{color:#ffffff59;font-size:12px;margin-top:16px}.sidebar{background:#1e293b;background:var(--sb-bg);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;width:260px;width:var(--sidebar-w)}.sidebar:after{background:linear-gradient(180deg,#2563eb0f,#0000 30%);content:"";inset:0;pointer-events:none;position:absolute}.sidebar-header{align-items:center;background:#ffffff08;border-bottom:1px solid #334155;border-bottom:1px solid var(--sb-border);display:flex;gap:12px;padding:20px 16px}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#0891b2);background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:10px;box-shadow:0 4px 16px #2563eb66;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.sidebar-logo-name{color:#f1f5f9;font-size:14px;font-weight:800}.sidebar-logo-sub{color:#94a3b8;color:var(--sb-text);font-size:10px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 6px}.nav-section{margin-bottom:2px}.nav-section-title{color:#94a3b880;font-size:9.5px;font-weight:800;letter-spacing:.1em;padding:10px 10px 4px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:9px;color:#94a3b8;color:var(--sb-text);cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:13px;font-weight:500;gap:10px;margin-bottom:1px;padding:9px 12px;position:relative;text-align:right;transition:all .2s ease;transition:all var(--t);width:100%}.nav-item:hover{background:#334155;background:var(--sb-hover);color:#cbd5e1}.nav-item.active{background:#2563eb26;background:var(--sb-active-bg);color:#60a5fa;color:var(--sb-active-text);font-weight:700}.nav-item.active:before{background:#2563eb;background:var(--blue);border-radius:2px 0 0 2px;content:"";height:60%;position:absolute;right:0;top:20%;width:3px}.nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:22px}.nav-label{flex:1 1}.nav-badge{background:#2563eb4d;border-radius:20px;color:#93c5fd;font-size:10px;font-weight:800;padding:2px 7px}.sidebar-footer{background:#0000001a;border-top:1px solid #334155;border-top:1px solid var(--sb-border);padding:12px 10px}.user-card{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:9px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease;transition:all var(--t)}.user-card:hover{background:#e11d481a;border-color:#e11d4833}.user-card:hover .logout-icon{color:#e11d48;color:var(--red)}.user-avatar{align-items:center;background:linear-gradient(135deg,#ea580c,#d97706);background:linear-gradient(135deg,var(--orange),var(--yellow));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:34px;justify-content:center;width:34px}.user-name{color:#f1f5f9;font-size:13px;font-weight:700}.user-role{font-size:10px}.logout-icon,.user-role{color:#94a3b8;color:var(--sb-text)}.logout-icon{font-size:15px;margin-right:auto;transition:color .2s ease;transition:color var(--t)}.topbar{align-items:center;background:#fff;background:var(--tb-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0f172a0f,0 1px 6px #0f172a0a;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;gap:14px;height:64px;height:var(--topbar-h);padding:0 24px}.topbar-title{color:#0f172a;color:var(--text);flex:1 1;font-size:17px;font-weight:800}.topbar-actions{align-items:center;display:flex;gap:8px}.topbar-date{color:#94a3b8;color:var(--text-4);font-size:12px}.topbar-btn{align-items:center;background:#f8fafc;background:var(--elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-3);cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s ease;transition:all var(--t)}.topbar-btn:hover{background:#f1f5f9;background:var(--hover);border-color:#cbd5e1;border-color:var(--border-md);color:#0f172a;color:var(--text)}.topbar-btn.primary{background:linear-gradient(135deg,#2563eb,#4338ca);background:linear-gradient(135deg,var(--blue),var(--indigo));border-color:#0000;box-shadow:0 2px 8px #2563eb4d;color:#fff}.topbar-btn.primary:hover{box-shadow:0 4px 16px #2563eb66;transform:translateY(-1px)}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a0f,0 1px 6px #0f172a0a;box-shadow:var(--shadow-sm);margin-bottom:18px;padding:20px;transition:box-shadow .2s ease;transition:box-shadow var(--t)}.card:hover{box-shadow:0 2px 8px #0f172a14,0 4px 16px #0f172a0a;box-shadow:var(--shadow)}.card-header{justify-content:space-between;margin-bottom:16px}.card-header,.card-title{align-items:center;display:flex}.card-title{font-size:15px;font-weight:700;gap:8px}.card-subtitle{color:#94a3b8;color:var(--text-4);font-size:12px;margin-top:2px}.stats-grid{grid-gap:14px;display:grid;gap:14px;margin-bottom:18px}.stats-4{grid-template-columns:repeat(4,1fr)}.stats-3{grid-template-columns:repeat(3,1fr)}.stats-2{grid-template-columns:repeat(2,1fr)}.stat-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a0f,0 1px 6px #0f172a0a;box-shadow:var(--shadow-sm);overflow:hidden;padding:18px;position:relative;transition:all .2s ease;transition:all var(--t)}.stat-card:hover{box-shadow:0 8px 32px #0f172a1f,0 2px 8px #0f172a0f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-card:before{border-radius:14px 14px 0 0;border-radius:var(--radius) var(--radius) 0 0;content:"";height:3px;position:absolute;right:0;top:0;width:100%}.stat-card.blue:before{background:linear-gradient(90deg,#2563eb,#0891b2);background:linear-gradient(90deg,var(--blue),var(--cyan))}.stat-card.green:before{background:linear-gradient(90deg,#16a34a,#22c55e);background:linear-gradient(90deg,var(--green),#22c55e)}.stat-card.yellow:before{background:linear-gradient(90deg,#d97706,#ea580c);background:linear-gradient(90deg,var(--yellow),var(--orange))}.stat-card.red:before{background:linear-gradient(90deg,#e11d48,#f43f5e);background:linear-gradient(90deg,var(--red),#f43f5e)}.stat-card.purple:before{background:linear-gradient(90deg,#7c3aed,#4338ca);background:linear-gradient(90deg,var(--purple),var(--indigo))}.stat-card.cyan:before{background:linear-gradient(90deg,#0891b2,#2563eb);background:linear-gradient(90deg,var(--cyan),var(--blue))}.stat-card:after{border-radius:50%;bottom:-20px;content:"";height:80px;left:-20px;opacity:.06;position:absolute;width:80px}.stat-card.blue:after{background:#2563eb;background:var(--blue)}.stat-card.green:after{background:#16a34a;background:var(--green)}.stat-card.yellow:after{background:#d97706;background:var(--yellow)}.stat-card.red:after{background:#e11d48;background:var(--red)}.stat-card.purple:after{background:#7c3aed;background:var(--purple)}.stat-card.cyan:after{background:#0891b2;background:var(--cyan)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:46px;justify-content:center;margin-bottom:12px;width:46px}.stat-card.blue .stat-icon{background:#dbeafe;background:var(--blue-light)}.stat-card.green .stat-icon{background:#dcfce7;background:var(--green-light)}.stat-card.yellow .stat-icon{background:#fef3c7;background:var(--yellow-light)}.stat-card.red .stat-icon{background:#fee2e2;background:var(--red-light)}.stat-card.purple .stat-icon{background:#ede9fe;background:var(--purple-light)}.stat-card.cyan .stat-icon{background:#cffafe}.stat-value{color:#0f172a;color:var(--text);font-size:22px;font-weight:900;margin-bottom:4px}.stat-label{color:#64748b;color:var(--text-3);font-size:12px}.stat-change{align-items:center;display:flex;font-size:11px;gap:4px;margin-top:8px}.stat-change.up{color:#16a34a;color:var(--green)}.stat-change.down{color:#e11d48;color:var(--red)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#64748b;color:var(--text-3);font-size:10.5px;font-weight:800;letter-spacing:.05em;padding:10px 14px;text-align:right;text-transform:uppercase;white-space:nowrap}tbody td{border-bottom:1px solid #f8fafc;color:#334155;color:var(--text-2);font-size:13px;padding:11px 14px;text-align:right;transition:background .2s ease;transition:background var(--t)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafc}.no-data{color:#94a3b8;color:var(--text-4);font-size:14px;padding:48px;text-align:center}.badge{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 10px}.badge-green{background:#dcfce7;background:var(--green-light);border-color:#86efac;color:#166534}.badge-red{background:#fee2e2;background:var(--red-light);border-color:#fca5a5;color:#9f1239}.badge-yellow{background:#fef3c7;background:var(--yellow-light);border-color:#fde68a;color:#92400e}.badge-blue{background:#dbeafe;background:var(--blue-light);border-color:#93c5fd;color:#1e40af}.badge-gray{background:#f1f5f9;border-color:#e2e8f0;border-color:var(--border);color:#475569}.badge-purple{background:#ede9fe;background:var(--purple-light);border-color:#c4b5fd;color:#5b21b6}.badge-cyan{background:#cffafe;border-color:#67e8f9;color:#155e75}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:all .2s ease;transition:all var(--t);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#2563eb,#4338ca);background:linear-gradient(135deg,var(--blue),var(--indigo));box-shadow:0 2px 8px #2563eb4d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--green),#15803d);box-shadow:0 2px 8px #16a34a4d;color:#fff}.btn-success:hover{box-shadow:0 6px 20px #16a34a66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#e11d48,#be123c);background:linear-gradient(135deg,var(--red),#be123c);box-shadow:0 2px 8px #e11d484d;color:#fff}.btn-danger:hover{transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#d97706,#ea580c);background:linear-gradient(135deg,var(--yellow),var(--orange));color:#fff}.btn-secondary{background:#f8fafc;background:var(--elevated);border:1px solid #e2e8f0;border:1px solid var(--border);color:#64748b;color:var(--text-3)}.btn-secondary:hover{background:#f1f5f9;background:var(--hover);border-color:#cbd5e1;border-color:var(--border-md);color:#0f172a;color:var(--text)}.btn-sm{font-size:12px;padding:6px 12px}.btn-lg{font-size:15px;padding:13px 26px}.btn-icon{height:34px;justify-content:center;padding:7px;width:34px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form-group{margin-bottom:14px}.form-label{color:#64748b;color:var(--text-3);display:block;font-size:12px;font-weight:700;margin-bottom:6px}.form-control{border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);font-family:Cairo,sans-serif;font-size:13px;padding:9px 12px;text-align:right;transition:all .2s ease;transition:all var(--t);width:100%}.form-control,.form-control:focus{background:#fff;background:var(--surface)}.form-control:focus{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-control:disabled{background:#f8fafc;background:var(--elevated);cursor:not-allowed;opacity:.5}select.form-control{cursor:pointer}select.form-control option{background:#fff;background:var(--surface);color:#0f172a;color:var(--text)}textarea.form-control{min-height:80px;resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.form-row.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99;display:flex;inset:0;justify-content:center;opacity:0;padding:20px;pointer-events:none;position:fixed;transition:opacity .2s ease;transition:opacity var(--t);z-index:1000}.modal-overlay.show{opacity:1;pointer-events:all}.modal{animation:modalIn .25s ease;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px #0f172a29;box-shadow:var(--shadow-xl);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-xl{max-width:960px}.modal-lg{max-width:820px}.modal-sm{max-width:480px}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:18px 24px}.modal-title{font-size:16px;font-weight:800}.modal-close{align-items:center;background:#f8fafc;background:var(--elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--text-3);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--t);width:32px}.modal-close:hover{background:#fee2e2;background:var(--red-light);border-color:#fca5a5;color:#e11d48;color:var(--red)}.modal-body{padding:24px}.modal-footer{background:#f8fafc;background:var(--elevated);border-radius:0 0 20px 20px;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.toast-container{bottom:24px;display:flex;flex-direction:column-reverse;gap:8px;left:24px;position:fixed;z-index:9999}.toast{align-items:center;animation:toastIn .3s ease;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #0f172a1f,0 2px 8px #0f172a0f;box-shadow:var(--shadow-lg);color:#0f172a;color:var(--text);display:flex;font-size:13px;font-weight:600;gap:12px;min-width:260px;padding:12px 18px}@keyframes toastIn{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-success{border-right:3px solid #16a34a;border-right:3px solid var(--green)}.toast-error{border-right:3px solid #e11d48;border-right:3px solid var(--red)}.toast-warning{border-right:3px solid #d97706;border-right:3px solid var(--yellow)}.toast-info{border-right:3px solid #2563eb;border-right:3px solid var(--blue)}.alert{align-items:flex-start;border-radius:10px;display:flex;font-size:13px;gap:10px;margin-bottom:14px;padding:12px 16px}.alert-info{background:#dbeafe;background:var(--blue-light);border:1px solid #93c5fd;color:#1e40af}.alert-success{background:#dcfce7;background:var(--green-light);border:1px solid #86efac;color:#166534}.alert-warning{background:#fef3c7;background:var(--yellow-light);border:1px solid #fde68a;color:#92400e}.alert-danger{background:#fee2e2;background:var(--red-light);border:1px solid #fca5a5;color:#9f1239}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.search-wrap{flex:1 1;min-width:180px;position:relative}.search-icon{color:#94a3b8;color:var(--text-4);font-size:15px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-input{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);font-family:Cairo,sans-serif;font-size:13px;padding:9px 36px 9px 12px;text-align:right;transition:all .2s ease;transition:all var(--t);width:100%}.search-input:focus{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.tabs{background:#f8fafc;background:var(--elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;gap:3px;margin-bottom:18px;overflow-x:auto;padding:4px}.tab{background:none;border:none;border-radius:9px;color:#94a3b8;color:var(--text-4);cursor:pointer;flex:1 1;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;min-width:120px;padding:8px 14px;text-align:center;transition:all .2s ease;transition:all var(--t);white-space:nowrap}.tab.active{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);box-shadow:0 1px 3px #0f172a0f,0 1px 6px #0f172a0a;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--blue);font-weight:700}.progress{background:#f8fafc;background:var(--elevated);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .6s ease}.grid-2{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.grid-12{grid-gap:18px;grid-template-columns:1fr 2fr}.grid-12,.grid-21{display:grid;gap:18px}.grid-21{grid-gap:18px;grid-template-columns:2fr 1fr}.empty-state{color:#94a3b8;color:var(--text-4);padding:64px 20px;text-align:center}.empty-icon{font-size:52px;margin-bottom:14px;opacity:.4}.empty-text{font-size:14px}.quick-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:18px}.quick-action{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 10px;text-decoration:none;transition:all .2s ease;transition:all var(--t)}.quick-action:hover{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#2563eb;border-color:var(--blue);box-shadow:0 8px 24px #2563eb1f;transform:translateY(-3px)}.qa-icon{font-size:26px}.qa-label{color:#64748b;color:var(--text-3);font-size:11px;font-weight:700;text-align:center}.pos-layout{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 360px;height:calc(100vh - 112px);height:calc(100vh - var(--topbar-h) - 48px)}.pos-products{overflow:hidden}.pos-cart,.pos-products{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);display:flex;flex-direction:column}.pos-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));overflow-y:auto;padding:12px}.pos-product{background:#f8fafc;background:var(--elevated);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease;transition:all var(--t)}.pos-product:hover{background:#dbeafe;background:var(--blue-light);border-color:#2563eb;border-color:var(--blue);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.pos-product.out-of-stock{cursor:not-allowed;opacity:.45}.pp-icon{font-size:28px;margin-bottom:6px}.pp-name{font-size:12px;font-weight:700;margin-bottom:4px}.pp-price{color:#2563eb;color:var(--blue);font-size:13px;font-weight:900}.pp-stock{color:#94a3b8;color:var(--text-4);font-size:10px;margin-top:2px}.cart-body{flex:1 1;overflow-y:auto;padding:10px}.cart-item{align-items:center;background:#f8fafc;background:var(--elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;display:flex;font-size:13px;gap:8px;margin-bottom:7px;padding:9px 10px}.ci-name{flex:1 1;font-weight:600}.ci-qty{gap:5px}.ci-qty,.qty-btn{align-items:center;display:flex}.qty-btn{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;font-size:14px;height:24px;justify-content:center;transition:all .2s ease;transition:all var(--t);width:24px}.qty-btn:hover{background:#2563eb;background:var(--blue);border-color:#2563eb;border-color:var(--blue);color:#fff}.qty-num{font-weight:700;min-width:22px;text-align:center}.ci-price{color:#2563eb;color:var(--blue);font-weight:700}.ci-del{color:#94a3b8;color:var(--text-4);cursor:pointer;transition:color .2s ease;transition:color var(--t)}.ci-del:hover{color:#e11d48;color:var(--red)}.cart-footer{background:#f8fafc;background:var(--elevated);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:12px}.ct-row{color:#64748b;color:var(--text-3);display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.ct-total{color:#2563eb;color:var(--blue);font-size:18px;font-weight:900;margin-top:6px;padding-top:8px}.cart-actions,.ct-total{border-top:1px solid #e2e8f0;border-top:1px solid var(--border)}.cart-actions{display:flex;flex-direction:column;gap:7px;padding:10px}.acc-node{padding-right:20px}.acc-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:7px 12px;transition:background .2s ease;transition:background var(--t)}.acc-row:hover{background:#f1f5f9;background:var(--hover)}.acc-code{color:#94a3b8;color:var(--text-4);font-family:monospace;font-size:11px;min-width:50px}.acc-name{flex:1 1}.acc-balance{color:#2563eb;color:var(--blue);font-weight:700}.acc-children{border-right:2px solid #e2e8f0;border-right:2px solid var(--border);margin-right:20px}.loading-state{align-items:center;color:#94a3b8;color:var(--text-4);display:flex;flex-direction:column;gap:14px;height:200px;justify-content:center}.spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--border);border-radius:50%;border-top-color:var(--blue);height:38px;width:38px}@keyframes spin{to{transform:rotate(1turn)}}.text-blue{color:#2563eb!important;color:var(--blue)!important}.text-green{color:#16a34a!important;color:var(--green)!important}.text-red{color:#e11d48!important;color:var(--red)!important}.text-yellow{color:#d97706!important;color:var(--yellow)!important}.text-purple{color:#7c3aed!important;color:var(--purple)!important}.text-muted{color:#64748b!important;color:var(--text-3)!important}.text-dim{color:#94a3b8!important;color:var(--text-4)!important}.fw-bold{font-weight:700}.fw-black{font-weight:900}.fs-12{font-size:12px}.fs-13{font-size:13px}.mono{font-family:monospace}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.divider{background:#e2e8f0;background:var(--border);height:1px;margin:14px 0}@media print{.no-print,.sidebar,.topbar{display:none!important}.main-area{margin:0}.content{overflow:visible;padding:0}body{background:#fff;color:#000}}.invoice-preview{background:#fff;border-radius:8px;color:#111;direction:rtl;font-family:Cairo,sans-serif;padding:40px}.dark-mode{--bg:#0d1117;--surface:#161b22;--elevated:#21262d;--hover:#30363d;--border:#30363d;--border-md:#484f58;--text:#e6edf3;--text-2:#c9d1d9;--text-3:#8b949e;--text-4:#6e7681;--tb-bg:#161b22;--blue-light:#2563eb26;--green-light:#16a34a26;--red-light:#e11d4826;--yellow-light:#d9770626;--purple-light:#7c3aed26}.dark-mode .card,.dark-mode .topbar{background:#161b22;border-color:#30363d}.dark-mode .form-control{background:#21262d;border-color:#30363d;color:#e6edf3}.dark-mode .form-control:focus{background:#21262d;border-color:#2563eb}.dark-mode thead th{background:linear-gradient(180deg,#21262d,#1c2128);color:#8b949e}.dark-mode tbody td{border-color:#21262d}.dark-mode tbody tr:hover td{background:#21262d}.dark-mode .modal{background:#161b22;border-color:#30363d}.dark-mode .modal-header{background:linear-gradient(135deg,#21262d,#161b22)}.dark-mode .modal-footer{background:#21262d}.dark-mode .quick-action{background:#161b22;border-color:#30363d}.dark-mode .quick-action:hover{background:#2563eb1a}.dark-mode .stat-card,.dark-mode .tabs{background:#161b22;border-color:#30363d}.dark-mode .tab.active{background:#21262d}.dark-mode .chart-card,.dark-mode select.form-control option{background:#161b22}.dark-mode .search-input{color:#e6edf3}.dark-mode .pos-product,.dark-mode .search-input{background:#21262d;border-color:#30363d}.dark-mode .pos-product:hover{background:#2563eb26}.dark-mode .cart-item{background:#21262d;border-color:#30363d}.dark-mode .cart-footer{background:#21262d}.dark-mode .cart-actions{border-color:#30363d}.dark-mode .table-card{background:#161b22;border-color:#30363d}.card,.form-control,.modal,.quick-action,.stat-card,.tab,.tabs,.topbar,body,tbody td,thead th{transition:background-color .25s ease,border-color .25s ease,color .15s ease}
/*# sourceMappingURL=main.b861020b.css.map*/