:root{--primary-color: #428177;--secondary-color: #6b1f2a;--accent-color: #988561;--success: #054239;--warning: #b9a779;--error: #ca3342;--info: #428177;--bg-main: #ffffff;--bg-surface: #edebe0;--bg-secondary: #f4f5f6;--bg-card: #ffffff;--border-color: #b9a779;--text-primary: #161616;--text-secondary: #3d3a3b;--text-muted: #988561;--text-inverse: #ffffff;--primary-hover: #054239;--secondary-hover: #4a151e;--accent-hover: #b9a779;--bg-hover: #edebe0;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(66, 129, 119, .3);--backdrop-color: rgba(0, 0, 0, .5);--backdrop-blur: blur(4px)}.dark-mode{--primary-color: #428177;--secondary-color: #6b1f2a;--accent-color: #b9a779;--success: #58b89f;--warning: #d2bc84;--error: #c94b63;--info: #5ea8c9;--bg-main: #161616;--bg-surface: #1d1d1d;--bg-secondary: #262626;--bg-card: #202020;--border-color: #363636;--text-primary: #f7f7f7;--text-secondary: #cfcfcf;--text-muted: #9a9a9a;--text-inverse: #161616;--primary-hover: #54a08f;--secondary-hover: #84303d;--accent-hover: #d2bc84;--bg-hover: rgba(255, 255, 255, .05);--glass-bg: rgba(30, 30, 30, .82);--glass-border: rgba(255, 255, 255, .08);--backdrop-color: rgba(187, 187, 187, .5);--backdrop-blur: blur(4px)}:root{--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--container-padding: var(--spacing-4);--header-height: 80px;--navbar-desktop-height: 72px;--navbar-mobile-height: 64px;--sidebar-width: 300px;--z-index: 9999}:root{--font-family-base: "Manrope", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-arabic: "Tajawal", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: clamp(.75rem, 1vw, .875rem);--text-sm: clamp(.875rem, 1.2vw, 1rem);--text-base: clamp(1rem, 1.5vw, 1.125rem);--text-lg: clamp(1.125rem, 2vw, 1.25rem);--text-xl: clamp(1.25rem, 2.5vw, 1.5rem);--header-1: clamp(2.5rem, 5vw, 3rem);--header-2: clamp(2rem, 4vw, 2.5rem);--header-3: clamp(1.5rem, 3vw, 2rem);--header-4: clamp(1.25rem, 2.5vw, 1.5rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root{--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow-primary: 0 0 15px rgba(37, 99, 235, .3);--shadow-glow-accent: 0 0 15px rgba(6, 182, 212, .3)}.dark-mode{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .6);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow-primary: 0 0 15px rgba(37, 99, 235, .2);--shadow-glow-accent: 0 0 15px rgba(6, 182, 212, .2)}:root{--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.m-0{margin:0}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-muted{color:var(--text-muted)}.text-error{color:var(--error)}.text-success{color:var(--success)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-ring{outline:none;transition:box-shadow var(--transition-fast)}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--primary-color)}.active-link .link-title{color:var(--primary-hover)!important}.active-link{background-color:var(--bg-hover)!important}.link:hover{background-color:var(--bg-hover);color:var(--primary-hover);cursor:pointer}.brand-area h2{font-family:var(--font-family-english)!important}.link:hover .link-title{color:var(--primary-hover)!important}.directional-icon{transition:transform var(--transition-base)}:host-context([dir="rtl"]) .directional-icon{transform:rotate(180deg)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border:1.5px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),opacity var(--transition-fast)}.btn svg,.btn lucide-icon{flex-shrink:0;width:16px;height:16px;opacity:1;visibility:visible;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.btn:active:not(:disabled){transform:scale(.97) translateY(0);box-shadow:none}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);gap:var(--spacing-1)}.btn-sm svg,.btn-sm lucide-icon{width:14px;height:14px}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--text-base)}.btn-lg svg,.btn-lg lucide-icon{width:20px;height:20px}.btn-icon{padding:var(--spacing-2);aspect-ratio:1;gap:0}.btn-block{width:100%}.btn-primary{background:var(--primary-color);color:var(--text-inverse);border-color:transparent;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background:var(--primary-hover);transform:scale(.97) translateY(0);box-shadow:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.btn-secondary:active:not(:disabled){background:var(--bg-hover);transform:scale(.97) translateY(0)}.btn-outlined{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outlined:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 8%,transparent);border-color:var(--primary-hover);color:var(--primary-hover)}.btn-outlined:active:not(:disabled){background:color-mix(in srgb,var(--primary-color) 14%,transparent);transform:scale(.97) translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-hover);transform:scale(.97)}.btn-update{background:var(--primary-color);color:var(--text-inverse);border-color:transparent;box-shadow:var(--shadow-glow-primary)}.btn-update:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-update:active:not(:disabled){background:var(--primary-hover);transform:scale(.97) translateY(0);box-shadow:none}.btn-delete{background:var(--error);color:var(--text-inverse);border-color:transparent}.btn-delete:hover:not(:disabled){background:var(--secondary-hover);box-shadow:var(--shadow-base)}.btn-delete:active:not(:disabled){background:var(--secondary-hover);transform:scale(.97) translateY(0);box-shadow:none}[dir=rtl] .btn{flex-direction:row-reverse}body[dir=rtl]{--direction: rtl;--float-start: right;--float-end: left}html[dir=rtl] label{left:unset!important;right:var(--spacing-4)!important}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,h1,h2{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}a{cursor:pointer}html{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;scroll-behavior:smooth}body{margin:0;width:100%;min-height:100%;font-family:var(--font-family-base);background-color:var(--bg-secondary);color:var(--text-primary);line-height:var(--line-height-normal);transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden}body.rtl{font-family:Qomra Arabic}input,textarea,select,button{font-family:inherit;font-size:inherit}.clickable{cursor:pointer}.clickable .link-icon{color:var(--primary-color);transition:var(--transition-slow)}.clickable:hover svg{opacity:1;visibility:visible}@media(min-width:991px){.clickable .link-icon svg{opacity:0;visibility:hidden;transition:opacity var(--transition-slow)}.clickable:hover .link-icon svg{opacity:1;visibility:visible}}.no-scroll{overflow:hidden;padding-right:var(--scrollbar-width, 0px)}:root{--toast-width: min(400px, 90vw);--toast-bg: var(--bg-surface)}.toast.closing{animation:fadeOut .4s ease forwards!important}