:root{--color-bg-primary: #0a192f;--color-bg-secondary: #1e2a47;--color-bg-tertiary: #32425d;--color-text-primary: #bdc8d4;--color-text-secondary: #888;--color-text-inverse: #ffffff;--color-accent: #00aaff;--color-accent-hover: #0088cc;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-ai-bg-start: #10f1a8;--color-ai-bg-mid: #0047ff;--color-ai-bg-end: #ad00ff;--color-ai-accent: #10f1a8;--color-ai-glow: rgba(16, 241, 168, .12);--color-ai-glow-strong: rgba(16, 241, 168, .3);--color-light-bg: #ffffff;--color-light-card: rgba(255, 255, 255, .88);--color-light-text: #203442;--color-light-border: #cfdff7a6;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2);--font-arabic: "Cairo", "Tajawal", "Segoe UI", sans-serif;--font-english: "Inter", "Roboto", "Segoe UI", sans-serif;--font-display: "Orbitron", "Cairo", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--bottom-nav-height: 60px;--bottom-nav-padding: 140px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .25);--shadow-accent: 0 4px 12px rgba(0, 170, 255, .3);--shadow-ai: 0 6px 36px rgba(173, 0, 255, .4), 0 3px 9px rgba(16, 241, 168, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-bottom-nav: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-accent{background-color:var(--color-accent)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-accent{box-shadow:var(--shadow-accent)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}[dir=rtl] .page-header,[dir=rtl] .header-content{text-align:right}[dir=ltr] .page-header,[dir=ltr] .header-content{text-align:left}[dir=rtl] .back-button{margin-right:0;margin-left:auto}[dir=ltr] .back-button{margin-left:0;margin-right:auto}[dir=rtl] .form-group,[dir=rtl] .input-wrapper,[dir=rtl] .select-wrapper{text-align:right}[dir=ltr] .form-group,[dir=ltr] .input-wrapper,[dir=ltr] .select-wrapper{text-align:left}[dir=rtl] .card,[dir=rtl] [class*=card]{text-align:right}[dir=ltr] .card,[dir=ltr] [class*=card]{text-align:left}[dir=rtl] .primary-button,[dir=rtl] .secondary-button{text-align:right}[dir=ltr] .primary-button,[dir=ltr] .secondary-button{text-align:left}[lang=ar]{font-family:var(--font-arabic)}[lang=en]{font-family:var(--font-english)}[data-ai-theme=true]{--color-bg-primary: linear-gradient(135deg, #eef5fa 0%, #ffffff 50%, #f0f8ff 100%);--color-bg-secondary: rgba(255, 255, 255, .95);--color-bg-tertiary: rgba(240, 248, 255, .8);--color-text-primary: #203442;--color-text-secondary: #4a5568;--color-text-inverse: #ffffff;--color-accent: #00aaff;--color-accent-hover: #0088cc;--color-border: rgba(0, 170, 255, .2);--color-border-strong: rgba(0, 170, 255, .3)}[data-ai-theme=true] .page-container,[data-ai-theme=true] .content{background:var(--color-bg-primary);background-size:200% 200%;animation:ai-gradient-move 8s ease-in-out infinite alternate;color:var(--color-text-primary)}[data-ai-theme=true] .card,[data-ai-theme=true] [class*=card]{background:#fffffff2;border:1.5px solid rgba(0,170,255,.3);box-shadow:0 4px 20px #00aaff26,0 2px 8px #0000000d;color:var(--color-text-primary)}[data-ai-theme=true] .card-title,[data-ai-theme=true] .card-header h3,[data-ai-theme=true] .card-header h4{color:var(--color-text-primary)}[data-ai-theme=true] .primary-button,[data-ai-theme=true] [class*=primary-button]{background:linear-gradient(135deg,#0af,#08c);color:#fff;box-shadow:0 4px 20px #00aaff4d}[data-ai-theme=true] .primary-button:hover{box-shadow:0 6px 30px #0af6;transform:translateY(-2px);background:linear-gradient(135deg,#08c,#06a)}[data-ai-theme=true] .secondary-button,[data-ai-theme=true] [class*=secondary-button]{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-accent)}[data-ai-theme=true] .secondary-button:hover{background:var(--color-accent);color:#fff}:root:not([data-ai-theme=true]){--color-bg-primary: #0a192f;--color-bg-secondary: #1e2a47;--color-bg-tertiary: #32425d;--color-text-primary: #bdc8d4;--color-text-secondary: #8892b0;--color-text-inverse: #ffffff;--color-accent: #00aaff;--color-accent-hover: #0088cc;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2)}:root:not([data-ai-theme=true]) .card,:root:not([data-ai-theme=true]) [class*=card]{background:var(--color-bg-secondary);color:var(--color-text-primary)}:root:not([data-ai-theme=true]) .card-title,:root:not([data-ai-theme=true]) .card-header h3,:root:not([data-ai-theme=true]) .card-header h4{color:var(--color-text-primary)}:root:not([data-ai-theme=true]) .primary-button,:root:not([data-ai-theme=true]) [class*=primary-button]{background:var(--color-accent);color:var(--color-text-inverse)}:root:not([data-ai-theme=true]) .secondary-button,:root:not([data-ai-theme=true]) [class*=secondary-button]{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}:root:not([data-ai-theme=true]) .secondary-button:hover{background:var(--color-accent);color:var(--color-text-inverse)}[data-ai-theme=true] *{color:inherit}[data-ai-theme=true] p,[data-ai-theme=true] span,[data-ai-theme=true] div,[data-ai-theme=true] h1,[data-ai-theme=true] h2,[data-ai-theme=true] h3,[data-ai-theme=true] h4,[data-ai-theme=true] h5,[data-ai-theme=true] h6{color:var(--color-text-primary)}:root:not([data-ai-theme=true]) p,:root:not([data-ai-theme=true]) span,:root:not([data-ai-theme=true]) div,:root:not([data-ai-theme=true]) h1,:root:not([data-ai-theme=true]) h2,:root:not([data-ai-theme=true]) h3,:root:not([data-ai-theme=true]) h4,:root:not([data-ai-theme=true]) h5,:root:not([data-ai-theme=true]) h6{color:var(--color-text-primary)}:root:not([data-ai-theme=true]) .page-container,:root:not([data-ai-theme=true]) .content,:root:not([data-ai-theme=true]) body{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}[data-ai-theme=true] .page-container,[data-ai-theme=true] .content,[data-ai-theme=true] body{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}[data-ai-theme=true] button,[data-ai-theme=true] .button,[data-ai-theme=true] [class*=button]{color:inherit}:root:not([data-ai-theme=true]) button,:root:not([data-ai-theme=true]) .button,:root:not([data-ai-theme=true]) [class*=button]{color:inherit}.bottom-navigation[data-v-cb84eb1c]{position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;background-color:#1e2a47;border-top:2px solid #00aaff;display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 10px #0000004d;margin:0;padding:0;box-sizing:border-box}[data-ai-theme=true] .bottom-navigation[data-v-cb84eb1c]{background:linear-gradient(95deg,#0e243ef2 30%,#ad00ff26 120%);border-top:3px solid #10f1a8;box-shadow:0 -7px 38px #ad00ff66,0 -12px 44px #10f1a84d}.nav-link[data-v-cb84eb1c]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-decoration:none;color:#888;padding:4px 0;height:100%;box-sizing:border-box}.nav-icon[data-v-cb84eb1c]{font-size:24px;display:block;margin-bottom:2px}.nav-text[data-v-cb84eb1c]{font-size:10px;font-weight:500}.nav-link.active[data-v-cb84eb1c]{color:#0af}[data-ai-theme=true] .nav-link.active[data-v-cb84eb1c]{color:#10f1a8}.nav-link.active .nav-icon[data-v-cb84eb1c]{transform:scale(1.1)}.nav-link.active[data-v-cb84eb1c]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#0af}[data-ai-theme=true] .nav-link.active[data-v-cb84eb1c]:before{background:linear-gradient(90deg,#10f1a8,#ad00ffcc);height:4px}@media(max-width:768px){.bottom-navigation[data-v-cb84eb1c]{height:65px}.nav-icon[data-v-cb84eb1c]{font-size:22px}.nav-text[data-v-cb84eb1c]{font-size:9px}}.toast-notification[data-v-4cfaae14]{position:fixed;top:2rem;right:2rem;min-width:320px;max-width:450px;padding:1.25rem 1.5rem;border-radius:16px;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff1a;display:flex;align-items:flex-start;gap:1rem;z-index:10000;cursor:pointer;animation:toastSlideIn-4cfaae14 .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.toast-notification[data-v-4cfaae14]:hover{transform:translateY(-2px);box-shadow:0 12px 48px #0006,0 0 0 1px #ffffff26}@keyframes toastSlideIn-4cfaae14{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast-success[data-v-4cfaae14]{background:linear-gradient(135deg,#28a745f2,#218838f2);border:1px solid rgba(30,126,52,.3);color:#fff}.toast-error[data-v-4cfaae14]{background:linear-gradient(135deg,#dc3545f2,#c82333f2);border:1px solid rgba(189,33,48,.3);color:#fff}.toast-warning[data-v-4cfaae14]{background:linear-gradient(135deg,#ffc107f2,#e0a800f2);border:1px solid rgba(211,158,0,.3);color:#000}.toast-info[data-v-4cfaae14]{background:linear-gradient(135deg,#17a2b8f2,#138496f2);border:1px solid rgba(17,122,139,.3);color:#fff}.toast-icon[data-v-4cfaae14]{font-size:1.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-message[data-v-4cfaae14]{flex:1;font-size:.95rem;font-weight:500;line-height:1.6;word-wrap:break-word;padding-top:.125rem}.toast-close[data-v-4cfaae14]{background:#ffffff1a;border:none;color:inherit;font-size:1.5rem;font-weight:300;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;opacity:.7;line-height:1}.toast-close[data-v-4cfaae14]:hover{background:#ffffff40;opacity:1;transform:scale(1.1)}.toast-slide-enter-active[data-v-4cfaae14],.toast-slide-leave-active[data-v-4cfaae14]{transition:all .4s cubic-bezier(.16,1,.3,1)}.toast-slide-enter-from[data-v-4cfaae14],.toast-slide-leave-to[data-v-4cfaae14]{opacity:0;transform:translate(20px) scale(.95)}@media(max-width:768px){.toast-notification[data-v-4cfaae14]{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:100%;padding:1rem 1.25rem;font-size:.9rem}.toast-icon[data-v-4cfaae14]{font-size:1.5rem;width:36px;height:36px}.toast-close[data-v-4cfaae14]{font-size:1.4rem;width:26px;height:26px}@keyframes toastSlideIn-4cfaae14{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-slide-enter-from[data-v-4cfaae14],.toast-slide-leave-to[data-v-4cfaae14]{transform:translateY(-20px) scale(.95)}}.loading-overlay[data-v-9026487e]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a192fd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-overlay[data-v-9026487e]:not(.fullscreen){position:absolute;background:#0a192fb3}.loading-content[data-v-9026487e]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner[data-v-9026487e]{width:50px;height:50px;border:4px solid rgba(50,66,93,.3);border-top:4px solid #00aaff;border-radius:50%;animation:spin-9026487e 1s linear infinite}@keyframes spin-9026487e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message[data-v-9026487e]{color:#bdc8d4;font-size:1.1rem;font-weight:500;text-align:center;margin:0;max-width:300px}@media(max-width:768px){.spinner[data-v-9026487e]{width:40px;height:40px;border-width:3px}.loading-message[data-v-9026487e]{font-size:1rem;max-width:250px}}.spinner.small[data-v-9026487e]{width:30px;height:30px;border-width:3px}.spinner.large[data-v-9026487e]{width:70px;height:70px;border-width:5px}.notification-bell-container[data-v-d89559f2]{position:relative}.notification-bell-btn[data-v-d89559f2]{position:relative;background:transparent;border:none;cursor:pointer;padding:.5rem;font-size:1.5rem;color:#2071a7;transition:all .3s}.notification-bell-btn[data-v-d89559f2]:hover{transform:scale(1.1)}.notification-bell-btn.has-unread[data-v-d89559f2]{animation:pulse-d89559f2 2s infinite}@keyframes pulse-d89559f2{0%,to{opacity:1}50%{opacity:.7}}.badge[data-v-d89559f2]{position:absolute;top:0;right:0;background:#dc3545;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.notification-dropdown[data-v-d89559f2]{position:fixed;width:350px;max-width:calc(100vw - 40px);max-height:500px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:10000;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.notification-dropdown[data-v-d89559f2]{right:auto;left:50%;transform:translate(-50%);width:calc(100vw - 40px);max-width:350px;margin-top:60px}}.dropdown-header[data-v-d89559f2]{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.dropdown-header h4[data-v-d89559f2]{margin:0;color:#2071a7;font-size:1.1rem}.mark-all-btn[data-v-d89559f2]{background:transparent;border:none;color:#0090ff;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.mark-all-btn[data-v-d89559f2]:hover{background:#f0f8ff}.notifications-list[data-v-d89559f2]{overflow-y:auto;flex:1}.notification-item[data-v-d89559f2]{display:flex;padding:1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;position:relative}.notification-item[data-v-d89559f2]:hover{background:#f8f9fa}.notification-item.unread[data-v-d89559f2]{background:#f0f8ff;border-left:3px solid #0090ff}.notification-icon[data-v-d89559f2]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-left:.75rem;flex-shrink:0}.notification-icon.type-success[data-v-d89559f2]{background:#d4edda}.notification-icon.type-error[data-v-d89559f2]{background:#f8d7da}.notification-icon.type-warning[data-v-d89559f2]{background:#fff3cd}.notification-icon.type-info[data-v-d89559f2]{background:#d1ecf1}.notification-content[data-v-d89559f2]{flex:1;min-width:0}.notification-title[data-v-d89559f2]{font-weight:600;color:#1a1a1a;margin-bottom:.25rem;font-size:.9rem}.notification-message[data-v-d89559f2]{color:#6c757d;font-size:.85rem;margin-bottom:.25rem;line-height:1.4}.notification-time[data-v-d89559f2]{color:#adb5bd;font-size:.75rem}.mark-read-btn[data-v-d89559f2]{background:transparent;border:none;color:#0090ff;cursor:pointer;font-size:1.2rem;padding:.25rem;opacity:.6;transition:opacity .2s}.mark-read-btn[data-v-d89559f2]:hover{opacity:1}.loading-notifications[data-v-d89559f2],.empty-notifications[data-v-d89559f2]{padding:2rem;text-align:center;color:#6c757d}.dropdown-footer[data-v-d89559f2]{padding:.75rem 1rem;border-top:1px solid #e0e0e0;text-align:center}.dropdown-footer a[data-v-d89559f2]{color:#0090ff;text-decoration:none;font-weight:500;font-size:.9rem}.dropdown-footer a[data-v-d89559f2]:hover{text-decoration:underline}.dropdown-overlay[data-v-d89559f2]{position:fixed;inset:0;z-index:999;background:transparent}@media(max-width:768px){.notification-dropdown[data-v-d89559f2]{right:auto;left:50%;transform:translate(-50%);width:calc(100vw - 40px);max-width:350px;max-height:400px}}.site-header[data-v-1753725e]{background:var(--card-bg, #1e2a47);border-bottom:2px solid var(--accent, #00aaff);padding:.75rem 1.5rem;position:sticky;top:0;z-index:999;box-shadow:0 2px 8px #0003}.header-content[data-v-1753725e]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.brand-section[data-v-1753725e],.header-actions[data-v-1753725e]{display:flex;align-items:center;gap:1rem}.site-logo[data-v-1753725e]{max-width:40px;max-height:40px;border-radius:6px}.site-name[data-v-1753725e]{font-size:1.5rem;font-weight:700;color:var(--accent, #00aaff);text-shadow:0 2px 8px rgba(0,170,255,.3)}@media(max-width:768px){.site-header[data-v-1753725e]{padding:.5rem 1rem}.site-name[data-v-1753725e]{font-size:1.2rem}.site-logo[data-v-1753725e]{max-width:30px;max-height:30px}}.global-smart-mode{background:linear-gradient(135deg,#eef5fa,#fff,#f0f8ff)!important;background-size:200% 200%;animation:ai-gradient-move 8s ease-in-out infinite alternate;min-height:100vh;box-sizing:border-box;color:var(--color-text-primary)}@keyframes ai-gradient-move{0%{background-position:0% 0%}to{background-position:100% 100%}}