@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800;900&display=swap";.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.app-container[data-v-d78e30b9]{display:flex;min-height:100vh;background-color:#f1f5f9;color:#1e293b}.app-sidebar[data-v-d78e30b9]{width:280px;background:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:1000;border-right:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-sidebar.is-minimized[data-v-d78e30b9]{width:80px}.rtl-mode .app-sidebar[data-v-d78e30b9]{left:auto;right:0;border-right:none;border-left:1px solid #e2e8f0}.sidebar-top[data-v-d78e30b9]{padding:2.5rem 1.5rem;display:flex;align-items:center;justify-content:center;position:relative}.is-minimized .sidebar-top[data-v-d78e30b9]{padding:2rem .75rem}.app-brand[data-v-d78e30b9]{display:flex;align-items:center;justify-content:center;transition:all .3s}.is-minimized .app-brand[data-v-d78e30b9]{transform:scale(.8)}.app-logo[data-v-d78e30b9]{height:50px;width:auto;object-fit:contain;transition:all .3s}.is-minimized .app-logo[data-v-d78e30b9]{height:35px}.menu-close-btn[data-v-d78e30b9]{display:none;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#94a3b8;padding:.5rem}.rtl-mode .menu-close-btn[data-v-d78e30b9]{right:auto;left:1.5rem}.sidebar-links[data-v-d78e30b9]{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-link[data-v-d78e30b9]{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:12px;color:#64748b;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s;position:relative;overflow:hidden;white-space:nowrap}.is-minimized .sidebar-link[data-v-d78e30b9]{padding:.75rem;justify-content:center;gap:0}.is-minimized .sidebar-link span[data-v-d78e30b9]:not(.status-indicator){display:none}.link-icon[data-v-d78e30b9]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#94a3b8;transition:color .2s}.sidebar-link[data-v-d78e30b9]:hover{background:#f8fafc;color:var(--brand-primary)}.sidebar-link:hover .link-icon[data-v-d78e30b9]{color:var(--brand-primary)}.sidebar-link.router-link-active[data-v-d78e30b9]{background:#f0f7f9;color:var(--brand-primary-dark)}.sidebar-link.router-link-active .link-icon[data-v-d78e30b9]{color:var(--brand-primary)}.sidebar-link.router-link-active[data-v-d78e30b9]:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:4px;background:var(--brand-primary);border-radius:0 4px 4px 0}.rtl-mode .sidebar-link.router-link-active[data-v-d78e30b9]:before{left:auto;right:0;border-radius:4px 0 0 4px}.nav-divider[data-v-d78e30b9]{height:1px;background:#f1f5f9;margin:1rem}.status-indicator[data-v-d78e30b9]{width:8px;height:8px;background:#facc15;border-radius:50%;margin-inline-start:auto}.is-minimized .status-indicator[data-v-d78e30b9]{position:absolute;top:.5rem;right:.5rem}.rtl-mode.sidebar-collapsed .is-minimized .status-indicator[data-v-d78e30b9]{right:auto;left:.5rem}.sidebar-bottom[data-v-d78e30b9]{padding:1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.user-card-mini[data-v-d78e30b9]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;transition:all .3s}.is-minimized .user-card-mini[data-v-d78e30b9]{justify-content:center;margin-bottom:1rem}.mini-avatar[data-v-d78e30b9]{width:40px;height:40px;background:#e2e8f0;color:#475569;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;overflow:hidden}.avatar-img[data-v-d78e30b9]{width:100%;height:100%;object-fit:cover;display:block}.mini-user-info[data-v-d78e30b9]{display:flex;flex-direction:column;transition:opacity .2s}.is-minimized .mini-user-info[data-v-d78e30b9]{display:none}.mini-user-info strong[data-v-d78e30b9]{font-size:.9rem;color:#1e293b}.mini-user-info span[data-v-d78e30b9]{font-size:.75rem;color:#64748b;text-transform:capitalize}.action-footer[data-v-d78e30b9]{display:flex;flex-direction:column;gap:.5rem}.action-item[data-v-d78e30b9]{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;color:#64748b;font-size:.85rem;font-weight:700;background:transparent;cursor:pointer;transition:all .2s;white-space:nowrap}.is-minimized .action-item[data-v-d78e30b9]{justify-content:center;padding:.6rem}.is-minimized .action-item span[data-v-d78e30b9]{display:none}.action-item[data-v-d78e30b9]:hover{background:#fff;color:#1e293b;box-shadow:0 2px 4px #0000000d}.action-item.logout[data-v-d78e30b9]:hover{color:#ef4444}.app-main[data-v-d78e30b9]{flex:1;margin-left:280px;display:flex;flex-direction:column;min-width:0;transition:margin .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .app-main[data-v-d78e30b9]{margin-left:80px}.rtl-mode .app-main[data-v-d78e30b9]{margin-left:0;margin-right:280px}.rtl-mode.sidebar-collapsed .app-main[data-v-d78e30b9]{margin-right:80px}.app-header[data-v-d78e30b9]{height:70px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 2rem;position:sticky;top:0;z-index:900}.header-content[data-v-d78e30b9]{width:100%;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-d78e30b9]{display:flex;align-items:center;gap:1.5rem}.mobile-toggle-btn[data-v-d78e30b9]{display:none;font-size:1.25rem;padding:.5rem;color:#64748b}.desktop-toggle-btn[data-v-d78e30b9]{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:var(--brand-gray-400);cursor:pointer;transition:all .2s;flex-shrink:0}.is-minimized .desktop-toggle-btn[data-v-d78e30b9]{width:40px;height:40px}.desktop-toggle-btn[data-v-d78e30b9]:hover{background:#fff;color:var(--brand-primary);border-color:var(--brand-primary-light);box-shadow:0 4px 12px #0000000d}.page-title[data-v-d78e30b9]{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.user-pill[data-v-d78e30b9]{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:100px;font-size:.85rem;font-weight:700;color:#475569}.online-dot[data-v-d78e30b9]{width:8px;height:8px;background:#22c55e;border-radius:50%}.page-viewport[data-v-d78e30b9]{padding:2rem;flex:1}.page-enter-active[data-v-d78e30b9],.page-leave-active[data-v-d78e30b9]{transition:all .25s ease}.page-enter-from[data-v-d78e30b9]{opacity:0;transform:translateY(5px)}.page-leave-to[data-v-d78e30b9]{opacity:0;transform:translateY(-5px)}.fade-enter-active[data-v-d78e30b9],.fade-leave-active[data-v-d78e30b9]{transition:opacity .3s}.fade-enter-from[data-v-d78e30b9],.fade-leave-to[data-v-d78e30b9]{opacity:0}@media(max-width:1024px){.app-sidebar[data-v-d78e30b9]{transform:translate(-100%)}.rtl-mode .app-sidebar[data-v-d78e30b9]{transform:translate(100%)}.app-sidebar.is-mobile-open[data-v-d78e30b9]{transform:translate(0);box-shadow:20px 0 50px #0000001a}.app-main[data-v-d78e30b9],.rtl-mode .app-main[data-v-d78e30b9]{margin:0}.mobile-toggle-btn[data-v-d78e30b9],.menu-close-btn[data-v-d78e30b9]{display:block}.desktop-toggle-btn[data-v-d78e30b9]{display:none}.app-header[data-v-d78e30b9]{padding:0 1.25rem}}@media(max-width:640px){.page-viewport[data-v-d78e30b9]{padding:1.25rem}.user-display-name[data-v-d78e30b9]{display:none}.user-pill[data-v-d78e30b9]{padding:.5rem}}.app-overlay[data-v-d78e30b9]{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}:root{--brand-primary: #5896a9;--brand-primary-light: #7fb3c3;--brand-primary-lighter: #a5cad5;--brand-primary-dark: #487c8a;--brand-primary-darker: #366170;--brand-accent: #A96358;--brand-accent-light: #c4857b;--brand-accent-dark: #8a4f46;--brand-gold: rgb(206, 176, 126);--brand-gold-light: rgba(206, 176, 126, .2);--brand-white: #fffffc;--brand-bg: #f8fafb;--brand-bg-card: #ffffff;--brand-gray-50: #f8fafb;--brand-gray-100: #eef3f5;--brand-gray-200: #dfe7ea;--brand-gray-300: #c5d3d8;--brand-gray-400: #94a9b0;--brand-gray-500: #6b8590;--brand-gray-600: #4d6570;--brand-gray-700: #3a4f58;--brand-gray-800: #2a3940;--brand-success: #38a169;--brand-success-light: #c6f6d5;--brand-warning: #dd6b20;--brand-warning-light: #feebc8;--brand-error: #e53e3e;--brand-error-light: #fed7d7;--shadow-sm: 0 1px 3px rgba(88, 150, 169, .08);--shadow-md: 0 4px 12px rgba(88, 150, 169, .12);--shadow-lg: 0 10px 30px rgba(88, 150, 169, .15);--shadow-xl: 0 20px 40px rgba(88, 150, 169, .18);--shadow-glow: 0 0 20px rgba(88, 150, 169, .25);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 50rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,Cairo,sans-serif;background-color:var(--brand-bg);color:var(--brand-gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px}[dir=rtl] body{font-family:Cairo,Outfit,sans-serif}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.card{background:var(--brand-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;transition:all var(--transition-normal);border:1px solid rgba(88,150,169,.08)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:var(--brand-white);padding:.875rem 1.75rem;border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #5896a94d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-primary-dark) 0%,var(--brand-primary-darker) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #5896a966}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{background:var(--brand-gray-100);color:var(--brand-gray-700);padding:.875rem 1.75rem;border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{background:var(--brand-gray-200);color:var(--brand-primary-dark)}.input-field{width:100%;padding:1rem 1.25rem;border-radius:var(--radius-lg);border:2px solid var(--brand-gray-200);background:var(--brand-white);transition:all var(--transition-normal);font-size:1rem;color:var(--brand-gray-800)}.input-field::placeholder{color:var(--brand-gray-400)}.input-field:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #5896a926}.input-field:hover:not(:focus){border-color:var(--brand-gray-300)}textarea.input-field{resize:vertical;min-height:150px;line-height:1.7}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--brand-gray-700);font-size:.95rem}.form-group{margin-bottom:1.25rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.badge-primary{background:#5896a926;color:var(--brand-primary-dark)}.badge-success{background:var(--brand-success-light);color:var(--brand-success)}.badge-warning{background:var(--brand-warning-light);color:var(--brand-warning)}.badge-accent{background:#a9635826;color:var(--brand-accent)}.fa-spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-primary{color:var(--brand-primary)!important}.text-accent{color:var(--brand-accent)!important}.text-success{color:var(--brand-success)!important}.text-warning{color:var(--brand-warning)!important}.text-muted{color:var(--brand-gray-500)!important}.text-center{text-align:center}.text-capitalize{text-transform:capitalize}.p-5{padding:2.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2.5rem}.d-block{display:block}.d-flex{display:flex}.fs-1{font-size:2.5rem}.fs-2{font-size:2rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--brand-gray-100);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--brand-gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary-light)}::selection{background:var(--brand-primary-lighter);color:var(--brand-primary-darker)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-pulse{animation:pulse 2s infinite}@media(max-width:768px){body{font-size:15px}.card{padding:1.25rem;border-radius:var(--radius-lg)}.btn-primary{padding:.75rem 1.5rem;width:100%}.fs-1{font-size:2rem}.fs-2{font-size:1.5rem}}@media print{body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}
