@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Nunito:wght@400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Cairo:wght@400;500;600;700&display=swap";:root{--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--primary: #c1d72d;--primary-hover: #b1c726;--primary-active: #9fb31f;--primary-contrast: #0c3d5e;--primary-soft: rgb(193 215 45 / .16);--primary-soft-hover: rgb(193 215 45 / .26);--focus-ring: rgb(193 215 45 / .4);--secondary: #ff7a4d;--secondary-hover: #f2683a;--secondary-contrast: #ffffff;--secondary-soft: rgb(255 122 77 / .12);--bg-light: var(--slate-50);--bg-white: #ffffff;--bg-card: #ffffff;--bg-subtle: var(--slate-100);--surface: #ffffff;--surface-2: var(--slate-50);--overlay: rgb(15 23 42 / .5);--text-primary: #0c3d5e;--text-secondary: #3a5f78;--text-muted: #6e8698;--text-on-accent: #0c3d5e;--border: var(--slate-200);--border-strong: var(--slate-300);--success: #22c55e;--success-soft: rgb(34 197 94 / .12);--warning: #f59e0b;--warning-soft: rgb(245 158 11 / .12);--danger: #ef4444;--danger-hover: #dc2626;--danger-soft: rgb(239 68 68 / .12);--danger-border: #fecaca;--success-strong: #16a34a;--warning-strong: #ca8a04;--error: var(--danger);--info: #0ea5e9;--info-soft: rgb(14 165 233 / .12);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--radius: var(--radius-md);--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .05);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .08), 0 2px 4px -2px rgb(15 23 42 / .06);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .1), 0 4px 6px -4px rgb(15 23 42 / .06);--shadow-xl: 0 20px 25px -5px rgb(15 23 42 / .12), 0 8px 10px -6px rgb(15 23 42 / .08);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-arabic: "Cairo", "Noto Sans Arabic", "Segoe UI", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;color-scheme:light dark;font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background-color:var(--bg-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-light: var(--slate-900);--bg-white: var(--slate-800);--bg-card: var(--slate-800);--bg-subtle: #243044;--surface: var(--slate-800);--surface-2: #243044;--overlay: rgb(2 6 23 / .6);--text-primary: var(--slate-100);--text-secondary: var(--slate-300);--text-muted: var(--slate-500);--border: var(--slate-700);--border-strong: var(--slate-600);--primary-soft: rgb(193 215 45 / .18);--primary-soft-hover: rgb(193 215 45 / .28);--focus-ring: rgb(193 215 45 / .4);--secondary-soft: rgb(255 122 77 / .2);--danger-soft: rgb(239 68 68 / .18);--danger-border: #7f1d1d;--success-soft: rgb(34 197 94 / .18);--warning-soft: rgb(245 158 11 / .18);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-light: var(--slate-900);--bg-white: var(--slate-800);--bg-card: var(--slate-800);--bg-subtle: #243044;--surface: var(--slate-800);--surface-2: #243044;--overlay: rgb(2 6 23 / .6);--text-primary: var(--slate-100);--text-secondary: var(--slate-300);--text-muted: var(--slate-500);--border: var(--slate-700);--border-strong: var(--slate-600);--primary-soft: rgb(193 215 45 / .18);--primary-soft-hover: rgb(193 215 45 / .28);--focus-ring: rgb(193 215 45 / .4);--secondary-soft: rgb(255 122 77 / .2);--danger-soft: rgb(239 68 68 / .18);--danger-border: #7f1d1d;--success-soft: rgb(34 197 94 / .18);--warning-soft: rgb(245 158 11 / .18);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4)}}html[lang=ar],html[dir=rtl]{font-family:var(--font-arabic)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--text-primary);margin:0;letter-spacing:-.025em}h2{font-size:.8125rem;font-weight:var(--fw-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary);margin:0}a{color:var(--primary);text-decoration:none;font-weight:var(--fw-medium)}a:hover{color:var(--primary-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:var(--space-3) 2.5rem var(--space-3) var(--space-4);font-size:var(--fs-base);font-family:inherit;color:var(--text-primary);background-color:var(--bg-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}select:hover{border-color:var(--primary)}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}select:disabled{background-color:var(--bg-light);color:var(--text-muted);cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:480px;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border)}.modal-header h2{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin:0;text-transform:none;letter-spacing:normal}.modal-body{padding:var(--space-6)}.modal-body label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.modal-body input{width:100%;padding:.875rem var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--text-primary);background:var(--bg-light);transition:all .2s;box-sizing:border-box}.modal-body input:focus{outline:none;border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 3px var(--focus-ring)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0;padding:0}.btn-icon svg{width:20px;height:20px;stroke:currentColor}.btn-icon:hover{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.btn-secondary{padding:var(--space-3) var(--space-5);background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-white);border-color:var(--border-strong);color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}code{background:var(--bg-subtle);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em;color:var(--text-primary)}[dir=rtl] code,[dir=rtl] .mono,[dir=rtl] pre{direction:ltr;text-align:left;unicode-bidi:embed}[dir=rtl] .modal-footer{justify-content:flex-end;flex-direction:row-reverse}[dir=rtl] select{padding:var(--space-3) var(--space-4) var(--space-3) 2.5rem;background-position:left var(--space-3) center}[dir=rtl] .modal-body input,[dir=rtl] .modal-body textarea,[dir=rtl] input[type=text],[dir=rtl] input[type=url],[dir=rtl] input[type=password],[dir=rtl] input[type=number],[dir=rtl] textarea{text-align:right}[dir=rtl] input[type=url],[dir=rtl] input[type=email],[dir=rtl] input[type=tel]{direction:ltr;text-align:left}[dir=rtl] .page-header__top{flex-direction:row-reverse}[dir=rtl] .toast-container{right:auto;left:var(--space-4)}.layout{--primary: #c1d72d;--primary-hover: #b1c726;--primary-active: #9fb31f;--primary-contrast: #0c3d5e;--primary-soft: rgb(193 215 45 / .22);--primary-soft-hover: rgb(193 215 45 / .34);--focus-ring: rgb(193 215 45 / .5);--secondary: #ff7a4d;--secondary-hover: #f2683a;--secondary-contrast: #ffffff;--secondary-soft: rgb(255 122 77 / .18);--bg-light: #edf0e6;--bg-white: #ffffff;--bg-card: #ffffff;--bg-subtle: #f4f6ec;--surface: #ffffff;--surface-2: #f7f8f1;--overlay: rgb(12 61 94 / .45);--text-primary: #0c3d5e;--text-secondary: #3a5f78;--text-muted: #6e8698;--text-on-accent: #0c3d5e;--border: #e0e5d6;--border-strong: #c8d0b8;--border-width: 2px;--success: #10b981;--success-strong: #0e9f6e;--success-soft: rgb(16 185 129 / .16);--warning: #f59e0b;--warning-strong: #d97706;--warning-soft: rgb(245 158 11 / .16);--danger: #ef4444;--danger-hover: #dc2626;--danger-soft: rgb(239 68 68 / .14);--danger-border: #f6bcbc;--error: var(--danger);--info: #0ea5e9;--info-soft: rgb(14 165 233 / .16);--radius-sm: 10px;--radius-md: 16px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 6px rgb(12 61 94 / .08), inset 0 1px 0 rgb(255 255 255 / .6);--shadow-md: 6px 8px 20px rgb(12 61 94 / .1), -3px -3px 10px rgb(255 255 255 / .85), inset 2px 2px 5px rgb(255 255 255 / .55), inset -3px -4px 8px rgb(12 61 94 / .05);--shadow-lg: 10px 14px 32px rgb(12 61 94 / .14), -5px -5px 14px rgb(255 255 255 / .9), inset 2px 2px 6px rgb(255 255 255 / .6), inset -4px -5px 10px rgb(12 61 94 / .06);--shadow-xl: 16px 22px 48px rgb(12 61 94 / .18), -6px -6px 18px rgb(255 255 255 / .92), inset 2px 2px 8px rgb(255 255 255 / .65), inset -5px -6px 12px rgb(12 61 94 / .07);--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--font-sans);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark] .layout{--bg-light: #0a2436;--bg-white: #103149;--bg-card: #103149;--bg-subtle: #15384f;--surface: #103149;--surface-2: #1a425c;--overlay: rgb(3 15 25 / .6);--text-primary: #e8f1f7;--text-secondary: #a9c2d2;--text-muted: #6f8ea3;--border: #1e455f;--border-strong: #2d5d79;--primary-soft: rgb(193 215 45 / .2);--primary-soft-hover: rgb(193 215 45 / .3);--focus-ring: rgb(193 215 45 / .5);--secondary-soft: rgb(255 122 77 / .22);--danger-border: #7f1d1d;--success-soft: rgb(16 185 129 / .2);--warning-soft: rgb(245 158 11 / .2);--danger-soft: rgb(239 68 68 / .2);--shadow-sm: 0 2px 6px rgb(0 0 0 / .4), inset 0 1px 0 rgb(255 255 255 / .04);--shadow-md: 6px 8px 20px rgb(0 0 0 / .45), -3px -3px 10px rgb(255 255 255 / .03), inset 2px 2px 5px rgb(255 255 255 / .05), inset -3px -4px 8px rgb(0 0 0 / .35);--shadow-lg: 10px 14px 32px rgb(0 0 0 / .5), -5px -5px 14px rgb(255 255 255 / .03), inset 2px 2px 6px rgb(255 255 255 / .05), inset -4px -5px 10px rgb(0 0 0 / .4);--shadow-xl: 16px 22px 48px rgb(0 0 0 / .55), -6px -6px 18px rgb(255 255 255 / .03), inset 2px 2px 8px rgb(255 255 255 / .06), inset -5px -6px 12px rgb(0 0 0 / .45)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .layout{--bg-light: #0a2436;--bg-white: #103149;--bg-card: #103149;--bg-subtle: #15384f;--surface: #103149;--surface-2: #1a425c;--overlay: rgb(3 15 25 / .6);--text-primary: #e8f1f7;--text-secondary: #a9c2d2;--text-muted: #6f8ea3;--border: #1e455f;--border-strong: #2d5d79;--primary-soft: rgb(193 215 45 / .2);--primary-soft-hover: rgb(193 215 45 / .3);--secondary-soft: rgb(255 122 77 / .22);--danger-border: #7f1d1d;--success-soft: rgb(16 185 129 / .2);--warning-soft: rgb(245 158 11 / .2);--danger-soft: rgb(239 68 68 / .2);--shadow-sm: 0 2px 6px rgb(0 0 0 / .4), inset 0 1px 0 rgb(255 255 255 / .04);--shadow-md: 6px 8px 20px rgb(0 0 0 / .45), -3px -3px 10px rgb(255 255 255 / .03), inset 2px 2px 5px rgb(255 255 255 / .05), inset -3px -4px 8px rgb(0 0 0 / .35);--shadow-lg: 10px 14px 32px rgb(0 0 0 / .5), -5px -5px 14px rgb(255 255 255 / .03), inset 2px 2px 6px rgb(255 255 255 / .05), inset -4px -5px 10px rgb(0 0 0 / .4);--shadow-xl: 16px 22px 48px rgb(0 0 0 / .55), -6px -6px 18px rgb(255 255 255 / .03), inset 2px 2px 8px rgb(255 255 255 / .06), inset -5px -6px 12px rgb(0 0 0 / .45)}}.layout h1{font-weight:800;letter-spacing:-.02em}.layout h3{font-weight:800}.layout .btn-primary,.layout button.btn-primary{background:var(--primary);color:var(--text-on-accent);border:var(--border-width) solid rgb(12 61 94 / .1);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-weight:800;transition:transform .18s var(--ease-bounce),background .2s ease,box-shadow .2s ease}.layout .btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.layout .btn-primary:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-sm)}.layout .btn-secondary,.layout .btn-icon,.layout .btn-sm,.layout .btn-action,.layout .btn-close{border-radius:var(--radius-md);transition:transform .18s var(--ease-bounce),background .2s ease,color .2s ease,border-color .2s ease}.layout .btn-secondary:active,.layout .btn-icon:active,.layout .btn-sm:active,.layout .btn-action:active{transform:scale(.96)}.layout input,.layout select,.layout textarea,.layout .modal-body input,.layout .search-input{border-radius:var(--radius-md);border-width:var(--border-width)}.layout .modal{border-radius:var(--radius-xl);border:var(--border-width) solid var(--border)}.layout code{border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){.layout .btn-primary,.layout .btn-secondary,.layout .btn-icon,.layout .btn-sm,.layout .btn-action{transition:none}.layout .btn-primary:hover,.layout .btn-primary:active,.layout .btn-secondary:active,.layout .btn-icon:active,.layout .btn-sm:active,.layout .btn-action:active{transform:none}}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:width .3s ease,transform .3s ease}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border);min-height:72px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1.5rem 1rem}.sidebar-logo{width:38px;height:38px;object-fit:contain;flex-shrink:0;background:#fff;padding:5px;border-radius:var(--radius-sm, 8px);box-shadow:var(--shadow-sm)}.mobile-brand .sidebar-logo{width:32px;height:32px}.sidebar-brand{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.brand-name{font-size:1.125rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.brand-subtitle{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.collapse-toggle{position:absolute;right:-14px;top:36px;width:28px;height:28px;border-radius:50%;background:var(--bg-white);border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;z-index:101;padding:0}.collapse-toggle:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-lg)}.collapse-toggle svg{width:16px;height:16px}.sidebar.collapsed .collapse-toggle{right:-14px}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar.collapsed .sidebar-nav{padding:1rem .5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);font-size:.875rem;font-weight:700;transition:transform .18s var(--ease-bounce, ease),background .2s ease,color .2s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:.7rem}.nav-item:hover{background:var(--bg-subtle);color:var(--text-primary);text-decoration:none;transform:translate(2px)}.nav-item.active{background:var(--primary);color:var(--text-on-accent);box-shadow:var(--shadow-sm);font-weight:800}.nav-item.active:hover{background:var(--primary-hover);color:var(--text-on-accent);transform:translate(2px)}.nav-item.active svg{color:var(--text-on-accent)}.sidebar-footer{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border)}.sidebar.collapsed .sidebar-footer{padding:.75rem .5rem}.sidebar-account{padding:.4rem .9rem;overflow:hidden}.sidebar-account__email{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-toggle-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden}.sidebar.collapsed .theme-toggle-btn,.sidebar.collapsed .logout-btn{justify-content:center;padding:.6rem}.theme-toggle-btn:hover{background:var(--bg-light);color:var(--text-primary)}.logout-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden}.logout-btn:hover{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.main-content{flex:1;margin-left:260px;width:calc(100% - 260px);background:var(--bg-light);min-height:100vh;overflow-x:hidden;transition:margin-left .3s ease,width .3s ease}.main-content.expanded{margin-left:72px;width:calc(100% - 72px)}.mobile-header,.sidebar-overlay{display:none}@media(max-width:767px){.mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;padding:0 1rem;background:var(--bg-white);border-bottom:1px solid var(--border);z-index:90}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent!important;border:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius);transition:background .2s;padding:0}.mobile-menu-btn svg{color:var(--text-primary);stroke:var(--text-primary)}.mobile-menu-btn:hover{background:var(--bg-light)!important}.mobile-brand{display:flex;align-items:center;gap:.5rem}.mobile-brand .brand-name{font-size:1rem}.sidebar.mobile{transform:translate(-100%);width:280px;box-shadow:var(--shadow-lg)}.sidebar.mobile.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--overlay);z-index:95;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content.mobile{margin-left:0;width:100%;padding-top:56px;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.collapse-toggle{display:none}}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .collapse-toggle{right:auto;left:-14px}[dir=rtl] .collapse-toggle svg{transform:scaleX(-1)}[dir=rtl] .main-content{margin-left:0;margin-right:260px;transition:margin-right .3s ease,width .3s ease}[dir=rtl] .main-content.expanded{margin-right:72px}@media(max-width:768px){[dir=rtl] .main-content,[dir=rtl] .main-content.mobile{margin-right:0}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left-color:var(--info)}.toast-info .toast-icon{color:var(--info)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--text-primary);line-height:1.4}.toast-message{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.5}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.toast-close:hover{background:var(--bg-subtle);color:var(--text-secondary)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-primary);line-height:1.6}input,select,textarea{font-family:inherit;background:var(--bg-white);color:var(--text-primary);border-color:var(--border)}