:root{--primary-color: #428177;--secondary-color: #6b1f2a;--accent-color: #988561;--success: #054239;--warning: #b9a779;--error: #4a151e;--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)}.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)}: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)}.link:hover .link-title{color:var(--primary-hover)!important}body[dir=rtl]{--direction: rtl;--float-start: right;--float-end: left}html[dir=rtl] label{left:unset!important;right:var(--spacing-4)!important}*{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}body,html{font-family:var(--font-family-base);background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base);width:100%;height:100%;font-display:swap;overflow-x:hidden;line-height:var(--line-height-normal);overscroll-behavior:none}input,textarea,select,button{font-family:inherit;font-size:inherit}.clickable{cursor:pointer}.clickable:hover svg{opacity:1;visibility:visible}@media(min-width:834px){.clickable .link-icon svg{opacity:0;visibility:hidden;transition:opacity var(--transition-slow)}.clickable:hover .link-icon svg{opacity:1;visibility:visible}}body.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}