:root{--primary-color: #6F56FF;--secondary-color: #8FA2FF;--soft-lilac: #D9C7FF;--cloud-white: #F7F8FC;--cool-gray: #E6EAF1;--soft-indigo: #8FA2FF;--ice-blue: #EAF0FF;--mint-accent: #3FE0C5;--primary-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--primary-light: rgba(111, 86, 255, .1);--primary-lighter: rgba(111, 86, 255, .05);--primary-shadow: rgba(111, 86, 255, .3);--primary-shadow-lg: rgba(111, 86, 255, .35);--bg-color: var(--cloud-white);--bg-secondary: var(--soft-lilac);--bg-tertiary: var(--cool-gray);--bg-gradient: linear-gradient(135deg, var(--cloud-white) 0%, var(--soft-lilac) 100%);--text-color: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: var(--cool-gray);--border-light: var(--ice-blue);--card-bg: #ffffff;--card-bg-hover: var(--soft-lilac);--card-shadow: 0 4px 20px rgba(111, 86, 255, .08);--card-shadow-hover: 0 16px 40px rgba(111, 86, 255, .15);--sidebar-bg: #1a1a2e;--input-bg: var(--ice-blue);--input-border: var(--cool-gray);--hover-bg: var(--soft-lilac);--accent-color: var(--primary-color);--link-color: var(--primary-color);--focus-color: var(--primary-color);--success-color: var(--mint-accent);--success-bg: rgba(63, 224, 197, .15);--success-border: rgba(63, 224, 197, .4);--error-color: #dc2626;--error-bg: #fee2e2;--error-border: #fecaca;--bg-elevated: #ffffff;--text-primary: var(--text-color);--text-tertiary: var(--text-muted);--border-primary: var(--border-color);--color-primary: var(--primary-color);--color-primary-hover: var(--secondary-color);--color-primary-active: var(--primary-color);--transition-base: .2s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1);--shadow-2xl: 0 20px 50px rgba(15, 23, 42, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;body.dark-mode { --bg-color: #0f172a; --bg-secondary: #1e293b; --bg-tertiary: #334155; --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); --text-color: #f1f5f9; --text-secondary: #94a3b8; --text-muted: #64748b; --border-color: #334155; --border-light: #475569; --card-bg: #1e293b; --card-bg-hover: #334155; --card-shadow: 0 4px 20px rgba(0, 0, 0, .3); --card-shadow-hover: 0 16px 40px rgba(0, 0, 0, .4); --sidebar-bg: #0f172a; --input-bg: #1e293b; --input-border: #334155; --hover-bg: #334155; --success-bg: rgba(34, 197, 94, .15); --success-border: rgba(34, 197, 94, .3); --error-bg: rgba(220, 38, 38, .15); --error-border: rgba(220, 38, 38, .3); --warning-bg: rgba(217, 119, 6, .15); --warning-border: rgba(217, 119, 6, .3); --bg-elevated: #1e293b; --text-primary: #f1f5f9; --text-tertiary: #94a3b8; --border-primary: #334155; --shadow-sm: 0 1px 3px rgba(0, 0, 0, .3); --shadow-md: 0 4px 12px rgba(0, 0, 0, .3); --shadow-lg: 0 8px 24px rgba(0, 0, 0, .35); --shadow-2xl: 0 20px 50px rgba(0, 0, 0, .45); } * {margin: 0; padding: 0; box-sizing: border-box; font-family: "Roboto",sans-serif;} body {background-color: var(--bg-color); color: var(--text-color); transition: background-color .3s ease,color .3s ease;} html,body,#root {min-height: 100%; height: 100%;} #root {min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column;} body.rtl {direction: rtl; text-align: right;} body.rtl .sidebar {left: auto; right: 0;} body.rtl .mainContent {margin-left: 0; margin-right: 280px;} body.rtl .profileHeader {left: 0; right: 280px;} body.rtl .navLink {flex-direction: row-reverse;} body.rtl .navIcon {margin-right: 0; margin-left: .75rem;} body.rtl .searchContainer {margin-right: 0; margin-left: auto;} body.rtl .searchIcon {left: auto; right: 1rem;} body.rtl .searchInput {padding: .6rem 2.5rem .6rem 1rem;} @media (max-width: 992px) {body.rtl .mainContent {margin-right: 0;} body.rtl .profileHeader {right: 0;}} body.dark-mode {background-color: var(--bg-color); color: var(--text-color);} body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6 {color: var(--text-color);} body.dark-mode p,body.dark-mode span,body.dark-mode label {color: var(--text-secondary);} body.dark-mode input,body.dark-mode select,body.dark-mode textarea {background-color: var(--input-bg); border-color: var(--input-border); color: var(--text-color);} body.dark-mode button {color: var(--text-color);} body.dark-mode .card,body.dark-mode [class*="Card"] {background-color: var(--card-bg); border-color: var(--border-color);} body.darkMode,.darkMode { --bg-color: #0f172a; --bg-secondary: #1e293b; --bg-tertiary: #334155; --text-color: #f1f5f9; --text-secondary: #94a3b8; --text-muted: #64748b; --border-color: #334155; --card-bg: #1e293b; --input-bg: #1e293b; --input-border: #334155; } body.darkMode {background-color: var(--bg-color); color: var(--text-color);} @media (max-width: 1200px) {:root {font-size: 15px;}} @media (max-width: 992px) {:root {font-size: 14px;} .container,[class*="container"] {padding: 1rem; max-width: 100%;} table {display: block; overflow-x: auto; white-space: nowrap;}} @media (max-width: 768px) {:root {font-size: 14px;} .container,[class*="container"],[class*="Container"] {padding: .75rem; max-width: 100%;} .card,[class*="card"],[class*="Card"] {padding: 1rem; margin-bottom: 1rem;} button,[class*="button"],[class*="Button"],[class*="btn"],[class*="Btn"] {padding: .75rem 1.25rem; font-size: .95rem; min-height: 44px;} input,select,textarea {padding: .75rem; font-size: 16px; min-height: 44px;} form {width: 100%;} .form-group,[class*="formGroup"],[class*="FormGroup"] {margin-bottom: 1rem;} .grid,[class*="grid"],[class*="Grid"] {grid-template-columns: 1fr !important; gap: 1rem;} .flex,[class*="flex"],[class*="Flex"] {flex-direction: column; gap: 1rem;} .modal,[class*="modal"],[class*="Modal"] {width: 95% !important; max-width: 95% !important; margin: 1rem; max-height: 90vh; overflow-y: auto;} table {font-size: .85rem;} th,td {padding: .5rem;} .hide-mobile,[class*="hideMobile"],[class*="HideMobile"] {display: none !important;} .stack-mobile,[class*="stackMobile"],[class*="StackMobile"] {flex-direction: column !important;}} @media (max-width: 576px) {:root {font-size: 13px;} .container,[class*="container"],[class*="Container"] {padding: .5rem;} .card,[class*="card"],[class*="Card"] {padding: .75rem;} button,[class*="button"],[class*="Button"],[class*="btn"],[class*="Btn"] {width: 100%; margin-bottom: .5rem;} h1 {font-size: 1.75rem;} h2 {font-size: 1.5rem;} h3 {font-size: 1.25rem;} h4 {font-size: 1.1rem;} h5 {font-size: 1rem;} h6 {font-size: .9rem;}} @media (hover: none) and (pointer: coarse) {a,button,input,select,textarea {min-height: 44px; min-width: 44px;} *:hover {transition: none;}} @media (max-width: 768px) and (orientation: landscape) {.modal,[class*="modal"],[class*="Modal"] {max-height: 85vh;}} @media print {.sidebar,[class*="sidebar"],[class*="Sidebar"],.header,[class*="header"],[class*="Header"],button,[class*="button"],[class*="Button"] {display: none !important;} .mainContent,[class*="mainContent"],[class*="MainContent"] {margin: 0 !important; padding: 0 !important;}} :root { --color-primary: #8b5cf6; --color-primary-hover: #7c3aed; --color-primary-active: #6d28d9; --color-primary-light: #f5f3ff; --color-primary-50: #f5f3ff; --color-primary-100: #ede9fe; --color-primary-200: #ddd6fe; --color-primary-300: #c4b5fd; --color-primary-400: #a78bfa; --color-primary-500: #8b5cf6; --color-primary-600: #7c3aed; --color-primary-700: #6d28d9; --color-primary-800: #5b21b6; --color-primary-900: #4c1d95; --color-secondary: #14b8a6; --color-secondary-hover: #0d9488; --color-secondary-active: #0f766e; --color-secondary-light: #f0fdfa; --color-accent: #f59e0b; --color-accent-hover: #d97706; --color-accent-active: #b45309; --color-accent-light: #fffbeb; --color-success: #22c55e; --color-success-hover: #16a34a; --color-success-active: #15803d; --color-success-light: #f0fdf4; --color-success-dark: #15803d; --color-warning: #f59e0b; --color-warning-hover: #d97706; --color-warning-active: #b45309; --color-warning-light: #fffbeb; --color-warning-dark: #b45309; --color-danger: #ef4444; --color-danger-hover: #dc2626; --color-danger-active: #b91c1c; --color-danger-light: #fef2f2; --color-danger-dark: #b91c1c; --color-error: #ef4444; --color-error-light: #fef2f2; --color-error-dark: #b91c1c; --color-info: #3b82f6; --color-info-hover: #2563eb; --color-info-active: #1d4ed8; --color-info-light: #eff6ff; --color-info-dark: #1d4ed8; --bg-primary: #ffffff; --bg-secondary: #f9fafb; --bg-tertiary: #f3f4f6; --bg-elevated: #ffffff; --bg-overlay: rgba(0, 0, 0, .5); --bg-hover: #f3f4f6; --bg-active: #e5e7eb; --surface-primary: #ffffff; --surface-secondary: #f9fafb; --surface-elevated: #ffffff; --text-primary: #111827; --text-secondary: #6b7280; --text-tertiary: #9ca3af; --text-disabled: #d1d5db; --text-inverse: #ffffff; --text-link: #8b5cf6; --text-link-hover: #7c3aed; --border-primary: #e5e7eb; --border-secondary: #d1d5db; --border-tertiary: #9ca3af; --border-focus: #8b5cf6; --border-error: #ef4444; --border-success: #22c55e; --border-warning: #f59e0b; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25); --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06); --shadow-focus: 0 0 0 3px rgba(139, 92, 246, .3); --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; --font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace; --font-amharic: "Noto Sans Ethiopic", "Nyala", "Ethiopia Jiret", sans-serif; --font-size-xs: 12px; --font-size-sm: 14px; --font-size-base: 16px; --font-size-lg: 18px; --font-size-xl: 20px; --font-size-2xl: 24px; --font-size-3xl: 30px; --font-size-4xl: 36px; --font-size-5xl: 48px; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --line-height-tight: 1.25; --line-height-normal: 1.5; --line-height-relaxed: 1.75; --line-height-loose: 2; --letter-spacing-tight: -.02em; --letter-spacing-normal: 0; --letter-spacing-wide: .025em; --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px; --spacing-3xl: 64px; --spacing-4xl: 96px; --radius-none: 0; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 24px; --radius-full: 9999px; --z-base: 0; --z-dropdown: 1000; --z-sticky: 1020; --z-fixed: 1030; --z-modal-backdrop: 1040; --z-modal: 1050; --z-popover: 1060; --z-tooltip: 1070; --transition-fast: .15s cubic-bezier(.4, 0, .2, 1); --transition-base: .2s cubic-bezier(.4, 0, .2, 1); --transition-slow: .3s cubic-bezier(.4, 0, .2, 1); --transition-slower: .5s cubic-bezier(.4, 0, .2, 1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --breakpoint-mobile: 320px; --breakpoint-tablet: 768px; --breakpoint-desktop: 1024px; --breakpoint-wide: 1280px; --button-height-sm: 32px; --button-height-md: 40px; --button-height-lg: 48px; --button-padding-x-sm: 12px; --button-padding-x-md: 16px; --button-padding-x-lg: 24px; --input-height-sm: 32px; --input-height-md: 40px; --input-height-lg: 48px; --input-padding-x: 12px; --input-padding-y: 8px; --card-padding-sm: 12px; --card-padding-md: 16px; --card-padding-lg: 24px; --sidebar-width: 280px; --sidebar-width-collapsed: 64px; --header-height: 64px; } .dark,.dark-mode,body.dark,body.dark-mode { --color-primary: #a78bfa; --color-primary-hover: #c4b5fd; --color-primary-active: #ddd6fe; --color-primary-light: #4c1d95; --color-secondary: #2dd4bf; --color-secondary-hover: #5eead4; --color-secondary-active: #99f6e4; --color-secondary-light: #134e4a; --color-accent: #fbbf24; --color-accent-hover: #fcd34d; --color-accent-active: #fde68a; --color-accent-light: #78350f; --color-success: #4ade80; --color-success-hover: #6ee7b7; --color-success-active: #86efac; --color-success-light: #15803d; --color-success-dark: #22c55e; --color-warning: #fbbf24; --color-warning-hover: #fcd34d; --color-warning-active: #fde68a; --color-warning-light: #b45309; --color-warning-dark: #f59e0b; --color-danger: #f87171; --color-danger-hover: #fca5a5; --color-danger-active: #fecaca; --color-danger-light: #b91c1c; --color-danger-dark: #ef4444; --color-error: #f87171; --color-error-light: #b91c1c; --color-error-dark: #ef4444; --color-info: #60a5fa; --color-info-hover: #93c5fd; --color-info-active: #bfdbfe; --color-info-light: #1d4ed8; --color-info-dark: #3b82f6; --bg-primary: #111827; --bg-secondary: #1f2937; --bg-tertiary: #374151; --bg-elevated: #1f2937; --bg-overlay: rgba(0, 0, 0, .7); --bg-hover: #374151; --bg-active: #4b5563; --surface-primary: #1f2937; --surface-secondary: #374151; --surface-elevated: #1f2937; --text-primary: #f9fafb; --text-secondary: #d1d5db; --text-tertiary: #9ca3af; --text-disabled: #6b7280; --text-inverse: #111827; --text-link: #a78bfa; --text-link-hover: #c4b5fd; --border-primary: #374151; --border-secondary: #4b5563; --border-tertiary: #6b7280; --border-focus: #a78bfa; --border-error: #f87171; --border-success: #4ade80; --border-warning: #fbbf24; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7); --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3); --shadow-focus: 0 0 0 3px rgba(167, 139, 250, .4); } * {transition-property: background-color,border-color,color,fill,stroke; transition-duration: var(--transition-base); transition-timing-function: var(--ease-in-out);} .no-transition,.no-transition * {transition: none !important;} @media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important;}} body {font-family: var(--font-sans); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); line-height: var(--line-height-normal); color: var(--text-primary); background-color: var(--bg-primary); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} h1,h2,h3,h4,h5,h6 {margin: 0; font-weight: var(--font-weight-semibold); line-height: var(--line-height-tight); color: var(--text-primary);} h1 {font-size: var(--font-size-5xl); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-tight);} h2 {font-size: var(--font-size-4xl); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-tight);} h3 {font-size: var(--font-size-3xl);} h4 {font-size: var(--font-size-2xl);} h5 {font-size: var(--font-size-xl);} h6 {font-size: var(--font-size-lg);} p {margin: 0; color: var(--text-secondary);} a {color: var(--text-link); text-decoration: none; transition: color var(--transition-fast);} a:hover {color: var(--text-link-hover);} *:focus-visible {outline: 2px solid var(--border-focus); outline-offset: 2px;} ::selection {background-color: var(--color-primary-light); color: var(--text-primary);} ::-webkit-scrollbar {width: 12px; height: 12px;} ::-webkit-scrollbar-track {background: var(--bg-secondary);} ::-webkit-scrollbar-thumb {background: var(--border-secondary); border-radius: var(--radius-full);} ::-webkit-scrollbar-thumb:hover {background: var(--border-tertiary);} .container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 var(--spacing-lg);} .container-fluid {width: 100%; padding: 0 var(--spacing-lg);} .flex {display: flex;} .flex-col {flex-direction: column;} .flex-row {flex-direction: row;} .items-start {align-items: flex-start;} .items-center {align-items: center;} .items-end {align-items: flex-end;} .justify-start {justify-content: flex-start;} .justify-center {justify-content: center;} .justify-end {justify-content: flex-end;} .justify-between {justify-content: space-between;} .justify-around {justify-content: space-around;} .gap-xs {gap: var(--spacing-xs);} .gap-sm {gap: var(--spacing-sm);} .gap-md {gap: var(--spacing-md);} .gap-lg {gap: var(--spacing-lg);} .gap-xl {gap: var(--spacing-xl);} .grid {display: grid; gap: var(--spacing-lg);} .grid-cols-1 {grid-template-columns: repeat(1,1fr);} .grid-cols-2 {grid-template-columns: repeat(2,1fr);} .grid-cols-3 {grid-template-columns: repeat(3,1fr);} .grid-cols-4 {grid-template-columns: repeat(4,1fr);} .grid-cols-6 {grid-template-columns: repeat(6,1fr);} .grid-cols-12 {grid-template-columns: repeat(12,1fr);} .m-0 {margin: 0;} .mt-xs {margin-top: var(--spacing-xs);} .mt-sm {margin-top: var(--spacing-sm);} .mt-md {margin-top: var(--spacing-md);} .mt-lg {margin-top: var(--spacing-lg);} .mt-xl {margin-top: var(--spacing-xl);} .mb-xs {margin-bottom: var(--spacing-xs);} .mb-sm {margin-bottom: var(--spacing-sm);} .mb-md {margin-bottom: var(--spacing-md);} .mb-lg {margin-bottom: var(--spacing-lg);} .mb-xl {margin-bottom: var(--spacing-xl);} .p-xs {padding: var(--spacing-xs);} .p-sm {padding: var(--spacing-sm);} .p-md {padding: var(--spacing-md);} .p-lg {padding: var(--spacing-lg);} .p-xl {padding: var(--spacing-xl);} .text-xs {font-size: var(--font-size-xs);} .text-sm {font-size: var(--font-size-sm);} .text-base {font-size: var(--font-size-base);} .text-lg {font-size: var(--font-size-lg);} .text-xl {font-size: var(--font-size-xl);} .text-primary {color: var(--text-primary);} .text-secondary {color: var(--text-secondary);} .text-tertiary {color: var(--text-tertiary);} .text-disabled {color: var(--text-disabled);} .font-light {font-weight: var(--font-weight-light);} .font-normal {font-weight: var(--font-weight-normal);} .font-medium {font-weight: var(--font-weight-medium);} .font-semibold {font-weight: var(--font-weight-semibold);} .font-bold {font-weight: var(--font-weight-bold);} .text-left {text-align: left;} .text-center {text-align: center;} .text-right {text-align: right;} .hidden {display: none;} .block {display: block;} .inline {display: inline;} .inline-block {display: inline-block;} @media (max-width: 1023px) {.grid-cols-3,.grid-cols-4,.grid-cols-6,.grid-cols-12 {grid-template-columns: repeat(2,1fr);}} @media (max-width: 767px) {:root { --font-size-base: 14px; --spacing-lg: 16px; } .container,.container-fluid {padding: 0 var(--spacing-md);} .grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-6,.grid-cols-12 {grid-template-columns: 1fr;} h1 {font-size: var(--font-size-3xl);} h2 {font-size: var(--font-size-2xl);} h3 {font-size: var(--font-size-xl);} h4 {font-size: var(--font-size-lg);} h5 {font-size: var(--font-size-base);} h6 {font-size: var(--font-size-sm);}} [dir="rtl"],.rtl {direction: rtl; text-align: right;} [dir="rtl"] .flex-row,.rtl .flex-row {flex-direction: row-reverse;} [dir="rtl"] .text-left {text-align: right;} [dir="rtl"] .text-right {text-align: left;} [dir="rtl"] .ml-auto {margin-left: 0; margin-right: auto;} [dir="rtl"] .mr-auto {margin-right: 0; margin-left: auto;} [dir="rtl"] .float-left {float: right;} [dir="rtl"] .float-right {float: left;} [dir="rtl"] .rounded-l {border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md);} [dir="rtl"] .rounded-r {border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md);} [dir="rtl"] .translate-x-full {transform: translateX(-100%);} [dir="rtl"] .translate-x-0 {transform: translateX(0);} [dir="rtl"] .icon-arrow-right,[dir="rtl"] .icon-chevron-right {transform: scaleX(-1);} [dir="rtl"] .icon-arrow-left,[dir="rtl"] .icon-chevron-left {transform: scaleX(-1);} [dir="rtl"] .dropdown-menu {left: auto; right: 0;} [dir="rtl"] .dropdown-menu-left {left: auto; right: 0;} [dir="rtl"] .dropdown-menu-right {right: auto; left: 0;} [dir="rtl"] .tooltip-left {left: auto; right: 100%; margin-right: 8px; margin-left: 0;} [dir="rtl"] .tooltip-right {right: auto; left: 100%; margin-left: 8px; margin-right: 0;} [dir="rtl"] .badge-top-right {right: auto; left: 0; transform: translate(50%,-50%);} [dir="rtl"] .badge-top-left {left: auto; right: 0; transform: translate(-50%,-50%);} [dir="rtl"] ul,[dir="rtl"] ol {padding-left: 0; padding-right: 2em;} [dir="rtl"] input[type="checkbox"],[dir="rtl"] input[type="radio"] {margin-left: 8px; margin-right: 0;} [dir="rtl"] ::-webkit-scrollbar {left: 0; right: auto;} [dir="rtl"] .slide-in-left {animation-name: slideInRight;} [dir="rtl"] .slide-in-right {animation-name: slideInLeft;} @keyframes slideInRight {from {transform: translateX(-100%);} to {transform: translateX(0);}} @keyframes slideInLeft {from {transform: translateX(100%);} to {transform: translateX(0);}} [dir="rtl"] .justify-start {justify-content: flex-end;} [dir="rtl"] .justify-end {justify-content: flex-start;} [dir="rtl"] .items-start {align-items: flex-end;} [dir="rtl"] .items-end {align-items: flex-start;} [dir="rtl"] nav {direction: rtl;} [dir="rtl"] .button-group {flex-direction: row-reverse;} [dir="rtl"] .card-header {text-align: right;} [dir="rtl"] .card-footer {flex-direction: row-reverse;} [dir="rtl"] table {direction: rtl;} [dir="rtl"] th,[dir="rtl"] td {text-align: right;} [dir="rtl"] .modal-header {flex-direction: row-reverse;} [dir="rtl"] .modal-footer {flex-direction: row-reverse; justify-content: flex-start;} [dir="rtl"] .pagination {flex-direction: row-reverse;} [dir="rtl"] .breadcrumb {flex-direction: row-reverse;} [dir="rtl"] .tabs {flex-direction: row-reverse;} [dir="rtl"] .progress-bar {transform: scaleX(-1);} [dir="rtl"] .stepper {flex-direction: row-reverse;} [dir="rtl"] .alert,[dir="rtl"] .notification {border-left: none; border-right: 4px solid;} [dir="rtl"] .search-input {padding-left: 16px; padding-right: 40px;} [dir="rtl"] .search-icon {left: auto; right: 12px;} [dir="rtl"] .close-button {left: 12px; right: auto;} [dir="rtl"] .sidebar-left {left: auto; right: 0; border-left: 1px solid var(--border-primary); border-right: none;} [dir="rtl"] .sidebar-right {right: auto; left: 0; border-right: 1px solid var(--border-primary); border-left: none;} [dir="rtl"] .content-with-sidebar-left {margin-left: 0; margin-right: var(--sidebar-width);} [dir="rtl"] .content-with-sidebar-right {margin-right: 0; margin-left: var(--sidebar-width);} [dir="rtl"] .drawer-left {left: auto; right: 0; transform: translateX(100%);} [dir="rtl"] .drawer-left.open {transform: translateX(0);} [dir="rtl"] .drawer-right {right: auto; left: 0; transform: translateX(-100%);} [dir="rtl"] .drawer-right.open {transform: translateX(0);} .skip-link {position: absolute; top: -40px; left: 0; background: var(--color-primary); color: var(--text-inverse); padding: var(--spacing-sm) var(--spacing-md); z-index: var(--z-tooltip); border-radius: var(--radius-md); text-decoration: none; font-weight: var(--font-weight-semibold);} .skip-link:focus {top: var(--spacing-sm); outline: 2px solid var(--text-inverse); outline-offset: 2px;} @media (max-width: 767px) {button,a[role="button"],[role="button"]:not(input) {min-height: 44px; min-width: 44px;}} img:not([alt]) {outline: 2px dashed var(--color-warning);} .table-scroll,[data-table-scroll] {overflow-x: auto; -webkit-overflow-scrolling: touch;} :root { --a11y-text-on-primary: #ffffff; --a11y-focus-ring: var(--color-primary-600); } [data-theme="dark"] { --text-secondary: #9ca3af; --text-tertiary: #6b7280; } *:focus-visible {outline: 2px solid var(--a11y-focus-ring); outline-offset: 2px;} @media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}} @media print {* {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;} a,a:visited {text-decoration: underline;} pre,blockquote {border: 1px solid #999; page-break-inside: avoid;} thead {display: table-header-group;} tr,img {page-break-inside: avoid;} img {max-width: 100% !important;} p,h2,h3 {orphans: 3; widows: 3;} h2,h3 {page-break-after: avoid;}} .dark { --bg-primary: #111827; --bg-secondary: #1f2937; --bg-tertiary: #374151; --bg-elevated: #1f2937; --bg-overlay: rgba(0, 0, 0, .7); --bg-hover: #374151; --bg-active: #4b5563; --surface-primary: #1f2937; --surface-secondary: #374151; --surface-elevated: #1f2937; --text-primary: #f9fafb; --text-secondary: #d1d5db; --text-tertiary: #9ca3af; --text-disabled: #6b7280; --text-inverse: #111827; --text-link: #a78bfa; --text-link-hover: #c4b5fd; --border-primary: #374151; --border-secondary: #4b5563; --border-tertiary: #6b7280; --border-focus: #a78bfa; --color-primary: #a78bfa; --color-primary-hover: #c4b5fd; --color-primary-active: #ddd6fe; --color-primary-light: #4c1d95; --color-primary-50: #4c1d95; --color-primary-100: #4c1d95; --color-primary-200: #5b21b6; --color-primary-300: #6d28d9; --color-primary-400: #7c3aed; --color-primary-500: #a78bfa; --color-primary-600: #c4b5fd; --color-primary-700: #ddd6fe; --color-primary-800: #ede9fe; --color-primary-900: #f5f3ff; --color-secondary: #2dd4bf; --color-secondary-hover: #5eead4; --color-secondary-active: #99f6e4; --color-secondary-light: #134e4a; --color-accent: #fbbf24; --color-accent-hover: #fcd34d; --color-accent-active: #fde68a; --color-accent-light: #78350f; --color-success: #4ade80; --color-success-hover: #22c55e; --color-success-active: #16a34a; --color-success-light: #15803d; --color-success-dark: #22c55e; --color-warning: #fbbf24; --color-warning-hover: #f59e0b; --color-warning-active: #d97706; --color-warning-light: #78350f; --color-warning-dark: #f59e0b; --color-danger: #f87171; --color-danger-hover: #ef4444; --color-danger-active: #dc2626; --color-danger-light: #7f1d1d; --color-danger-dark: #ef4444; --color-error: #f87171; --color-error-light: #7f1d1d; --color-error-dark: #ef4444; --color-info: #60a5fa; --color-info-hover: #3b82f6; --color-info-active: #2563eb; --color-info-light: #1e3a5f; --color-info-dark: #3b82f6; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7); --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3); } * {transition: background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);} .no-transition * {transition: none !important;} :root { --bg-primary: #ffffff; --bg-secondary: #f9fafb; --bg-tertiary: #f3f4f6; --bg-elevated: #ffffff; --color-surface: #ffffff; --color-border: #e5e7eb; --color-text: #111827; --card-bg: #ffffff; --input-bg: #ffffff; --sidebar-bg: #ffffff; --header-bg: #ffffff; --hover-bg: #f3f4f6; --text-primary: #111827; --text-secondary: #6b7280; --text-tertiary: #9ca3af; --text-inverse: #ffffff; --border-primary: #e5e7eb; --border-secondary: #d1d5db; --border-focus: #8b5cf6; --color-primary: #8b5cf6; --color-primary-hover: #7c3aed; --color-primary-active: #6d28d9; --color-primary-light: #f5f3ff; --color-secondary: #14b8a6; --color-secondary-hover: #0d9488; --color-secondary-active: #0f766e; --color-secondary-light: #f0fdfa; --color-accent: #f59e0b; --color-accent-hover: #d97706; --color-accent-active: #b45309; --color-accent-light: #fffbeb; --color-success: #22c55e; --color-success-light: #f0fdf4; --color-success-dark: #15803d; --color-warning: #f59e0b; --color-warning-light: #fffbeb; --color-warning-dark: #b45309; --color-error: #ef4444; --color-error-light: #fef2f2; --color-error-dark: #b91c1c; --color-info: #3b82f6; --color-info-light: #eff6ff; --color-info-dark: #1d4ed8; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25); --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06); --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px; --spacing-3xl: 64px; --spacing-4xl: 96px; --radius-none: 0; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 24px; --radius-full: 9999px; --transition-fast: .15s cubic-bezier(.4, 0, .2, 1); --transition-base: .2s cubic-bezier(.4, 0, .2, 1); --transition-slow: .3s cubic-bezier(.4, 0, .2, 1); --transition-slower: .5s cubic-bezier(.4, 0, .2, 1); --z-dropdown: 1000; --z-sticky: 1020; --z-fixed: 1030; --z-modal-backdrop: 1040; --z-modal: 1050; --z-popover: 1060; --z-tooltip: 1070; --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; --font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace; --font-amharic: "Noto Sans Ethiopic", "Nyala", "Ethiopia Jiret", sans-serif; --font-size-xs: 12px; --font-size-sm: 14px; --font-size-base: 16px; --font-size-lg: 18px; --font-size-xl: 20px; --font-size-2xl: 24px; --font-size-3xl: 30px; --font-size-4xl: 36px; --font-size-5xl: 48px; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --line-height-tight: 1.25; --line-height-normal: 1.5; --line-height-relaxed: 1.75; --line-height-loose: 2; } .dark { --bg-primary: #111827; --bg-secondary: #1f2937; --bg-tertiary: #374151; --bg-elevated: #1f2937; --color-surface: #1f2937; --color-border: #374151; --color-text: #f9fafb; --text-primary: #f9fafb; --text-secondary: #d1d5db; --text-tertiary: #9ca3af; --text-inverse: #111827; --border-primary: #374151; --border-secondary: #4b5563; --border-focus: #a78bfa; --card-bg: #1f2937; --input-bg: #374151; --sidebar-bg: #1f2937; --header-bg: #111827; --hover-bg: #374151; --color-primary: #a78bfa; --color-primary-hover: #c4b5fd; --color-primary-active: #ddd6fe; --color-primary-light: #4c1d95; --color-secondary: #2dd4bf; --color-secondary-hover: #5eead4; --color-secondary-active: #99f6e4; --color-secondary-light: #134e4a; --color-accent: #fbbf24; --color-accent-hover: #fcd34d; --color-accent-active: #fde68a; --color-accent-light: #78350f; --color-success: #4ade80; --color-success-light: #15803d; --color-success-dark: #22c55e; --color-warning: #fbbf24; --color-warning-light: #b45309; --color-warning-dark: #f59e0b; --color-error: #f87171; --color-error-light: #b91c1c; --color-error-dark: #ef4444; --color-info: #60a5fa; --color-info-light: #1d4ed8; --color-info-dark: #3b82f6; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7); --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3); } * {transition: background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base);} .no-transition * {transition: none !important;} body {font-family: var(--font-sans); background-color: var(--bg-primary); color: var(--text-primary); line-height: var(--line-height-normal); font-size: var(--font-size-base);} .h1 {font-size: var(--font-size-5xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: -.02em;} .h2 {font-size: var(--font-size-4xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: -.01em;} .h3 {font-size: var(--font-size-3xl); font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal);} .h4 {font-size: var(--font-size-2xl); font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal);} .h5 {font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal);} .h6 {font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal);} .container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 var(--spacing-lg);} .container-fluid {width: 100%; padding: 0 var(--spacing-lg);} .flex {display: flex;} .flex-col {flex-direction: column;} .items-center {align-items: center;} .justify-center {justify-content: center;} .justify-between {justify-content: space-between;} .grid {display: grid; gap: var(--spacing-lg);} .grid-cols-1 {grid-template-columns: repeat(1,1fr);} .grid-cols-2 {grid-template-columns: repeat(2,1fr);} .grid-cols-3 {grid-template-columns: repeat(3,1fr);} .grid-cols-4 {grid-template-columns: repeat(4,1fr);} .grid-cols-6 {grid-template-columns: repeat(6,1fr);} .grid-cols-12 {grid-template-columns: repeat(12,1fr);} @media (max-width: 768px) {.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-6,.grid-cols-12 {grid-template-columns: 1fr;}} @media (min-width: 769px) and (max-width: 1024px) {.grid-cols-3,.grid-cols-4,.grid-cols-6,.grid-cols-12 {grid-template-columns: repeat(2,1fr);}} @font-face {font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: local("Inter"),local("Segoe UI"),local("Roboto");} @font-face {font-family: "Noto Sans Ethiopic"; font-style: normal; font-weight: 400 700; font-display: swap; src: local("Noto Sans Ethiopic"),local("Nyala");} html[lang="am"] body {font-family: var(--font-amharic, "Noto Sans Ethiopic", "Nyala", sans-serif);} ._loadingContainer_1bv7k_3 {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; background: linear-gradient(135deg,#ffffff 0%,#f5f3ff 25%,#ede9fe 50%,#ddd6fe 75%,#c4b5fd 100%); display: flex; align-items: center; justify-content: center; z-index: 999999; overflow: hidden; pointer-events: all; transition: background .3s ease;} ._content_1bv7k_21 {text-align: center; z-index: 2; position: relative;} ._logoContainer_1bv7k_27 {margin-bottom: 40px;} ._logo_1bv7k_27 {width: 320px; height: 320px; margin: 0 auto; filter: drop-shadow(0 10px 40px rgba(139,92,246,.3));} ._brandName_1bv7k_38 {font-size: 64px; font-weight: 900; background: linear-gradient(135deg,#7c3aed 0%,#8b5cf6 50%,#a78bfa 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 20px 0; letter-spacing: 8px; text-shadow: 0 4px 30px rgba(139,92,246,.3); font-family: "Inter","Arial",sans-serif;} ._subtitle_1bv7k_51 {font-size: 16px; color: #6d28d9; margin: 0 0 80px 0; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; opacity: .9; text-shadow: 0 2px 10px rgba(139,92,246,.2); transition: color .3s ease;} [data-theme="dark"] ._loadingContainer_1bv7k_3 {background: linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0f0f1e 100%);} [data-theme="dark"] ._logo_1bv7k_27 {filter: drop-shadow(0 10px 40px rgba(139,92,246,.5));} [data-theme="dark"] ._brandName_1bv7k_38 {background: linear-gradient(135deg,#a78bfa 0%,#c4b5fd 50%,#ddd6fe 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 30px rgba(139,92,246,.5);} [data-theme="dark"] ._subtitle_1bv7k_51 {color: #a78bfa; text-shadow: 0 2px 10px rgba(139,92,246,.4);} [data-theme="dark"] ._pencil_1bv7k_85 {color: #a78bfa;} ._pencil_1bv7k_85 {display: block; width: 10em; height: 10em; margin: 0 auto; color: #7c3aed;} ._pencilBody1_1bv7k_98,._pencilBody2_1bv7k_99,._pencilBody3_1bv7k_100,._pencilEraser_1bv7k_101,._pencilEraserSkew_1bv7k_102,._pencilPoint_1bv7k_103,._pencilRotate_1bv7k_104,._pencilStroke_1bv7k_105 {animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite;} ._pencilBody1_1bv7k_98,._pencilBody2_1bv7k_99,._pencilBody3_1bv7k_100 {transform: rotate(-90deg);} ._pencilBody1_1bv7k_98 {animation-name: _pencilBody1_1bv7k_98;} ._pencilBody2_1bv7k_99 {animation-name: _pencilBody2_1bv7k_99;} ._pencilBody3_1bv7k_100 {animation-name: _pencilBody3_1bv7k_100;} ._pencilEraser_1bv7k_101 {animation-name: _pencilEraser_1bv7k_101; transform: rotate(-90deg) translate(49px,0);} ._pencilEraserSkew_1bv7k_102 {animation-name: _pencilEraserSkew_1bv7k_102; animation-timing-function: ease-in-out;} ._pencilPoint_1bv7k_103 {animation-name: _pencilPoint_1bv7k_103; transform: rotate(-90deg) translate(49px,-30px);} ._pencilRotate_1bv7k_104 {animation-name: _pencilRotate_1bv7k_104;} ._pencilStroke_1bv7k_105 {animation-name: _pencilStroke_1bv7k_105; transform: translate(100px,100px) rotate(-113deg);} @keyframes _pencilBody1_1bv7k_98 {from,to {stroke-dashoffset: 351.86; transform: rotate(-90deg);} 50% {stroke-dashoffset: 150.8; transform: rotate(-225deg);}} @keyframes _pencilBody2_1bv7k_99 {from,to {stroke-dashoffset: 406.84; transform: rotate(-90deg);} 50% {stroke-dashoffset: 174.36; transform: rotate(-225deg);}} @keyframes _pencilBody3_1bv7k_100 {from,to {stroke-dashoffset: 296.88; transform: rotate(-90deg);} 50% {stroke-dashoffset: 127.23; transform: rotate(-225deg);}} @keyframes _pencilEraser_1bv7k_101 {from,to {transform: rotate(-45deg) translate(49px,0);} 50% {transform: rotate(0deg) translate(49px,0);}} @keyframes _pencilEraserSkew_1bv7k_102 {from,32.5%,67.5%,to {transform: skewX(0);} 35%,65% {transform: skewX(-4deg);} 37.5%,62.5% {transform: skewX(8deg);} 40%,45%,50%,55%,60% {transform: skewX(-15deg);} 42.5%,47.5%,52.5%,57.5% {transform: skewX(15deg);}} @keyframes _pencilPoint_1bv7k_103 {from,to {transform: rotate(-90deg) translate(49px,-30px);} 50% {transform: rotate(-225deg) translate(49px,-30px);}} @keyframes _pencilRotate_1bv7k_104 {from {transform: translate(100px,100px) rotate(0);} to {transform: translate(100px,100px) rotate(720deg);}} @keyframes _pencilStroke_1bv7k_105 {from {stroke-dashoffset: 439.82; transform: translate(100px,100px) rotate(-113deg);} 50% {stroke-dashoffset: 164.93; transform: translate(100px,100px) rotate(-113deg);} 75%,to {stroke-dashoffset: 439.82; transform: translate(100px,100px) rotate(112deg);}} @media (max-width: 768px) {._brandName_1bv7k_38 {font-size: 48px; letter-spacing: 6px;} ._subtitle_1bv7k_51 {font-size: 14px; letter-spacing: 3px; margin-bottom: 60px;} ._logo_1bv7k_27 {width: 260px; height: 260px;} ._pencil_1bv7k_85 {width: 8em; height: 8em;}} @media (max-width: 480px) {._brandName_1bv7k_38 {font-size: 36px; letter-spacing: 4px;} ._subtitle_1bv7k_51 {font-size: 11px; letter-spacing: 2px; margin-bottom: 50px;} ._logo_1bv7k_27 {width: 200px; height: 200px;} ._pencil_1bv7k_85 {width: 7em; height: 7em;}} :root {transition: background-color .2s ease-in-out,color .2s ease-in-out;} button,a,input,select,textarea {transition: background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out,opacity .15s ease-in-out;} .sidebar {transition: width .25s ease-in-out,transform .25s ease-in-out;} .sidebar-collapsed {animation: sidebarCollapse .25s ease-in-out;} .sidebar-expanded {animation: sidebarExpand .25s ease-in-out;} @keyframes sidebarCollapse {from {width: 240px;} to {width: 64px;}} @keyframes sidebarExpand {from {width: 64px;} to {width: 240px;}} .sidebar-menu-item {transition: background-color .15s ease-in-out,padding-left .15s ease-in-out;} .sidebar-menu-item:hover {background-color: var(--color-surface); padding-left: calc(var(--spacing-md) + 4px);} .modal-backdrop {animation: fadeIn .2s ease-out;} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} .modal-content {animation: modalSlideIn .2s ease-out;} @keyframes modalSlideIn {from {opacity: 0; transform: scale(.95) translateY(-20px);} to {opacity: 1; transform: scale(1) translateY(0);}} .modal-closing .modal-backdrop {animation: fadeOut .2s ease-in;} .modal-closing .modal-content {animation: modalSlideOut .2s ease-in;} @keyframes fadeOut {from {opacity: 1;} to {opacity: 0;}} @keyframes modalSlideOut {from {opacity: 1; transform: scale(1) translateY(0);} to {opacity: 0; transform: scale(.95) translateY(-20px);}} .dropdown-menu {animation: slideDown .15s ease-out; transform-origin: top;} @keyframes slideDown {from {opacity: 0; transform: translateY(-10px);} to {opacity: 1; transform: translateY(0);}} .dropdown-item {transition: background-color .15s ease-in-out,padding-left .15s ease-in-out;} .dropdown-item:hover {background-color: var(--color-surface); padding-left: calc(var(--spacing-sm) + 4px);} .toast {animation: slideInRight .25s ease-out;} @keyframes slideInRight {from {opacity: 0; transform: translateX(100%);} to {opacity: 1; transform: translateX(0);}} .toast-closing {animation: slideOutRight .25s ease-in;} @keyframes slideOutRight {from {opacity: 1; transform: translateX(0);} to {opacity: 0; transform: translateX(100%);}} .toast-top {animation: slideInTop .25s ease-out;} @keyframes slideInTop {from {opacity: 0; transform: translateY(-100%);} to {opacity: 1; transform: translateY(0);}} .card-hoverable {transition: transform .2s ease-in-out,box-shadow .2s ease-in-out;} .card-hoverable:hover {transform: translateY(-4px); box-shadow: var(--shadow-lg);} .card-appear {animation: cardFadeIn .3s ease-out;} @keyframes cardFadeIn {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} .button:active {transform: scale(.98);} .button-loading {animation: spin 1s linear infinite;} @keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);}} .skeleton {animation: shimmer 1.5s ease-in-out infinite; background: linear-gradient(90deg,var(--color-surface) 0%,var(--color-border) 50%,var(--color-surface) 100%); background-size: 200% 100%;} @keyframes shimmer {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} .page-enter {animation: pageFadeIn .3s ease-out;} @keyframes pageFadeIn {from {opacity: 0;} to {opacity: 1;}} .page-slide-enter {animation: pageSlideIn .3s ease-out;} @keyframes pageSlideIn {from {opacity: 0; transform: translateX(20px);} to {opacity: 1; transform: translateX(0);}} input:focus,select:focus,textarea:focus {transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .input-error {animation: shake .3s ease-in-out;} @keyframes shake {0%,100% {transform: translateX(0);} 25% {transform: translateX(-10px);} 75% {transform: translateX(10px);}} .success-checkmark {animation: checkmark .4s ease-in-out;} @keyframes checkmark {0% {transform: scale(0); opacity: 0;} 50% {transform: scale(1.2);} 100% {transform: scale(1); opacity: 1;}} .table-row {transition: background-color .15s ease-in-out;} .table-row:hover {background-color: var(--color-surface);} .table-sort-indicator {transition: transform .2s ease-in-out;} .table-sort-asc .table-sort-indicator {transform: rotate(0deg);} .table-sort-desc .table-sort-indicator {transform: rotate(180deg);} .badge-pulse {animation: pulse 2s ease-in-out infinite;} @keyframes pulse {0%,100% {opacity: 1; transform: scale(1);} 50% {opacity: .8; transform: scale(1.05);}} .badge-bounce {animation: bounce 1s ease-in-out infinite;} @keyframes bounce {0%,100% {transform: translateY(0);} 50% {transform: translateY(-4px);}} .accordion-content {transition: max-height .25s ease-in-out,opacity .25s ease-in-out;} .accordion-expanded .accordion-content {animation: accordionExpand .25s ease-out;} @keyframes accordionExpand {from {max-height: 0; opacity: 0;} to {max-height: 1000px; opacity: 1;}} .accordion-icon {transition: transform .2s ease-in-out;} .accordion-expanded .accordion-icon {transform: rotate(180deg);} @media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important;} .sidebar,.modal-content,.dropdown-menu,.toast,.card-hoverable,.skeleton,.page-enter,.page-slide-enter {animation: none !important;}} .gpu-accelerated {will-change: transform,opacity; transform: translateZ(0); backface-visibility: hidden;} @media (prefers-reduced-motion: no-preference) {* {animation-timing-function: cubic-bezier(.4,0,.2,1);}} ._evaluationManagerContainer_1ndn7_4 {min-height: 100vh; padding: 24px; background: var(--bg-gradient);} ._evaluationManagerHeader_1ndn7_11 {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 32px; flex-wrap: wrap; gap: 20px;} ._evaluationManagerHeader_1ndn7_11 > div:first-child {display: flex; flex-direction: column; gap: 4px;} ._evaluationManagerHeader_1ndn7_11 h2 {font-size: 2rem; font-weight: 800; color: var(--text-color); margin: 0; display: flex; align-items: center; gap: 12px;} ._evaluationManagerHeader_1ndn7_11 p {color: var(--text-secondary); font-size: 1rem; margin: 0;} ._evaluationManagerCreateButton_1ndn7_42 {display: flex; align-items: center; gap: 8px; padding: 14px 28px; background: var(--primary-gradient); color: white; border: none; border-radius: 14px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all .3s ease; box-shadow: 0 8px 24px var(--primary-shadow-lg);} ._evaluationManagerCreateButton_1ndn7_42:hover {transform: translateY(-3px); box-shadow: 0 12px 32px var(--primary-shadow);} ._evaluationManagerCreateButton_1ndn7_42._closeButton_1ndn7_63 {background: var(--bg-secondary); color: var(--text-secondary); box-shadow: none; border: 2px solid var(--border-color);} ._evaluationManagerCreateButton_1ndn7_42._closeButton_1ndn7_63:hover {background: var(--error-bg); color: var(--error-color); border-color: var(--error-color);} ._evaluationManagerFilters_1ndn7_77 {display: flex; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; background: var(--card-bg); padding: 20px 24px; border-radius: 16px; box-shadow: var(--card-shadow);} ._evaluationManagerFilterGroup_1ndn7_88 {display: flex; align-items: center; gap: 10px; flex: 1; min-width: 200px; background: var(--bg-secondary); padding: 12px 16px; border-radius: 12px; border: 1px solid var(--border-color);} ._evaluationManagerFilterGroup_1ndn7_88 input {flex: 1; border: none; background: transparent; font-size: .95rem; color: var(--text-color); outline: none;} ._evaluationManagerFilterGroup_1ndn7_88 input::placeholder {color: var(--text-muted);} ._evaluationManagerFilters_1ndn7_77 select {padding: 12px 16px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-secondary); font-size: .95rem; color: var(--text-color); cursor: pointer; min-width: 150px; outline: none; transition: all .2s ease;} ._evaluationManagerFilters_1ndn7_77 select:focus {border-color: var(--primary-color); box-shadow: 0 0 0 3px var(--primary-light);} ._evaluationManagerGrid_1ndn7_132 {display: grid; grid-template-columns: repeat(auto-fill,minmax(340px,1fr)); gap: 24px;} ._evaluationManagerCard_1ndn7_139 {background: var(--card-bg); border-radius: 20px; padding: 24px; box-shadow: var(--card-shadow); transition: all .3s ease; border: 2px solid transparent; cursor: pointer;} ._evaluationManagerCard_1ndn7_139:hover {transform: translateY(-6px); box-shadow: var(--card-shadow-hover); border-color: var(--primary-color);} ._evaluationManagerCardHeader_1ndn7_155 {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px;} ._evaluationManagerCardHeader_1ndn7_155 h3 {font-size: 1.2rem; font-weight: 700; color: var(--text-color); margin: 0; line-height: 1.4;} ._evaluationManagerStatusBadge_1ndn7_170 {padding: 6px 14px; border-radius: 20px; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .5px;} ._statusactive_1ndn7_179,._statuscompleted_1ndn7_179 {background: var(--success-bg); color: var(--success-color);} ._statuspending_1ndn7_184 {background: var(--warning-bg); color: var(--warning-color);} ._statusdraft_1ndn7_189 {background: var(--bg-tertiary); color: var(--text-secondary);} ._evaluationManagerCardContent_1ndn7_194 {display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px;} ._evaluationManagerCardContent_1ndn7_194 span {display: flex; align-items: center; gap: 8px; font-size: .9rem; color: var(--text-secondary);} ._evaluationManagerCardContent_1ndn7_194 span svg {color: var(--primary-color);} ._evaluationManagerCardFooter_1ndn7_213 {display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid var(--border-color);} ._evaluationManagerCardFooter_1ndn7_213 ._date_1ndn7_221 {font-size: .85rem; color: var(--text-muted);} ._evaluationManagerCardActions_1ndn7_226 {display: flex; gap: 8px;} ._evaluationManagerCardActions_1ndn7_226 button {width: 36px; height: 36px; border: none; border-radius: 10px; background: var(--bg-secondary); color: var(--text-secondary); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s ease;} ._evaluationManagerCardActions_1ndn7_226 button:hover {background: var(--primary-color); color: white;} ._evaluationManagerCardActions_1ndn7_226 ._deleteButton_1ndn7_250:hover {background: var(--error-color); color: white;} ._evaluationManagerEmpty_1ndn7_256 {grid-column: 1 / -1; text-align: center; padding: 80px 20px; background: var(--card-bg); border-radius: 20px; box-shadow: var(--card-shadow);} ._evaluationManagerEmpty_1ndn7_256 svg {color: var(--text-muted); margin-bottom: 20px;} ._evaluationManagerEmpty_1ndn7_256 h3 {font-size: 1.5rem; color: var(--text-color); margin: 0 0 8px;} ._evaluationManagerEmpty_1ndn7_256 p {color: var(--text-secondary); margin: 0;} ._evaluationManagerLoading_1ndn7_282 {text-align: center; padding: 60px; font-size: 1.1rem; color: var(--text-secondary);} ._errorMessage_1ndn7_290 {display: flex; align-items: center; gap: 10px; padding: 16px 20px; background: var(--error-bg); color: var(--error-color); border-radius: 12px; margin-bottom: 20px; font-weight: 500;} ._createEvaluationArea_1ndn7_303 {margin-bottom: 28px; background: var(--card-bg); border-radius: 20px; box-shadow: var(--card-shadow); border: 2px solid var(--primary-color); overflow: hidden;} ._createEvaluationArea_1ndn7_303 form {background: transparent; box-shadow: none; max-width: none; margin: 0;} ._createEvaluationContainer_1ndn7_320 {min-height: 100vh; padding: 24px; background: var(--bg-gradient);} ._createEvaluationContainer_1ndn7_320 form {background: var(--card-bg); border-radius: 24px; box-shadow: 0 8px 32px rgba(0,0,0,.1); max-width: 900px; margin: 0 auto; overflow: hidden;} ._formHeader_1ndn7_335 {padding: 28px 32px; background: var(--primary-gradient); color: white;} ._formHeader_1ndn7_335 h2 {margin: 0; font-size: 1.5rem; font-weight: 700;} ._formGrid_1ndn7_347 {display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; padding: 32px;} ._formGroup_1ndn7_354 {display: flex; flex-direction: column; gap: 8px;} ._formGroup_1ndn7_354 label {font-size: .9rem; font-weight: 600; color: var(--text-secondary);} ._formGroup_1ndn7_354 input,._formGroup_1ndn7_354 select {padding: 14px 16px; border: 2px solid var(--border-color); border-radius: 12px; font-size: 1rem; color: var(--text-color); background: var(--input-bg); transition: all .2s ease; outline: none;} ._formGroup_1ndn7_354 input:focus,._formGroup_1ndn7_354 select:focus {border-color: var(--primary-color); box-shadow: 0 0 0 4px var(--primary-light);} ._columnsSection_1ndn7_385 {padding: 0 32px 32px;} ._columnsSection_1ndn7_385 h3 {font-size: 1.1rem; color: var(--text-color); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color);} ._columnRow_1ndn7_397 {display: flex; gap: 12px; margin-bottom: 12px; align-items: center;} ._columnRow_1ndn7_397 input {flex: 1; padding: 12px 16px; border: 2px solid var(--border-color); border-radius: 10px; font-size: .95rem; color: var(--text-color); background: var(--input-bg); outline: none; transition: all .2s ease;} ._columnRow_1ndn7_397 input:focus {border-color: var(--primary-color);} ._columnRow_1ndn7_397 input[type="number"] {width: 100px; flex: none;} ._columnRow_1ndn7_397 button {width: 40px; height: 40px; border: none; border-radius: 10px; background: var(--error-bg); color: var(--error-color); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s ease;} ._columnRow_1ndn7_397 button:hover {background: var(--error-border);} ._columnRow_1ndn7_397 button:disabled {opacity: .5; cursor: not-allowed;} ._addColumnButton_1ndn7_448 {display: flex; align-items: center; gap: 8px; padding: 12px 20px; background: var(--bg-secondary); color: var(--primary-color); border: 2px dashed var(--border-color); border-radius: 10px; font-size: .95rem; font-weight: 500; cursor: pointer; transition: all .2s ease; margin-top: 8px;} ._addColumnButton_1ndn7_448:hover {background: var(--hover-bg); border-color: var(--primary-color);} ._formActions_1ndn7_470 {display: flex; justify-content: flex-end; gap: 12px; padding: 24px 32px; background: var(--bg-secondary); border-top: 1px solid var(--border-color);} ._formActions_1ndn7_470 button {padding: 14px 28px; border-radius: 12px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all .2s ease;} ._formActions_1ndn7_470 button[type="button"] {background: var(--bg-secondary); color: var(--text-secondary); border: none;} ._formActions_1ndn7_470 button[type="button"]:hover {background: var(--hover-bg);} ._formActions_1ndn7_470 button[type="submit"] {background: var(--primary-gradient); color: white; border: none; box-shadow: 0 4px 16px var(--primary-shadow-lg);} ._formActions_1ndn7_470 button[type="submit"]:hover {transform: translateY(-2px); box-shadow: 0 8px 24px var(--primary-shadow);} ._formActions_1ndn7_470 button:disabled {opacity: .6; cursor: not-allowed; transform: none;} @media (max-width: 768px) {._evaluationManagerContainer_1ndn7_4,._createEvaluationContainer_1ndn7_320 {padding: 16px;} ._evaluationManagerHeader_1ndn7_11 {flex-direction: column;} ._evaluationManagerFilters_1ndn7_77 {flex-direction: column;} ._evaluationManagerGrid_1ndn7_132 {grid-template-columns: 1fr;} ._formGrid_1ndn7_347 {grid-template-columns: 1fr;} ._columnRow_1ndn7_397 {flex-wrap: wrap;}} ._manageAreasContainer_1ndn7_546 {background: var(--card-bg); border-radius: 16px; margin-bottom: 24px; box-shadow: var(--card-shadow); overflow: hidden;} ._manageAreasHeader_1ndn7_554 {display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; cursor: pointer; transition: background .2s ease; border-bottom: 1px solid transparent;} ._manageAreasHeader_1ndn7_554:hover {background: var(--hover-bg);} ._manageAreasTitle_1ndn7_568 {display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 600; color: var(--text-color);} ._manageAreasTitle_1ndn7_568 svg {color: var(--primary-color);} ._expandButton_1ndn7_581 {background: none; border: none; color: var(--text-secondary); cursor: pointer; padding: 8px; border-radius: 8px; transition: all .2s ease;} ._expandButton_1ndn7_581:hover {background: var(--bg-secondary); color: var(--primary-color);} ._manageAreasContent_1ndn7_596 {padding: 20px 24px; border-top: 1px solid var(--border-color);} ._createAreaForm_1ndn7_601 {margin-bottom: 24px;} ._createAreaForm_1ndn7_601 h4 {font-size: .95rem; font-weight: 600; color: var(--text-color); margin: 0 0 12px;} ._createAreaInputs_1ndn7_612 {display: flex; gap: 12px; flex-wrap: wrap;} ._createAreaInputs_1ndn7_612 input {flex: 1; min-width: 200px; padding: 12px 16px; border: 2px solid var(--border-color); border-radius: 10px; font-size: .95rem; color: var(--text-color); background: var(--input-bg); outline: none; transition: all .2s ease;} ._createAreaInputs_1ndn7_612 input:focus {border-color: var(--primary-color); box-shadow: 0 0 0 3px var(--primary-light);} ._createAreaInputs_1ndn7_612 button {display: flex; align-items: center; gap: 8px; padding: 12px 20px; background: var(--primary-gradient); color: white; border: none; border-radius: 10px; font-size: .95rem; font-weight: 600; cursor: pointer; transition: all .2s ease; white-space: nowrap;} ._createAreaInputs_1ndn7_612 button:hover {transform: translateY(-2px); box-shadow: 0 4px 12px var(--primary-shadow);} ._createAreaInputs_1ndn7_612 button:disabled {opacity: .6; cursor: not-allowed; transform: none;} ._existingAreasList_1ndn7_663 {margin-top: 20px;} ._existingAreasList_1ndn7_663 h4 {font-size: .95rem; font-weight: 600; color: var(--text-color); margin: 0 0 12px;} ._noAreasText_1ndn7_674 {color: var(--text-muted); font-size: .9rem; font-style: italic;} ._areasGrid_1ndn7_680 {display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: 12px;} ._areaItem_1ndn7_686 {display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; background: var(--bg-secondary); border-radius: 10px; border: 1px solid var(--border-color); transition: all .2s ease;} ._areaItem_1ndn7_686:hover {border-color: var(--primary-color); box-shadow: 0 2px 8px rgba(0,0,0,.05);} ._areaInfo_1ndn7_702 {display: flex; flex-direction: column; gap: 4px;} ._areaName_1ndn7_708 {font-weight: 600; color: var(--text-color); font-size: .95rem;} ._areaDescription_1ndn7_714 {font-size: .8rem; color: var(--text-muted);} ._deleteAreaButton_1ndn7_719 {background: none; border: none; color: var(--text-muted); cursor: pointer; padding: 8px; border-radius: 8px; transition: all .2s ease;} ._deleteAreaButton_1ndn7_719:hover {background: var(--error-bg); color: var(--error-color);} ._successMessage_1ndn7_734 {display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: var(--success-bg); color: var(--success-color); border-radius: 10px; margin-bottom: 16px; font-weight: 500; font-size: .9rem;} @media (max-width: 768px) {._createAreaInputs_1ndn7_612 {flex-direction: column;} ._createAreaInputs_1ndn7_612 input {min-width: 100%;} ._areasGrid_1ndn7_680 {grid-template-columns: 1fr;}} ._container_gd07u_1 {position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%); overflow: hidden;} ._container_gd07u_1::before {content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 50%); animation: _rotate_gd07u_1 30s linear infinite;} @keyframes _rotate_gd07u_1 {from {transform: rotate(0deg);} to {transform: rotate(360deg);}} ._headerControls_gd07u_27 {position: absolute; top: 20px; right: 20px; display: flex; gap: 12px; z-index: 10;} ._content_gd07u_36 {position: relative; z-index: 1; width: 100%; max-width: 450px; animation: _slideUp_gd07u_1 .5s ease-out;} @keyframes _slideUp_gd07u_1 {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} ._loginCard_gd07u_55 {background: var(--bg-elevated); border-radius: var(--radius-2xl); box-shadow: var(--shadow-2xl); padding: 40px; width: 100%; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.1);} ._logoSection_gd07u_65 {text-align: center; margin-bottom: 32px;} ._logo_gd07u_65 {width: 80px; height: 80px; object-fit: contain; margin: 0 auto 16px; animation: _fadeIn_gd07u_1 .6s ease-out;} @keyframes _fadeIn_gd07u_1 {from {opacity: 0;} to {opacity: 1;}} ._title_gd07u_83 {font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--text-primary); margin: 0 0 8px 0; line-height: var(--line-height-tight);} ._subtitle_gd07u_91 {color: var(--text-secondary); font-size: var(--font-size-sm); margin: 0; font-weight: var(--font-weight-medium);} ._form_gd07u_98 {display: flex; flex-direction: column; gap: 20px;} ._options_gd07u_104 {display: flex; justify-content: space-between; align-items: center; font-size: var(--font-size-sm); margin-top: -4px;} ._rememberMe_gd07u_112 {display: flex; align-items: center; gap: 8px; color: var(--text-secondary); cursor: pointer; user-select: none;} ._rememberMe_gd07u_112 input {width: 16px; height: 16px; accent-color: var(--color-primary); cursor: pointer;} ._forgotPassword_gd07u_128 {color: var(--color-primary); text-decoration: none; font-weight: var(--font-weight-medium); transition: color var(--transition-base);} ._forgotPassword_gd07u_128:hover {color: var(--color-primary-hover); text-decoration: underline;} ._loginButton_gd07u_140 {width: 100%; margin-top: 8px;} ._footer_gd07u_145 {margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--border-primary); text-align: center;} ._footer_gd07u_145 p {color: var(--text-tertiary); font-size: var(--font-size-xs); margin: 0;} @media (max-width: 480px) {._container_gd07u_1 {padding: 15px;} ._headerControls_gd07u_27 {top: 15px; right: 15px; gap: 8px;} ._loginCard_gd07u_55 {padding: 30px 20px;} ._title_gd07u_83 {font-size: var(--font-size-xl);} ._logo_gd07u_65 {width: 60px; height: 60px;} ._options_gd07u_104 {flex-direction: column; gap: 12px; align-items: flex-start;}} ._dark_gd07u_191 ._loginCard_gd07u_55 {background: var(--bg-elevated); border: 1px solid var(--border-primary);} ._dark_gd07u_191 ._container_gd07u_1::before {background: radial-gradient(circle,rgba(167,139,250,.1) 0%,transparent 50%);} ._inputGroup_1ofec_3 {display: flex; flex-direction: column; gap: 6px; width: 100%;} ._label_1ofec_10 {font-size: 14px; font-weight: 600; color: var(--text-primary); margin-bottom: 4px;} ._required_1ofec_17 {color: var(--color-error); margin-inline-start: 4px;} ._inputWrapper_1ofec_22 {position: relative; display: flex; align-items: center;} ._input_1ofec_3 {width: 100%; padding: 14px 16px; font-size: 16px; font-weight: 500; border: 2px solid var(--border-primary); border-radius: var(--radius-md); background-color: #ffffff; color: #111827; transition: all var(--transition-base); font-family: inherit; min-height: 50px;} ._input_1ofec_3:focus {outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(139,92,246,.18);} ._input_1ofec_3::placeholder {color: #94a3b8; font-weight: 400;} ._input_1ofec_3:disabled {opacity: .6; cursor: not-allowed; background-color: var(--bg-secondary);} ._input_1ofec_3:read-only {background-color: var(--bg-secondary); cursor: default;} ._inputWrapper_1ofec_22._error_1ofec_65 ._input_1ofec_3 {border-color: var(--color-error);} ._inputWrapper_1ofec_22._error_1ofec_65 ._input_1ofec_3:focus {box-shadow: 0 0 0 3px rgba(239,68,68,.1);} ._inputWrapper_1ofec_22._success_1ofec_73 ._input_1ofec_3 {border-color: var(--color-success);} ._inputWrapper_1ofec_22._success_1ofec_73 ._input_1ofec_3:focus {box-shadow: 0 0 0 3px rgba(34,197,94,.1);} ._inputWrapper_1ofec_22._warning_1ofec_81 ._input_1ofec_3 {border-color: var(--color-warning);} ._inputWrapper_1ofec_22._warning_1ofec_81 ._input_1ofec_3:focus {box-shadow: 0 0 0 3px rgba(251,146,60,.1);} ._prefixIcon_1ofec_90 {position: absolute; inset-inline-start: 12px; color: var(--text-secondary); display: flex; align-items: center; pointer-events: none; z-index: 1;} ._inputWrapper_1ofec_22._hasPrefix_1ofec_100 ._input_1ofec_3 {padding-inline-start: 44px;} ._suffixIcon_1ofec_105 {position: absolute; inset-inline-end: 12px; color: var(--text-secondary); display: flex; align-items: center; background: none; border: none; cursor: pointer; padding: 4px; z-index: 1; transition: color var(--transition-base);} ._suffixIcon_1ofec_105:hover:not(:disabled) {color: var(--text-primary);} ._suffixIcon_1ofec_105:disabled {cursor: not-allowed; opacity: .5;} ._inputWrapper_1ofec_22._hasSuffix_1ofec_128 ._input_1ofec_3 {padding-inline-end: 44px;} ._helperText_1ofec_133 {font-size: 12px; color: var(--text-secondary); margin-top: 2px;} ._validationMessage_1ofec_139 {font-size: 12px; margin-top: 2px; display: flex; align-items: center; gap: 4px;} ._errorText_1ofec_147 {color: var(--color-error);} ._successText_1ofec_151 {color: var(--color-success);} ._warningText_1ofec_155 {color: var(--color-warning);} ._inputWrapper_1ofec_22._disabled_1ofec_160 {opacity: .6;} ._inputWrapper_1ofec_22._readOnly_1ofec_164 ._input_1ofec_3 {background-color: var(--bg-secondary); cursor: default;} ._dark_1ofec_170 ._input_1ofec_3 {background-color: var(--bg-secondary);} ._dark_1ofec_170 ._input_1ofec_3:disabled,._dark_1ofec_170 ._input_1ofec_3:read-only {background-color: var(--bg-tertiary);} [dir="rtl"] ._required_1ofec_17 {margin-inline-start: 4px; margin-inline-end: 0;} [dir="rtl"] ._prefixIcon_1ofec_90 {inset-inline-start: auto; inset-inline-end: 12px;} [dir="rtl"] ._suffixIcon_1ofec_105 {inset-inline-end: auto; inset-inline-start: 12px;} [dir="rtl"] ._inputWrapper_1ofec_22._hasPrefix_1ofec_100 ._input_1ofec_3 {padding-inline-start: 16px; padding-inline-end: 44px;} [dir="rtl"] ._inputWrapper_1ofec_22._hasSuffix_1ofec_128 ._input_1ofec_3 {padding-inline-end: 16px; padding-inline-start: 44px;} @media (pointer: coarse) {._input_1ofec_3 {min-height: 44px;} ._suffixIcon_1ofec_105 {min-width: 44px; min-height: 44px;}} ._button_aunxq_3 {display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 500; border-radius: var(--radius-md); transition: all var(--transition-base); cursor: pointer; border: none; outline: none; font-family: inherit; position: relative;} ._small_aunxq_19 {padding: 6px 12px; font-size: 14px; height: 32px; min-width: 80px;} ._medium_aunxq_26 {padding: 10px 20px; font-size: 16px; height: 40px; min-width: 100px;} ._large_aunxq_33 {padding: 12px 24px; font-size: 18px; height: 48px; min-width: 120px;} ._sm_aunxq_19 {padding: 6px 12px; font-size: 14px; height: 32px; min-width: 80px;} ._md_aunxq_48 {padding: 10px 20px; font-size: 16px; height: 40px; min-width: 100px;} ._lg_aunxq_55 {padding: 12px 24px; font-size: 18px; height: 48px; min-width: 120px;} ._primary_aunxq_63 {background-color: var(--color-primary, var(--primary-color)); color: white;} ._primary_aunxq_63:hover:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-primary-hover, var(--secondary-color)); transform: translateY(-1px); box-shadow: var(--shadow-md, var(--card-shadow));} ._primary_aunxq_63:active:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-primary-active, var(--primary-color)); transform: translateY(0);} ._secondary_aunxq_79 {background-color: var(--color-secondary, var(--bg-secondary)); color: var(--text-color); border: 1px solid var(--border-color);} ._secondary_aunxq_79:hover:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-secondary-hover, var(--bg-tertiary)); transform: translateY(-1px); box-shadow: var(--shadow-md, var(--card-shadow));} ._secondary_aunxq_79:active:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-secondary-active, var(--bg-secondary)); transform: translateY(0);} ._success_aunxq_96 {background-color: var(--color-success, var(--success-color)); color: white;} ._success_aunxq_96:hover:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-success-hover, #2dd4bf); transform: translateY(-1px); box-shadow: var(--shadow-md, var(--card-shadow));} ._success_aunxq_96:active:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-success-active, var(--success-color)); transform: translateY(0);} ._warning_aunxq_112 {background-color: var(--color-warning, var(--warning-color)); color: white;} ._warning_aunxq_112:hover:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-warning-hover, #ea580c); transform: translateY(-1px); box-shadow: var(--shadow-md, var(--card-shadow));} ._warning_aunxq_112:active:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-warning-active, var(--warning-color)); transform: translateY(0);} ._danger_aunxq_128 {background-color: var(--color-error, var(--error-color)); color: white;} ._danger_aunxq_128:hover:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--color-error-dark, #b91c1c); transform: translateY(-1px); box-shadow: var(--shadow-md, var(--card-shadow));} ._danger_aunxq_128:active:not(._disabled_aunxq_68):not(._loading_aunxq_68) {transform: translateY(0);} ._ghost_aunxq_143 {background-color: transparent; color: var(--text-primary, var(--text-color)); border: 1px solid transparent;} ._ghost_aunxq_143:hover:not(._disabled_aunxq_68):not(._loading_aunxq_68) {background-color: var(--bg-secondary); border-color: var(--border-color);} ._outline_aunxq_155 {background-color: transparent; border: 2px solid var(--border-primary, var(--border-color)); color: var(--text-primary, var(--text-color));} ._outline_aunxq_155:hover:not(._disabled_aunxq_68):not(._loading_aunxq_68) {border-color: var(--color-primary, var(--primary-color)); color: var(--color-primary, var(--primary-color)); background-color: var(--bg-secondary);} ._disabled_aunxq_68 {opacity: .5; cursor: not-allowed;} ._loading_aunxq_68 {cursor: wait;} ._loading_aunxq_68 ._label_aunxq_177 {opacity: 0;} ._fullWidth_aunxq_181 {width: 100%;} ._spinner_aunxq_185 {position: absolute; width: 16px; height: 16px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: _spin_aunxq_185 .6s linear infinite;} @keyframes _spin_aunxq_185 {to {transform: rotate(360deg);}} ._icon_aunxq_199 {display: flex; align-items: center; justify-content: center;} ._label_aunxq_177 {display: flex; align-items: center;} ._button_aunxq_3:focus-visible {outline: 2px solid var(--border-focus, var(--primary-color)); outline-offset: 2px;} [dir="rtl"] ._button_aunxq_3 {direction: rtl;} [dir="rtl"] ._button_aunxq_3 ._icon_aunxq_199 {order: 2;} [dir="rtl"] ._button_aunxq_3 ._label_aunxq_177 {order: 1;} ._themeToggle_1xn1v_1 {display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--radius-md); background-color: var(--bg-secondary); border: 1px solid var(--border-primary); cursor: pointer; transition: all .2s ease-in-out; padding: 0; font-family: inherit; font-weight: 500; color: var(--text-primary);} ._size-small_1xn1v_18 {width: 32px; height: 32px; padding: 6px;} ._size-small_1xn1v_18._themeToggle_1xn1v_1:has(._label_1xn1v_24) {width: auto; padding: 6px 12px;} ._size-medium_1xn1v_29 {width: 40px; height: 40px; padding: 8px;} ._size-medium_1xn1v_29._themeToggle_1xn1v_1:has(._label_1xn1v_24) {width: auto; padding: 8px 16px;} ._size-large_1xn1v_40 {width: 48px; height: 48px; padding: 10px;} ._size-large_1xn1v_40._themeToggle_1xn1v_1:has(._label_1xn1v_24) {width: auto; padding: 10px 20px;} ._themeToggle_1xn1v_1:hover {background-color: var(--bg-tertiary); border-color: var(--border-secondary); transform: translateY(-1px); box-shadow: var(--shadow-sm);} ._themeToggle_1xn1v_1:active {transform: scale(.95);} ._themeToggle_1xn1v_1:focus {outline: none; border-color: var(--border-focus); box-shadow: 0 0 0 3px rgba(139,92,246,.1);} ._icon_1xn1v_72 {color: var(--text-primary); transition: transform .3s ease-in-out,opacity .2s ease-in-out; flex-shrink: 0;} ._themeToggle_1xn1v_1:hover ._icon_1xn1v_72 {transform: rotate(15deg);} ._label_1xn1v_24 {font-size: .875rem; white-space: nowrap; transition: opacity .2s ease-in-out;} ._size-small_1xn1v_18 ._label_1xn1v_24 {font-size: .75rem;} ._size-large_1xn1v_40 ._label_1xn1v_24 {font-size: 1rem;} @keyframes _fadeIn_1xn1v_1 {from {opacity: 0; transform: scale(.8);} to {opacity: 1; transform: scale(1);}} ._icon_1xn1v_72 {animation: _fadeIn_1xn1v_1 .2s ease-in-out;} ._themeToggle_1xn1v_1:disabled {opacity: .5; cursor: not-allowed; pointer-events: none;} @media (prefers-reduced-motion: reduce) {._themeToggle_1xn1v_1,._icon_1xn1v_72,._label_1xn1v_24 {transition: none; animation: none;} ._themeToggle_1xn1v_1:hover ._icon_1xn1v_72 {transform: none;}} ._languageSelector_a18o0_2 {position: relative; display: inline-block;} ._languageButton_a18o0_8 {display: flex; align-items: center; gap: 8px; padding: 8px 12px; min-height: 44px; border-radius: var(--radius-md, 8px); background-color: var(--bg-secondary, #f3f4f6); border: 1px solid var(--border-primary, #e5e7eb); cursor: pointer; transition: all .2s ease; font-size: var(--font-size-sm, 14px); color: var(--text-primary, #1f2937); font-family: inherit;} ._languageButton_a18o0_8:hover {background-color: var(--bg-tertiary, #e5e7eb); border-color: var(--border-secondary, #d1d5db); transform: translateY(-1px); box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));} ._languageButton_a18o0_8:focus {outline: none; border-color: var(--border-focus, #8b5cf6); box-shadow: 0 0 0 3px rgba(139,92,246,.1);} ._languageButton_a18o0_8:focus-visible {outline: 2px solid var(--border-focus, #8b5cf6); outline-offset: 2px;} ._icon_a18o0_42 {color: var(--text-secondary, #6b7280); flex-shrink: 0;} ._flag_a18o0_47 {font-size: 20px; line-height: 1; flex-shrink: 0;} ._languageName_a18o0_53 {font-weight: var(--font-weight-medium, 500); white-space: nowrap;} ._languageDropdown_a18o0_59 {position: absolute; top: calc(100% + 8px); right: 0; min-width: 200px; background-color: var(--bg-elevated, #ffffff); border: 1px solid var(--border-primary, #e5e7eb); border-radius: var(--radius-lg, 12px); box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)); padding: 8px; z-index: var(--z-dropdown, 1000); animation: _slideDown_a18o0_1 .2s ease;} @keyframes _slideDown_a18o0_1 {from {opacity: 0; transform: translateY(-8px);} to {opacity: 1; transform: translateY(0);}} ._languageOption_a18o0_84 {display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 44px; padding: 10px 12px; border: none; background: none; border-radius: var(--radius-md, 8px); cursor: pointer; transition: all .15s ease; text-align: left; font-family: inherit;} ._languageOption_a18o0_84:hover {background-color: var(--bg-secondary, #f3f4f6);} ._languageOption_a18o0_84:focus {outline: none; background-color: var(--bg-secondary, #f3f4f6); box-shadow: 0 0 0 2px var(--border-focus, #8b5cf6);} ._languageOption_a18o0_84:focus-visible {outline: 2px solid var(--border-focus, #8b5cf6); outline-offset: -2px;} ._languageOption_a18o0_84._active_a18o0_116 {background-color: var(--color-primary-light, rgba(139, 92, 246, .1)); color: var(--color-primary, #8b5cf6);} ._languageInfo_a18o0_121 {display: flex; flex-direction: column; gap: 2px; flex: 1;} ._nativeName_a18o0_128 {font-size: var(--font-size-sm, 14px); font-weight: var(--font-weight-medium, 500); color: var(--text-primary, #1f2937);} ._languageOption_a18o0_84._active_a18o0_116 ._nativeName_a18o0_128 {color: var(--color-primary, #8b5cf6);} ._englishName_a18o0_138 {font-size: var(--font-size-xs, 12px); color: var(--text-secondary, #6b7280);} ._checkIcon_a18o0_143 {color: var(--color-primary, #8b5cf6); flex-shrink: 0;} ._buttonGroup_a18o0_149 {display: flex; gap: 8px; flex-wrap: wrap;} ._groupButton_a18o0_155 {min-width: 100px; justify-content: center; position: relative;} ._groupButton_a18o0_155._active_a18o0_116 {background-color: var(--color-primary, #8b5cf6); border-color: var(--color-primary, #8b5cf6); color: #ffffff;} ._groupButton_a18o0_155._active_a18o0_116 ._languageName_a18o0_53 {color: #ffffff;} ._groupButton_a18o0_155._active_a18o0_116 ._flag_a18o0_47 {filter: brightness(1.2);} ._groupButton_a18o0_155._active_a18o0_116 ._checkIcon_a18o0_143 {color: #ffffff;} ._groupButton_a18o0_155:hover:not(._active_a18o0_116) {background-color: var(--bg-tertiary, #e5e7eb);} [dir="rtl"] ._languageDropdown_a18o0_59 {right: auto; left: 0;} [dir="rtl"] ._languageOption_a18o0_84 {text-align: right;} @media (prefers-color-scheme: dark) {._languageButton_a18o0_8 {background-color: var(--bg-secondary, #374151); border-color: var(--border-primary, #4b5563); color: var(--text-primary, #f9fafb);} ._languageButton_a18o0_8:hover {background-color: var(--bg-tertiary, #4b5563); border-color: var(--border-secondary, #6b7280);} ._languageDropdown_a18o0_59 {background-color: var(--bg-elevated, #1f2937); border-color: var(--border-primary, #374151);} ._languageOption_a18o0_84:hover {background-color: var(--bg-secondary, #374151);} ._nativeName_a18o0_128 {color: var(--text-primary, #f9fafb);} ._englishName_a18o0_138 {color: var(--text-secondary, #9ca3af);} ._icon_a18o0_42 {color: var(--text-secondary, #9ca3af);}} @media (max-width: 767px) {._languageDropdown_a18o0_59 {min-width: 180px;} ._buttonGroup_a18o0_149 {flex-direction: column; width: 100%;} ._groupButton_a18o0_155 {width: 100%; min-width: auto;}} @media (prefers-contrast: high) {._languageButton_a18o0_8 {border-width: 2px;} ._languageButton_a18o0_8:focus {outline: 3px solid; outline-offset: 2px;} ._languageOption_a18o0_84._active_a18o0_116 {border: 2px solid var(--color-primary, #8b5cf6);}} @media (prefers-reduced-motion: reduce) {._languageButton_a18o0_8,._languageOption_a18o0_84 {transition: none;} ._languageDropdown_a18o0_59 {animation: none;} ._languageButton_a18o0_8:hover {transform: none;}} ._toastContainer_pvqyi_3 {position: fixed; z-index: var(--z-tooltip, 9999); pointer-events: none; display: flex; flex-direction: column; gap: 12px;} ._container-top-right_pvqyi_13 {top: 24px; right: 24px;} ._container-top-left_pvqyi_18 {top: 24px; left: 24px;} ._container-bottom-right_pvqyi_23 {bottom: 24px; right: 24px; flex-direction: column-reverse;} ._container-bottom-left_pvqyi_29 {bottom: 24px; left: 24px; flex-direction: column-reverse;} ._container-top-center_pvqyi_35 {top: 24px; left: 50%; transform: translateX(-50%); align-items: center;} ._container-bottom-center_pvqyi_42 {bottom: 24px; left: 50%; transform: translateX(-50%); align-items: center; flex-direction: column-reverse;} ._toast_pvqyi_3 {display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: var(--radius-lg, 8px); box-shadow: var(--shadow-xl, 0 10px 25px rgba(0, 0, 0, .15)); background-color: var(--bg-elevated, #ffffff); border: 1px solid var(--border-primary, #e5e7eb); min-width: 300px; max-width: 500px; pointer-events: auto; animation: _slideIn_pvqyi_1 .3s ease; margin-bottom: 0;} [dir="rtl"] ._toast_pvqyi_3 {direction: rtl;} [dir="rtl"] ._container-top-right_pvqyi_13 {right: auto; left: 24px;} [dir="rtl"] ._container-top-left_pvqyi_18 {left: auto; right: 24px;} [dir="rtl"] ._container-bottom-right_pvqyi_23 {right: auto; left: 24px;} [dir="rtl"] ._container-bottom-left_pvqyi_29 {left: auto; right: 24px;} @keyframes _slideIn_pvqyi_1 {from {opacity: 0; transform: translateY(-20px);} to {opacity: 1; transform: translateY(0);}} @keyframes _slideInBottom_pvqyi_1 {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @keyframes _slideOut_pvqyi_1 {from {opacity: 1; transform: translateY(0);} to {opacity: 0; transform: translateY(-20px);}} @keyframes _slideOutBottom_pvqyi_1 {from {opacity: 1; transform: translateY(0);} to {opacity: 0; transform: translateY(20px);}} ._exiting_pvqyi_138 {animation: _slideOut_pvqyi_1 .3s ease forwards;} ._container-bottom-right_pvqyi_23 ._exiting_pvqyi_138,._container-bottom-left_pvqyi_29 ._exiting_pvqyi_138,._container-bottom-center_pvqyi_42 ._exiting_pvqyi_138 {animation: _slideOutBottom_pvqyi_1 .3s ease forwards;} ._success_pvqyi_149 {border-left: 4px solid var(--color-success, #10b981);} ._success_pvqyi_149 ._icon_pvqyi_153 {color: var(--color-success, #10b981);} ._error_pvqyi_157 {border-left: 4px solid var(--color-error, #ef4444);} ._error_pvqyi_157 ._icon_pvqyi_153 {color: var(--color-error, #ef4444);} ._warning_pvqyi_165 {border-left: 4px solid var(--color-warning, #f59e0b);} ._warning_pvqyi_165 ._icon_pvqyi_153 {color: var(--color-warning, #f59e0b);} ._info_pvqyi_173 {border-left: 4px solid var(--color-info, #3b82f6);} ._info_pvqyi_173 ._icon_pvqyi_153 {color: var(--color-info, #3b82f6);} [dir="rtl"] ._success_pvqyi_149,[dir="rtl"] ._error_pvqyi_157,[dir="rtl"] ._warning_pvqyi_165,[dir="rtl"] ._info_pvqyi_173 {border-left: none; border-right: 4px solid;} [dir="rtl"] ._success_pvqyi_149 {border-right-color: var(--color-success, #10b981);} [dir="rtl"] ._error_pvqyi_157 {border-right-color: var(--color-error, #ef4444);} [dir="rtl"] ._warning_pvqyi_165 {border-right-color: var(--color-warning, #f59e0b);} [dir="rtl"] ._info_pvqyi_173 {border-right-color: var(--color-info, #3b82f6);} ._icon_pvqyi_153 {display: flex; align-items: center; flex-shrink: 0;} ._message_pvqyi_214 {flex: 1; font-size: 14px; color: var(--text-primary, #1f2937); line-height: var(--line-height-normal, 1.5); word-break: break-word;} ._closeButton_pvqyi_223 {background: none; border: none; cursor: pointer; color: var(--text-secondary, #6b7280); padding: 4px; border-radius: var(--radius-sm, 4px); transition: all var(--transition-base, .2s ease); display: flex; align-items: center; justify-content: center; flex-shrink: 0;} ._closeButton_pvqyi_223:hover {background-color: var(--bg-secondary, #f3f4f6); color: var(--text-primary, #1f2937);} ._closeButton_pvqyi_223:focus-visible {outline: 2px solid var(--border-focus, #3b82f6); outline-offset: 2px;} @media (prefers-color-scheme: dark) {._toast_pvqyi_3 {background-color: var(--bg-elevated, #1f2937); border-color: var(--border-primary, #374151);} ._message_pvqyi_214 {color: var(--text-primary, #f9fafb);} ._closeButton_pvqyi_223 {color: var(--text-secondary, #9ca3af);} ._closeButton_pvqyi_223:hover {background-color: var(--bg-secondary, #374151); color: var(--text-primary, #f9fafb);}} @media (max-width: 768px) {._toast_pvqyi_3 {min-width: auto; max-width: calc(100vw - 48px);} ._container-top-right_pvqyi_13,._container-bottom-right_pvqyi_23 {right: 16px;} ._container-top-left_pvqyi_18,._container-bottom-left_pvqyi_29 {left: 16px;} ._container-top-right_pvqyi_13,._container-top-left_pvqyi_18,._container-top-center_pvqyi_35 {top: 16px;} ._container-bottom-right_pvqyi_23,._container-bottom-left_pvqyi_29,._container-bottom-center_pvqyi_42 {bottom: 16px;} [dir="rtl"] ._container-top-right_pvqyi_13,[dir="rtl"] ._container-bottom-right_pvqyi_23 {right: auto; left: 16px;} [dir="rtl"] ._container-top-left_pvqyi_18,[dir="rtl"] ._container-bottom-left_pvqyi_29 {left: auto; right: 16px;}} @media (prefers-reduced-motion: reduce) {._toast_pvqyi_3 {animation: none;} ._toastExiting_pvqyi_316 {animation: none;}} ._container_11zvp_1 {display: flex; min-height: 100vh; position: relative; background-color: var(--bg-color);} ._mainContent_11zvp_9 {flex: 1; display: flex; flex-direction: column; margin-left: calc(280px + 2rem); transition: margin-left .3s ease; min-height: 100vh; padding-top: calc(70px + 2rem);} ._mainContent_11zvp_9._collapsed_11zvp_19 {margin-left: calc(80px + 2rem);} ._contentWrapper_11zvp_23 {flex: 1; padding: 2rem; overflow-y: auto;} @media (max-width: 1023px) {._mainContent_11zvp_9 {margin-left: calc(80px + 2rem);}} @media (max-width: 767px) {._mainContent_11zvp_9 {margin-left: 0 !important; padding-top: calc(60px + 1rem);} ._contentWrapper_11zvp_23 {padding: 1rem;}} ._quizOverlay_11zvp_48 {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,107,0,.95); backdrop-filter: blur(10px); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 2rem;} ._quizModal_11zvp_63 {background: var(--bg-primary); border-radius: 20px; padding: 2.5rem; max-width: 1000px; width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: 0 25px 50px rgba(255,107,0,.3); border: 2px solid #ff6b00;} ._quizHeader_11zvp_75 {text-align: center; margin-bottom: 2.5rem;} ._quizIcon_11zvp_80 {font-size: 3rem; color: #ff6b00; margin-bottom: 1rem;} ._quizHeader_11zvp_75 h2 {color: #ff6b00; font-size: 2rem; margin-bottom: .5rem; font-weight: 700;} ._quizHeader_11zvp_75 p {color: var(--text-secondary)666; font-size: 1.1rem;} ._quizGrid_11zvp_98 {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 1.5rem; margin-bottom: 2.5rem;} ._quizCard_11zvp_105 {background: #fffaf5; border-radius: 12px; padding: 1.5rem; border: 1px solid #ffddd0; transition: all .3s ease; position: relative; overflow: hidden;} ._quizCard_11zvp_105::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #ff6b00;} ._quizCard_11zvp_105._easy_11zvp_125::before {background: #00c853;} ._quizCard_11zvp_105._medium_11zvp_129::before {background: #ff9800;} ._quizCard_11zvp_105._hard_11zvp_133::before {background: #f44336;} ._quizCardHeader_11zvp_137 {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem;} ._quizCardHeader_11zvp_137 h3 {color: #ff6b00; font-size: 1.1rem; font-weight: 600; margin: 0; flex: 1; margin-right: 1rem;} ._difficulty_11zvp_153 {padding: .25rem .75rem; border-radius: 20px; font-size: .8rem; font-weight: 600; white-space: nowrap;} ._difficulty_11zvp_153._easy_11zvp_125 {background: #e8f5e8; color: #00c853;} ._difficulty_11zvp_153._medium_11zvp_129 {background: #fff3e0; color: #ff9800;} ._difficulty_11zvp_153._hard_11zvp_133 {background: #ffebee; color: #f44336;} ._quizInfo_11zvp_176 {display: flex; gap: 1rem; margin-bottom: 1.5rem;} ._quizMeta_11zvp_182 {display: flex; align-items: center; gap: .5rem; color: var(--text-secondary)666; font-size: .9rem;} ._metaIcon_11zvp_190 {font-size: .9rem;} ._startQuizBtn_11zvp_194 {background: #ff6b00; color: white; border: none; padding: .75rem 1.5rem; border-radius: 8px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; transition: all .3s ease; font-size: .95rem;} ._startQuizBtn_11zvp_194:hover {background: #ff8c3a; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255,107,0,.3);} ._btnIcon_11zvp_217 {transition: transform .3s ease;} ._startQuizBtn_11zvp_194:hover ._btnIcon_11zvp_217 {transform: translateX(3px);} ._quizFooter_11zvp_225 {text-align: center; border-top: 1px solid #ffddd0; padding-top: 2rem;} ._skipButton_11zvp_231 {background: transparent; color: #ff6b00; border: 2px solid #ff6b00; padding: .75rem 2rem; border-radius: 8px; font-weight: 600; cursor: pointer; margin-bottom: 1rem; transition: all .3s ease;} ._skipButton_11zvp_231:hover {background: #ff6b00; color: white;} ._quizNote_11zvp_248 {color: var(--text-secondary)666; font-size: .9rem; margin: 0;} ._blurred_11zvp_255 {filter: blur(5px); pointer-events: none; user-select: none;} ._sidebar_11zvp_262 {background: linear-gradient(180deg,rgba(102,126,234,.98) 0%,rgba(118,75,162,.98) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: rgba(255,255,255,.95); padding: 1.5rem .75rem; height: 100vh; width: 280px; position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 4px 0 24px rgba(102,126,234,.15); overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.3) transparent; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.1);} ._sidebar_11zvp_262::before {content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: linear-gradient(180deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);} ._sidebar_11zvp_262::-webkit-scrollbar {width: 6px;} ._sidebar_11zvp_262::-webkit-scrollbar-track {background: transparent; margin: 8px 0;} ._sidebar_11zvp_262::-webkit-scrollbar-thumb {background: rgba(255,255,255,.3); border-radius: 10px; transition: background .2s ease;} ._sidebar_11zvp_262::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,.5);} ._logo_11zvp_316 {margin-bottom: 2rem; padding: 1.5rem 1rem; border-bottom: 1px solid rgba(255,255,255,.15); text-align: center; position: relative;} ._logo_11zvp_316::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 2px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);} ._logoText_11zvp_335 {color: #fff; font-size: 1.75rem; margin-bottom: .25rem; font-weight: 700; background: linear-gradient(135deg,#ffffff 0%,#e0e7ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: .5px; text-shadow: 0 2px 10px rgba(255,255,255,.1);} ._logoSubtext_11zvp_348 {color: rgba(255,255,255,.75); font-size: .75rem; margin: 0; font-weight: 400; letter-spacing: .5px; text-transform: uppercase;} ._navLinks_11zvp_357 {list-style: none; padding: 0; margin: 0; flex-grow: 1;} ._navLink_11zvp_357 {display: flex; align-items: center; padding: .875rem 1.125rem; margin: .375rem .5rem; border-radius: 12px; color: rgba(255,255,255,.9); text-decoration: none; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: .9375rem; position: relative; overflow: hidden;} ._navLink_11zvp_357::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 0; background: var(--bg-primary); border-radius: 0 3px 3px 0; transition: height .3s ease;} ._navLink_11zvp_357:hover {background: rgba(255,255,255,.15); color: white; transform: translateX(4px); box-shadow: 0 4px 12px rgba(0,0,0,.1);} ._navLink_11zvp_357:hover::before {height: 60%;} ._navLink_11zvp_357._active_11zvp_402 {background: linear-gradient(135deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.15) 100%); color: white; font-weight: 600; box-shadow: 0 4px 16px rgba(0,0,0,.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} ._navLink_11zvp_357._active_11zvp_402::before {height: 100%; background: var(--bg-primary); box-shadow: 0 0 10px rgba(255,255,255,.5);} ._navIcon_11zvp_417 {margin-right: .875rem; font-size: 1.125rem; min-width: 24px; transition: transform .2s ease;} ._navLink_11zvp_357:hover ._navIcon_11zvp_417 {transform: scale(1.1);} ._navLink_11zvp_357._active_11zvp_402 ._navIcon_11zvp_417 {transform: scale(1.15);} ._linkText_11zvp_432 {font-size: .9375rem; white-space: nowrap; font-weight: 500; letter-spacing: .01em;} ._navSection_11zvp_440 {margin: 1.5rem 0 .5rem;} ._sectionHeader_11zvp_444 {display: flex; justify-content: space-between; align-items: center; padding: .75rem 1rem; color: rgba(255,255,255,.9); cursor: pointer; border-radius: 10px; transition: all .3s cubic-bezier(.4,0,.2,1); user-select: none; position: relative; overflow: hidden;} ._sectionHeader_11zvp_444::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg,transparent,rgba(255,255,255,.6),transparent); opacity: 0; transition: opacity .3s ease;} ._sectionHeader_11zvp_444:hover {color: white; background: linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.08) 100%); transform: translateX(2px); box-shadow: 0 2px 8px rgba(0,0,0,.1);} ._sectionHeader_11zvp_444:hover::before {opacity: 1;} ._sectionTitle_11zvp_481 {display: flex; align-items: center; gap: .75rem;} ._sectionIcon_11zvp_487 {font-size: 1rem; color: #fff5eb;} ._chevronIcon_11zvp_492 {font-size: .9rem; transition: all .3s ease; color: rgba(255,255,255,.8);} ._subMenu_11zvp_498 {list-style: none; padding-left: 1.5rem; overflow: hidden;} ._mainContent_11zvp_9 {flex: 1; margin-left: 280px; margin-top: 70px; transition: margin .3s ease; min-height: calc(100vh - 70px); display: flex; flex-direction: column; background: var(--bg-color); width: calc(100% - 280px);} ._contentWrapper_11zvp_23 {padding: 0; flex: 1; background-color: var(--bg-color); min-height: calc(100vh - 70px); height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; transition: filter .3s ease;} ._contentWrapper_11zvp_23::-webkit-scrollbar {width: 8px;} ._contentWrapper_11zvp_23::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;} ._contentWrapper_11zvp_23::-webkit-scrollbar-thumb {background: #ffddd0; border-radius: 10px;} ._contentWrapper_11zvp_23::-webkit-scrollbar-thumb:hover {background: #ff6b00;} ._mobileHeader_11zvp_548 {display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: linear-gradient(135deg,rgba(102,126,234,.98) 0%,rgba(118,75,162,.98) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: white; position: fixed; top: 0; left: 0; right: 0; z-index: 90; box-shadow: 0 4px 16px rgba(102,126,234,.2); height: 60px; border-bottom: 1px solid rgba(255,255,255,.1);} ._mobileHeader_11zvp_548::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);} ._mobileLogo_11zvp_581 {font-size: 1.3rem; margin: 0; font-weight: 700; background: linear-gradient(135deg,#ffffff 0%,#e0e7ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: .5px;} ._menuButton_11zvp_592 {background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.2); color: white; cursor: pointer; padding: .5rem; display: flex; align-items: center; justify-content: center; border-radius: 10px; transition: all .3s cubic-bezier(.4,0,.2,1); width: 40px; height: 40px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} ._menuButton_11zvp_592:hover {background: rgba(255,255,255,.25); transform: scale(1.05);} ._menuButton_11zvp_592:active {transform: scale(.95);} ._menuIcon_11zvp_618 {transition: all .3s ease; font-size: 1.2rem;} ._mobileProfile_11zvp_623 {background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.2); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s cubic-bezier(.4,0,.2,1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0,0,0,.05);} ._mobileProfile_11zvp_623:hover {background: rgba(255,255,255,.25); border-color: rgba(255,255,255,.3); transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,.1);} ._mobileProfile_11zvp_623:active {transform: scale(.95);} ._profileIcon_11zvp_650 {color: white; font-size: 1.1rem;} ._profileHeader_11zvp_656 {display: flex; justify-content: flex-end; align-items: center; padding: .875rem 2rem; background: linear-gradient(135deg,rgba(102,126,234,.95) 0%,rgba(118,75,162,.95) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 4px 16px rgba(102,126,234,.12); position: fixed; top: 0; right: 0; left: 280px; z-index: 80; height: 70px; border-bottom: 1px solid rgba(255,255,255,.1);} ._profileHeader_11zvp_656::before {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);} ._searchContainer_11zvp_688 {position: relative; margin-right: auto;} ._searchInput_11zvp_693 {padding: .6rem 1rem .6rem 2.5rem; border: 1px solid rgba(255,255,255,.3); border-radius: 30px; width: 250px; outline: none; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: .9rem; background: rgba(255,255,255,.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: white; box-shadow: 0 2px 8px rgba(0,0,0,.05);} ._searchInput_11zvp_693::placeholder {color: rgba(255,255,255,.7);} ._searchInput_11zvp_693:focus {border-color: rgba(255,255,255,.6); box-shadow: 0 4px 16px rgba(255,255,255,.15),0 0 0 3px rgba(255,255,255,.1); background: rgba(255,255,255,.3); transform: translateY(-1px);} ._searchIcon_11zvp_719 {position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,.8); font-size: .9rem; transition: color .3s ease;} ._searchInput_11zvp_693:focus + ._searchIcon_11zvp_719 {color: white;} ._profileControls_11zvp_733 {display: flex; align-items: center; gap: 1.5rem;} ._refreshBtn_11zvp_739 {background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.2); color: white; cursor: pointer; font-size: 1.2rem; padding: .5rem; display: flex; align-items: center; justify-content: center; transition: all .3s cubic-bezier(.4,0,.2,1); border-radius: 50%; width: 42px; height: 42px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0,0,0,.05);} ._refreshBtn_11zvp_739:hover:not(:disabled) {background: rgba(255,255,255,.3); border-color: rgba(255,255,255,.4); color: white; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.1);} ._refreshBtn_11zvp_739:active:not(:disabled) {background: rgba(255,255,255,.4); transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,.08);} ._refreshBtn_11zvp_739:disabled {opacity: .5; cursor: not-allowed;} ._refreshIcon_11zvp_777 {transition: all .3s ease;} ._refreshIcon_11zvp_777._spinning_11zvp_781 {animation: _spin_11zvp_781 1s linear infinite;} @keyframes _spin_11zvp_781 {from {transform: rotate(0deg);} to {transform: rotate(360deg);}} ._mobileHeaderControls_11zvp_794 {display: flex; align-items: center; gap: .75rem;} ._notificationBtn_11zvp_800 {position: relative; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.2); color: white; cursor: pointer; font-size: 1.2rem; padding: .5rem; display: flex; align-items: center; justify-content: center; transition: all .3s cubic-bezier(.4,0,.2,1); border-radius: 50%; width: 42px; height: 42px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0,0,0,.05);} ._notificationBtn_11zvp_800:hover {background: rgba(255,255,255,.3); border-color: rgba(255,255,255,.4); color: white; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.1);} ._notificationBtn_11zvp_800:active {transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,.08);} ._notificationIcon_11zvp_833 {transition: all .3s ease;} ._notificationBtn_11zvp_800:hover ._notificationIcon_11zvp_833 {animation: _bellRing_11zvp_1 .5s ease-in-out;} @keyframes _bellRing_11zvp_1 {0%,100% {transform: rotate(0deg);} 10%,30% {transform: rotate(-10deg);} 20%,40% {transform: rotate(10deg);}} ._notificationBadge_11zvp_847 {position: absolute; top: 4px; right: 4px; background: linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%); color: white; border-radius: 50%; width: 18px; height: 18px; font-size: .7rem; display: flex; align-items: center; justify-content: center; font-weight: 700; border: 2px solid rgba(102,126,234,.95); box-shadow: 0 2px 8px rgba(255,107,107,.4); animation: _pulse_11zvp_1 2s ease-in-out infinite;} @keyframes _pulse_11zvp_1 {0%,100% {transform: scale(1); box-shadow: 0 2px 8px rgba(255,107,107,.4);} 50% {transform: scale(1.1); box-shadow: 0 4px 12px rgba(255,107,107,.6);}} ._profileDropdown_11zvp_877 {display: flex; align-items: center; gap: .75rem; position: relative; cursor: pointer; padding: .5rem 1rem; border-radius: 30px; transition: all .3s cubic-bezier(.4,0,.2,1); background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(0,0,0,.05);} ._profileDropdown_11zvp_877:hover {background: rgba(255,255,255,.25); border-color: rgba(255,255,255,.3); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.1);} ._profileDropdown_11zvp_877:active {transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,.08);} ._profileAvatar_11zvp_905 {width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg,#ffffff 0%,rgba(255,255,255,.9) 100%); color: #667eea; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 600; overflow: hidden; border: 2px solid rgba(255,255,255,.4); box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: all .3s ease;} ._profileDropdown_11zvp_877:hover ._profileAvatar_11zvp_905 {transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,.15);} ._avatarIcon_11zvp_927 {color: #667eea; font-size: 1.1rem;} ._avatarImage_11zvp_932 {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;} ._profileName_11zvp_939 {font-size: .9rem; font-weight: 600; color: white; white-space: nowrap; letter-spacing: .01em;} ._dropdownArrow_11zvp_947 {transition: all .3s cubic-bezier(.4,0,.2,1); color: rgba(255,255,255,.9); font-size: .85rem;} ._profileDropdown_11zvp_877:hover ._dropdownArrow_11zvp_947 {color: white;} ._rotated_11zvp_957 {transform: rotate(180deg);} ._dropdownMenu_11zvp_961 {position: absolute; top: 100%; right: 0; background: var(--bg-primary); border-radius: 16px; box-shadow: 0 12px 40px rgba(102,126,234,.15),0 4px 12px rgba(0,0,0,.08); min-width: 220px; padding: .75rem 0; margin-top: .75rem; z-index: 100; overflow: hidden; border: 1px solid rgba(102,126,234,.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: _dropdownFadeIn_11zvp_1 .2s ease-out;} @keyframes _dropdownFadeIn_11zvp_1 {from {opacity: 0; transform: translateY(-8px);} to {opacity: 1; transform: translateY(0);}} ._dropdownMenu_11zvp_961::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,#667eea 0%,#764ba2 100%);} ._dropdownItem_11zvp_1000 {display: flex; align-items: center; padding: .875rem 1.5rem; color: var(--text-primary)333; text-decoration: none; transition: all .3s cubic-bezier(.4,0,.2,1); width: 100%; background: none; border: none; text-align: left; cursor: pointer; font-size: .9rem; position: relative; overflow: hidden;} ._dropdownItem_11zvp_1000::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg,#667eea 0%,#764ba2 100%); transform: scaleY(0); transition: transform .3s ease;} ._dropdownItem_11zvp_1000:hover {background: linear-gradient(90deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.05) 100%); color: #667eea; padding-left: 1.75rem;} ._dropdownItem_11zvp_1000:hover::before {transform: scaleY(1);} ._dropdownIcon_11zvp_1039 {margin-right: .875rem; font-size: 1.1rem; color: #667eea; transition: transform .3s ease;} ._dropdownItem_11zvp_1000:hover ._dropdownIcon_11zvp_1039 {transform: scale(1.1);} ._overlay_11zvp_1051 {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(102,126,234,.2); z-index: 95; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: _overlayFadeIn_11zvp_1 .3s ease-out;} @keyframes _overlayFadeIn_11zvp_1 {from {opacity: 0;} to {opacity: 1;}} ._mobileProfileDropdown_11zvp_1074 {position: fixed; top: 70px; right: 1rem; background: var(--bg-primary); border-radius: 16px; box-shadow: 0 12px 40px rgba(102,126,234,.15),0 4px 12px rgba(0,0,0,.08); min-width: 220px; padding: .75rem 0; z-index: 100; overflow: hidden; border: 1px solid rgba(102,126,234,.1); animation: _dropdownFadeIn_11zvp_1 .2s ease-out;} ._mobileProfileDropdown_11zvp_1074::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg,#667eea 0%,#764ba2 100%);} ._mobileProfileMenu_11zvp_1100 {margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(102,126,234,.1);} ._mobileProfileLink_11zvp_1106 {display: flex; align-items: center; padding: .875rem 1.25rem; color: var(--text-primary)333; text-decoration: none; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: .95rem; position: relative; overflow: hidden;} ._mobileProfileLink_11zvp_1106::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg,#667eea 0%,#764ba2 100%); transform: scaleY(0); transition: transform .3s ease;} ._mobileProfileLink_11zvp_1106:hover {color: #667eea; background: linear-gradient(90deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.05) 100%); padding-left: 1.5rem;} ._mobileProfileLink_11zvp_1106:hover::before {transform: scaleY(1);} ._mobileMenuIcon_11zvp_1140 {margin-right: .875rem; font-size: 1.1rem; color: #667eea; transition: transform .3s ease;} ._mobileProfileLink_11zvp_1106:hover ._mobileMenuIcon_11zvp_1140 {transform: scale(1.1);} ._mobileLogoutBtn_11zvp_1151 {display: flex; align-items: center; padding: .875rem 1.25rem; color: var(--text-primary)333; background: none; border: none; width: 100%; text-align: left; cursor: pointer; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: .95rem; position: relative; overflow: hidden;} ._mobileLogoutBtn_11zvp_1151::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg,#667eea 0%,#764ba2 100%); transform: scaleY(0); transition: transform .3s ease;} ._mobileLogoutBtn_11zvp_1151:hover {color: #667eea; background: linear-gradient(90deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.05) 100%); padding-left: 1.5rem;} ._mobileLogoutBtn_11zvp_1151:hover::before {transform: scaleY(1);} ._mobileLogoutBtn_11zvp_1151 ._mobileMenuIcon_11zvp_1140 {transition: transform .3s ease;} ._mobileLogoutBtn_11zvp_1151:hover ._mobileMenuIcon_11zvp_1140 {transform: scale(1.1);} @media (max-width: 992px) {._mainContent_11zvp_9 {margin-left: 0; margin-top: 70px; width: 100%;} ._profileHeader_11zvp_656 {left: 0;} ._contentShifted_11zvp_1209 {margin-left: 80%;}} @media (max-width: 768px) {._sidebar_11zvp_262 {width: 80%; max-width: 300px;} ._mobileOpen_11zvp_1220 {box-shadow: 5px 0 25px rgba(255,107,0,.3);} ._searchInput_11zvp_693 {width: 200px;} ._profileHeader_11zvp_656 {padding: 1rem;} ._mainContent_11zvp_9 {margin-top: 70px;} ._contentWrapper_11zvp_23 {padding: 0; min-height: calc(100vh - 70px);} ._quizModal_11zvp_63 {padding: 1.5rem; margin: 1rem;} ._quizGrid_11zvp_98 {grid-template-columns: 1fr;} ._quizHeader_11zvp_75 h2 {font-size: 1.5rem;}} @media (max-width: 576px) {._searchInput_11zvp_693 {width: 150px; padding-left: 2rem;} ._profileName_11zvp_939 {display: none;} ._profileDropdown_11zvp_877 {padding: .25rem;} ._dropdownArrow_11zvp_947 {display: none;} ._contentWrapper_11zvp_23 {padding: 1rem;} ._quizOverlay_11zvp_48 {padding: 1rem;} ._quizModal_11zvp_63 {padding: 1rem;}} ._badge_uu6io_3 {display: inline-flex; align-items: center; gap: 4px; font-weight: 600; border-radius: var(--radius-full); transition: all var(--transition-base); white-space: nowrap;} ._sm_uu6io_14 {padding: 2px 8px; font-size: 11px; line-height: 1.4;} ._md_uu6io_20 {padding: 4px 12px; font-size: 12px; line-height: 1.5;} ._lg_uu6io_26 {padding: 6px 16px; font-size: 14px; line-height: 1.5;} ._default_uu6io_33 {background-color: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--border-primary);} ._primary_uu6io_39 {background-color: var(--color-primary); color: white;} ._secondary_uu6io_44 {background-color: var(--color-secondary); color: white;} ._success_uu6io_49 {background-color: var(--color-success); color: white;} ._warning_uu6io_54 {background-color: var(--color-warning); color: white;} ._error_uu6io_59 {background-color: var(--color-error); color: white;} ._info_uu6io_64 {background-color: var(--color-info); color: white;} ._outline_uu6io_70._default_uu6io_33 {background-color: transparent; color: var(--text-primary); border: 1px solid var(--border-primary);} ._outline_uu6io_70._primary_uu6io_39 {background-color: var(--color-primary-light); color: var(--color-primary); border: 1px solid var(--color-primary);} ._outline_uu6io_70._secondary_uu6io_44 {background-color: var(--color-secondary-light); color: var(--color-secondary); border: 1px solid var(--color-secondary);} ._outline_uu6io_70._success_uu6io_49 {background-color: var(--color-success-light); color: var(--color-success-dark); border: 1px solid var(--color-success);} ._outline_uu6io_70._warning_uu6io_54 {background-color: var(--color-warning-light); color: var(--color-warning-dark); border: 1px solid var(--color-warning);} ._outline_uu6io_70._error_uu6io_59 {background-color: var(--color-error-light); color: var(--color-error-dark); border: 1px solid var(--color-error);} ._outline_uu6io_70._info_uu6io_64 {background-color: var(--color-info-light); color: var(--color-info-dark); border: 1px solid var(--color-info);} ._dot_uu6io_113 {width: 8px; height: 8px; padding: 0; border-radius: 50%;} ._dot_uu6io_113._sm_uu6io_14 {width: 6px; height: 6px;} ._dot_uu6io_113._lg_uu6io_26 {width: 10px; height: 10px;} ._icon_uu6io_131 {display: flex; align-items: center; justify-content: center;} ._label_uu6io_138 {text-transform: uppercase; letter-spacing: .05em;} ._removeButton_uu6io_144 {background: none; border: none; cursor: pointer; color: currentColor; padding: 0; margin-left: 4px; font-size: 16px; line-height: 1; opacity: .7; transition: opacity var(--transition-base); display: flex; align-items: center; justify-content: center;} ._removeButton_uu6io_144:hover {opacity: 1;} ._removeButton_uu6io_144:focus-visible {outline: 2px solid currentColor; outline-offset: 2px; border-radius: 50%;} ._dark_uu6io_171 ._default_uu6io_33 {background-color: var(--bg-tertiary);} ._dark_uu6io_171 ._outline_uu6io_70._primary_uu6io_39 {background-color: rgba(139,92,246,.1);} ._dark_uu6io_171 ._outline_uu6io_70._secondary_uu6io_44 {background-color: rgba(20,184,166,.1);} ._dark_uu6io_171 ._outline_uu6io_70._success_uu6io_49 {background-color: rgba(34,197,94,.1);} ._dark_uu6io_171 ._outline_uu6io_70._warning_uu6io_54 {background-color: rgba(245,158,11,.1);} ._dark_uu6io_171 ._outline_uu6io_70._error_uu6io_59 {background-color: rgba(239,68,68,.1);} ._dark_uu6io_171 ._outline_uu6io_70._info_uu6io_64 {background-color: rgba(59,130,246,.1);} ._menuItemWrapper_21yqh_3 {margin: .375rem .75rem;} ._menuItem_21yqh_3 {display: flex; align-items: center; gap: 1rem; width: 100%; padding: .875rem 1.125rem; background: transparent; border: none; border-radius: 12px; color: var(--color-text); font-size: .9375rem; font-weight: 500; text-align: left; cursor: pointer; transition: all .2s cubic-bezier(.4,0,.2,1); position: relative; overflow: hidden;} ._menuItem_21yqh_3::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 0; background: var(--color-primary); border-radius: 0 3px 3px 0; transition: height .3s ease;} ._menuItem_21yqh_3:hover {background: linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%); color: var(--color-primary); transform: translateX(4px); box-shadow: 0 2px 8px rgba(0,0,0,.05);} ._menuItem_21yqh_3:hover::before {height: 60%;} ._menuItem_21yqh_3:focus {outline: 2px solid var(--color-primary); outline-offset: 2px;} ._menuItem_21yqh_3:active {transform: translateX(2px) scale(.98);} ._menuItem_21yqh_3._active_21yqh_61 {background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%); color: white; box-shadow: 0 4px 12px rgba(var(--color-primary-rgb),.3);} ._menuItem_21yqh_3._active_21yqh_61::before {height: 100%; background: var(--bg-primary); opacity: .3;} ._menuItem_21yqh_3._active_21yqh_61:hover {background: linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%); color: white; transform: translateX(4px);} ._menuItem_21yqh_3._collapsed_21yqh_80 {justify-content: center; padding: .875rem; gap: 0;} ._menuItem_21yqh_3._collapsed_21yqh_80 ._menuIcon_21yqh_86 {width: 24px; height: 24px; margin: 0;} ._menuItem_21yqh_3._collapsed_21yqh_80:hover {transform: scale(1.05);} ._menuIcon_21yqh_86 {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 22px; height: 22px; transition: transform .2s ease; font-size: 20px; opacity: 1; visibility: visible;} ._menuIcon_21yqh_86 svg {width: 100%; height: 100%;} ._menuItem_21yqh_3._collapsed_21yqh_80 ._menuIcon_21yqh_86 {opacity: 1; visibility: visible; display: flex;} ._menuItem_21yqh_3:hover ._menuIcon_21yqh_86 {transform: scale(1.1);} ._menuItem_21yqh_3._active_21yqh_61 ._menuIcon_21yqh_86 {transform: scale(1.15);} ._menuLabel_21yqh_131 {flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: opacity .2s ease,width .2s ease; font-weight: 500; letter-spacing: .01em;} ._menuLabel_21yqh_131._hidden_21yqh_141 {opacity: 0; width: 0; overflow: hidden;} ._badge_21yqh_148 {margin-left: auto; padding: .25rem .5rem; background: var(--color-primary); color: white; border-radius: 10px; font-size: .75rem; font-weight: 600; min-width: 20px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,.1);} ._menuItem_21yqh_3._active_21yqh_61 ._badge_21yqh_148 {background: var(--bg-primary); color: var(--color-primary);} ._expandIcon_21yqh_167 {display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: auto; transition: transform .3s ease;} ._menuItem_21yqh_3._expanded_21yqh_176 ._expandIcon_21yqh_167 {transform: rotate(180deg);} ._submenu_21yqh_181 {margin-top: .5rem; padding-left: 3rem; animation: _slideDown_21yqh_1 .3s cubic-bezier(.4,0,.2,1);} @keyframes _slideDown_21yqh_1 {from {opacity: 0; transform: translateY(-10px); max-height: 0;} to {opacity: 1; transform: translateY(0); max-height: 500px;}} ._submenuItem_21yqh_201 {display: flex; align-items: center; gap: .875rem; width: 100%; padding: .75rem 1rem; background: transparent; border: none; border-radius: 10px; color: var(--color-text-secondary); font-size: .875rem; font-weight: 500; text-align: left; cursor: pointer; transition: all .2s ease; position: relative;} ._submenuItem_21yqh_201::before {content: ""; position: absolute; left: -1rem; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background: var(--color-border); border-radius: 50%; transition: all .2s ease;} ._submenuItem_21yqh_201:hover {background: var(--color-background); color: var(--color-text); transform: translateX(4px);} ._submenuItem_21yqh_201:hover::before {background: var(--color-primary); transform: translateY(-50%) scale(1.3);} ._submenuItem_21yqh_201:focus {outline: 2px solid var(--color-primary); outline-offset: 2px;} ._submenuItem_21yqh_201._active_21yqh_61 {background: linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%); color: white; box-shadow: 0 2px 8px rgba(var(--color-primary-rgb),.2);} ._submenuItem_21yqh_201._active_21yqh_61::before {background: var(--bg-primary); transform: translateY(-50%) scale(1.5);} ._submenuItem_21yqh_201._active_21yqh_61:hover {background: linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%); color: white;} ._submenuIcon_21yqh_265 {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; height: 18px; transition: transform .2s ease;} ._submenuItem_21yqh_201:hover ._submenuIcon_21yqh_265 {transform: scale(1.1);} ._submenuLabel_21yqh_280 {flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: .01em;} @media (pointer: coarse) {._menuItem_21yqh_3,._submenuItem_21yqh_201 {min-height: 48px;}} [dir="rtl"] ._menuItem_21yqh_3,[dir="rtl"] ._submenuItem_21yqh_201 {text-align: right;} [dir="rtl"] ._menuItem_21yqh_3::before {left: auto; right: 0; border-radius: 3px 0 0 3px;} [dir="rtl"] ._menuItem_21yqh_3:hover {transform: translateX(-4px);} [dir="rtl"] ._menuItem_21yqh_3:active {transform: translateX(-2px) scale(.98);} [dir="rtl"] ._submenu_21yqh_181 {padding-left: 0; padding-right: 3rem;} [dir="rtl"] ._submenuItem_21yqh_201::before {left: auto; right: -1rem;} [dir="rtl"] ._submenuItem_21yqh_201:hover {transform: translateX(-4px);} [dir="rtl"] ._badge_21yqh_148 {margin-left: 0; margin-right: auto;} [dir="rtl"] ._expandIcon_21yqh_167 {margin-left: 0; margin-right: auto;} @media (prefers-reduced-motion: reduce) {._menuItem_21yqh_3,._submenuItem_21yqh_201,._menuLabel_21yqh_131,._expandIcon_21yqh_167,._submenu_21yqh_181,._menuIcon_21yqh_86,._submenuIcon_21yqh_265 {transition: none; animation: none;} ._menuItem_21yqh_3:hover,._submenuItem_21yqh_201:hover {transform: none;}} @media (prefers-color-scheme: dark) {._menuItem_21yqh_3:hover {box-shadow: 0 2px 12px rgba(0,0,0,.2);} ._menuItem_21yqh_3._active_21yqh_61 {box-shadow: 0 4px 16px rgba(var(--color-primary-rgb),.4);}} ._sidebar_daczc_3 {position: fixed; top: 1rem; left: 1rem; height: calc(100vh - 2rem); width: 280px; background: linear-gradient(135deg,#ffffff 0%,#f5f3ff 50%,#ede9fe 100%); border: 1px solid rgba(139,92,246,.1); border-radius: 20px; display: flex; flex-direction: column; transition: all .3s cubic-bezier(.4,0,.2,1); z-index: 1000; overflow: hidden; box-shadow: 0 10px 40px rgba(139,92,246,.15),0 4px 12px rgba(139,92,246,.1),0 1px 3px rgba(0,0,0,.05);} ._sidebar_daczc_3._collapsed_daczc_24 {width: 80px;} ._sidebar_daczc_3._collapsed_daczc_24 ._brandInfo_daczc_28 {display: none;} ._sidebar_daczc_3._collapsed_daczc_24 ._logoIcon_daczc_32 {margin: 0 auto;} ._brandSection_daczc_37 {display: flex; align-items: center; gap: 1rem; padding: 1.5rem 1.25rem; border-bottom: 1px solid rgba(139,92,246,.1); position: relative; background: transparent; flex-direction: column;} ._sidebar_daczc_3:not(._collapsed_daczc_24) ._brandSection_daczc_37 {flex-direction: row;} ._sidebar_daczc_3._collapsed_daczc_24 ._brandSection_daczc_37 {justify-content: center; padding: 1.5rem .75rem; gap: .75rem;} ._sidebar_daczc_3._collapsed_daczc_24 ._logoContainer_daczc_58 {margin: 0;} ._logoContainer_daczc_58 {flex-shrink: 0;} ._logoIcon_daczc_32 {width: 48px; height: 48px; background: transparent; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white;} ._logo_daczc_32 {width: 48px; height: 48px; border-radius: 12px; object-fit: cover;} ._logoImage_daczc_84 {width: 100%; height: 100%; object-fit: contain;} ._brandInfo_daczc_28 {flex: 1; min-width: 0;} ._brandName_daczc_95 {font-size: 1.25rem; font-weight: 700; color: var(--color-text); margin: 0; line-height: 1.2;} ._brandTagline_daczc_103 {font-size: .625rem; font-weight: 600; color: var(--color-text-secondary); margin: .25rem 0 0; text-transform: uppercase; letter-spacing: .5px; opacity: .7;} ._toggleButton_daczc_114 {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(139,92,246,.1); border: 1px solid rgba(139,92,246,.2); border-radius: 8px; color: #8b5cf6; cursor: pointer; transition: all .2s ease; padding: 0; flex-shrink: 0;} ._sidebar_daczc_3:not(._collapsed_daczc_24) ._toggleButton_daczc_114 {position: absolute; top: 1.5rem; right: 1rem;} ._sidebar_daczc_3._collapsed_daczc_24 ._toggleButton_daczc_114 {position: static;} ._toggleButton_daczc_114:hover {background: #8b5cf6; color: white; border-color: #8b5cf6; transform: scale(1.05);} ._toggleButton_daczc_114:focus {outline: 2px solid #8b5cf6; outline-offset: 2px;} ._toggleButton_daczc_114:active {transform: scale(.95);} ._menuContainer_daczc_157 {flex: 1; padding: 1rem .75rem; overflow-y: auto; overflow-x: hidden;} ._menuContainer_daczc_157::-webkit-scrollbar {width: 4px;} ._menuContainer_daczc_157::-webkit-scrollbar-track {background: transparent;} ._menuContainer_daczc_157::-webkit-scrollbar-thumb {background: var(--color-border); border-radius: 10px; transition: background .2s ease;} ._menuContainer_daczc_157::-webkit-scrollbar-thumb:hover {background: var(--color-primary);} ._mobileOverlay_daczc_184 {display: none;} ._mobileMenuButton_daczc_189 {display: none; position: fixed; top: 1.25rem; left: 1.25rem; z-index: 1100; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 12px; padding: .75rem; cursor: pointer; color: var(--color-text); transition: all .2s ease; box-shadow: 0 2px 8px rgba(0,0,0,.08);} ._mobileMenuButton_daczc_189:hover {background: var(--color-primary); color: white; transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,.12);} ._mobileMenuButton_daczc_189:focus {outline: 2px solid var(--color-primary); outline-offset: 2px;} ._mobileMenuButton_daczc_189:active {transform: scale(.98);} @media (max-width: 1023px) {._sidebar_daczc_3 {width: 80px;} ._sidebar_daczc_3._collapsed_daczc_24 {width: 280px;} ._brandInfo_daczc_28,._premiumSection_daczc_232 {display: none;} ._sidebar_daczc_3._collapsed_daczc_24 ._brandInfo_daczc_28,._sidebar_daczc_3._collapsed_daczc_24 ._premiumSection_daczc_232 {display: block;}} @media (max-width: 767px) {._sidebar_daczc_3 {transform: translateX(-100%); width: 280px; box-shadow: 4px 0 24px rgba(0,0,0,.12);} ._sidebar_daczc_3._mobileOpen_daczc_250 {transform: translateX(0);} ._mobileOverlay_daczc_184 {display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 999; animation: _fadeIn_daczc_1 .3s ease;} ._mobileMenuButton_daczc_189 {display: flex;} ._toggleButton_daczc_114 {display: none;}} @keyframes _fadeIn_daczc_1 {from {opacity: 0;} to {opacity: 1;}} [data-theme="dark"] ._sidebar_daczc_3,body.dark-mode ._sidebar_daczc_3,html.dark ._sidebar_daczc_3 {background: linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#1a1a2e 100%) !important; border-color: rgba(139,92,246,.25) !important; box-shadow: 0 10px 40px rgba(0,0,0,.4),0 4px 12px rgba(139,92,246,.15),0 1px 3px rgba(0,0,0,.3) !important;} [data-theme="dark"] ._brandSection_daczc_37,body.dark-mode ._brandSection_daczc_37,html.dark ._brandSection_daczc_37 {background: transparent !important; border-bottom-color: rgba(139,92,246,.2) !important;} [data-theme="dark"] ._brandTitle_daczc_305,body.dark-mode ._brandTitle_daczc_305,html.dark ._brandTitle_daczc_305 {color: #f1f5f9 !important;} [data-theme="dark"] ._brandTagline_daczc_103,body.dark-mode ._brandTagline_daczc_103,html.dark ._brandTagline_daczc_103 {color: #94a3b8 !important;} [data-theme="dark"] ._toggleButton_daczc_114,body.dark-mode ._toggleButton_daczc_114,html.dark ._toggleButton_daczc_114 {background: #16213e !important; border-color: #2d2d44 !important; color: #94a3b8 !important;} [data-theme="dark"] ._toggleButton_daczc_114:hover,body.dark-mode ._toggleButton_daczc_114:hover,html.dark ._toggleButton_daczc_114:hover {background: #8b5cf6 !important; border-color: #8b5cf6 !important; color: #ffffff !important;} [data-theme="dark"] ._mobileMenuButton_daczc_189,body.dark-mode ._mobileMenuButton_daczc_189,html.dark ._mobileMenuButton_daczc_189 {background: #1a1a2e !important; border-color: #2d2d44 !important; color: #94a3b8 !important;} [data-theme="dark"] ._menuItem_daczc_341,body.dark-mode ._menuItem_daczc_341,html.dark ._menuItem_daczc_341 {color: #94a3b8 !important;} [data-theme="dark"] ._menuItem_daczc_341:hover,body.dark-mode ._menuItem_daczc_341:hover,html.dark ._menuItem_daczc_341:hover {background: rgba(139,92,246,.15) !important; color: #ffffff !important;} [data-theme="dark"] ._menuItem_daczc_341._active_daczc_354,body.dark-mode ._menuItem_daczc_341._active_daczc_354,html.dark ._menuItem_daczc_341._active_daczc_354 {background: linear-gradient(135deg,#667eea,#764ba2) !important; color: #ffffff !important;} [data-theme="dark"] ._sectionTitle_daczc_361,body.dark-mode ._sectionTitle_daczc_361,html.dark ._sectionTitle_daczc_361 {color: #64748b !important;} [dir="rtl"] ._sidebar_daczc_3 {left: auto; right: 0; border-right: none; border-left: 1px solid var(--color-border);} [dir="rtl"] ._toggleButton_daczc_114 {right: auto; left: 1rem;} [dir="rtl"] ._mobileMenuButton_daczc_189 {left: auto; right: 1.25rem;} @media (max-width: 767px) {[dir="rtl"] ._sidebar_daczc_3 {transform: translateX(100%); box-shadow: -4px 0 24px rgba(0,0,0,.12);} [dir="rtl"] ._sidebar_daczc_3._mobileOpen_daczc_250 {transform: translateX(0);}} @media (prefers-reduced-motion: reduce) {._sidebar_daczc_3,._mobileOverlay_daczc_184,._toggleButton_daczc_114 svg,._premiumCard_daczc_402::before {transition: none; animation: none;}} ._breadcrumbs_1y6af_3 {display: flex; align-items: center; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none;} ._breadcrumbs_1y6af_3::-webkit-scrollbar {display: none;} ._breadcrumbList_1y6af_16 {display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: var(--spacing-xs); flex-wrap: nowrap; white-space: nowrap;} ._breadcrumbItem_1y6af_27 {display: flex; align-items: center; flex-shrink: 0;} ._breadcrumbLink_1y6af_33 {display: flex; align-items: center; gap: var(--spacing-xs); padding: var(--spacing-xs) var(--spacing-sm); color: var(--text-secondary); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); text-decoration: none; border-radius: var(--radius-md); transition: all var(--transition-fast); background: none; border: none; cursor: pointer; white-space: nowrap;} ._breadcrumbLink_1y6af_33:hover:not(:disabled) {color: var(--color-primary); background-color: var(--color-primary-light);} ._breadcrumbLink_1y6af_33:focus-visible {outline: 2px solid var(--border-focus); outline-offset: 2px;} ._breadcrumbLink_1y6af_33:disabled {cursor: not-allowed; opacity: .5;} ._breadcrumbCurrent_1y6af_65 {display: inline-block; padding: var(--spacing-xs) var(--spacing-sm); color: var(--text-primary); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); white-space: nowrap;} ._separator_1y6af_74 {display: flex; align-items: center; color: var(--text-tertiary); flex-shrink: 0;} @media (max-width: 767px) {._breadcrumbList_1y6af_16 {gap: 4px;} ._breadcrumbLink_1y6af_33,._breadcrumbCurrent_1y6af_65 {padding: 4px 8px; font-size: var(--font-size-xs);} ._separator_1y6af_74 svg {width: 14px; height: 14px;}} @media (min-width: 768px) and (max-width: 1023px) {._breadcrumbLink_1y6af_33,._breadcrumbCurrent_1y6af_65 {font-size: var(--font-size-sm);}} [dir="rtl"] ._breadcrumbList_1y6af_16 {direction: rtl;} [dir="rtl"] ._separator_1y6af_74 svg {transform: scaleX(-1);} @media (prefers-reduced-motion: reduce) {._breadcrumbLink_1y6af_33 {transition: none;}} @media print {._breadcrumbs_1y6af_3 {overflow: visible;} ._breadcrumbLink_1y6af_33:hover {background-color: transparent;}} ._searchContainer_3bwjj_3 {position: relative; width: 100%; max-width: 400px;} ._searchBar_3bwjj_9 {position: relative; display: flex; align-items: center; width: 100%; background: var(--color-background, #f8fafc); border: 1px solid var(--color-border, rgba(139, 92, 246, .2)); border-radius: 12px; padding: 0 .75rem; gap: .5rem; height: 42px; transition: all .2s cubic-bezier(.4,0,.2,1); box-shadow: 0 1px 3px rgba(0,0,0,.05);} ._searchBar_3bwjj_9:focus-within,._searchBar_3bwjj_9._focused_3bwjj_25 {border-color: var(--color-primary, #8b5cf6); background: var(--color-surface, #ffffff); box-shadow: 0 0 0 3px rgba(139,92,246,.15),0 4px 12px rgba(139,92,246,.1);} ._searchIcon_3bwjj_31 {color: var(--color-text-secondary, #94a3b8); flex-shrink: 0;} ._searchInput_3bwjj_36 {flex: 1; height: 100%; background: transparent; border: none; color: var(--color-text, #1e293b); font-size: .875rem; font-weight: 500; outline: none; padding: 0;} ._searchInput_3bwjj_36::placeholder {color: var(--color-text-tertiary, #94a3b8); font-weight: 400;} ._shortcut_3bwjj_53 {display: flex; align-items: center; justify-content: center; padding: 2px 6px; background: rgba(139,92,246,.08); border: 1px solid rgba(139,92,246,.2); border-radius: 6px; color: var(--color-primary, #8b5cf6); font-size: .75rem; font-weight: 600; font-family: inherit; flex-shrink: 0;} ._clearBtn_3bwjj_68 {display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; border: none; background: rgba(148,163,184,.2); color: var(--color-text-secondary, #64748b); cursor: pointer; padding: 0; transition: all .2s ease;} ._clearBtn_3bwjj_68:hover {background: rgba(239,68,68,.15); color: #ef4444;} ._searchDropdown_3bwjj_89 {position: absolute; top: calc(100% + 8px); left: 0; right: 0; background: #ffffff; border: 1px solid rgba(139,92,246,.2); border-radius: 14px; box-shadow: 0 12px 36px rgba(0,0,0,.12),0 4px 12px rgba(139,92,246,.08); z-index: 1000; overflow: hidden; animation: _dropdownFadeIn_3bwjj_1 .15s cubic-bezier(.4,0,.2,1);} @keyframes _dropdownFadeIn_3bwjj_1 {from {opacity: 0; transform: translateY(-6px);} to {opacity: 1; transform: translateY(0);}} ._dropdownHeader_3bwjj_114 {display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; font-size: .75rem; font-weight: 600; color: #64748b; border-bottom: 1px solid rgba(139,92,246,.1); background: rgba(248,250,252,.8); text-transform: uppercase; letter-spacing: .5px;} ._resultCount_3bwjj_128 {font-size: .6875rem; font-weight: 500; color: #8b5cf6; text-transform: none;} ._resultItem_3bwjj_135 {display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 12px; border: none; background: transparent; cursor: pointer; text-align: left; transition: all .15s ease;} ._resultItem_3bwjj_135:hover,._resultItem_3bwjj_135._selected_3bwjj_149 {background: rgba(139,92,246,.08);} ._resultIconWrap_3bwjj_153 {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: rgba(139,92,246,.1); color: #8b5cf6; flex-shrink: 0;} ._resultItem_3bwjj_135._selected_3bwjj_149 ._resultIconWrap_3bwjj_153 {background: #8b5cf6; color: #ffffff;} ._resultText_3bwjj_170 {flex: 1; display: flex; flex-direction: column; min-width: 0;} ._resultTitle_3bwjj_177 {font-size: .8125rem; font-weight: 600; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} ._resultCategory_3bwjj_186 {font-size: .6875rem; color: #64748b;} ._resultArrow_3bwjj_191 {color: #94a3b8; opacity: 0; transition: all .15s ease; transform: translateX(-4px);} ._resultItem_3bwjj_135:hover ._resultArrow_3bwjj_191,._resultItem_3bwjj_135._selected_3bwjj_149 ._resultArrow_3bwjj_191 {opacity: 1; transform: translateX(0); color: #8b5cf6;} [data-theme="dark"] ._searchBar_3bwjj_9,body.dark-mode ._searchBar_3bwjj_9,html.dark ._searchBar_3bwjj_9 {background: #16213e !important; border-color: #2d2d44 !important;} [data-theme="dark"] ._searchBar_3bwjj_9:focus-within,body.dark-mode ._searchBar_3bwjj_9:focus-within,html.dark ._searchBar_3bwjj_9:focus-within {border-color: #8b5cf6 !important; box-shadow: 0 0 0 3px rgba(139,92,246,.25) !important; background: #1a1a2e !important;} [data-theme="dark"] ._searchInput_3bwjj_36,body.dark-mode ._searchInput_3bwjj_36,html.dark ._searchInput_3bwjj_36 {color: #f1f5f9 !important;} [data-theme="dark"] ._searchInput_3bwjj_36::placeholder,body.dark-mode ._searchInput_3bwjj_36::placeholder,html.dark ._searchInput_3bwjj_36::placeholder {color: #64748b !important;} [data-theme="dark"] ._shortcut_3bwjj_53,body.dark-mode ._shortcut_3bwjj_53,html.dark ._shortcut_3bwjj_53 {background: #1a1a2e !important; border-color: #2d2d44 !important; color: #94a3b8 !important;} [data-theme="dark"] ._searchDropdown_3bwjj_89,body.dark-mode ._searchDropdown_3bwjj_89,html.dark ._searchDropdown_3bwjj_89 {background: #1a1a2e !important; border-color: rgba(139,92,246,.3) !important; box-shadow: 0 12px 36px rgba(0,0,0,.6) !important;} [data-theme="dark"] ._dropdownHeader_3bwjj_114,body.dark-mode ._dropdownHeader_3bwjj_114,html.dark ._dropdownHeader_3bwjj_114 {background: #16213e !important; border-bottom-color: rgba(139,92,246,.2) !important; color: #94a3b8 !important;} [data-theme="dark"] ._resultTitle_3bwjj_177,body.dark-mode ._resultTitle_3bwjj_177,html.dark ._resultTitle_3bwjj_177 {color: #f1f5f9 !important;} [data-theme="dark"] ._resultCategory_3bwjj_186,body.dark-mode ._resultCategory_3bwjj_186,html.dark ._resultCategory_3bwjj_186 {color: #94a3b8 !important;} [data-theme="dark"] ._resultItem_3bwjj_135:hover,[data-theme="dark"] ._resultItem_3bwjj_135._selected_3bwjj_149,body.dark-mode ._resultItem_3bwjj_135:hover,body.dark-mode ._resultItem_3bwjj_135._selected_3bwjj_149,html.dark ._resultItem_3bwjj_135:hover,html.dark ._resultItem_3bwjj_135._selected_3bwjj_149 {background: rgba(139,92,246,.15) !important;} @media (max-width: 767px) {._searchContainer_3bwjj_3 {max-width: 100%;} ._shortcut_3bwjj_53 {display: none;} ._searchInput_3bwjj_36 {height: 36px; font-size: .8125rem;}} [dir="rtl"] ._searchBar_3bwjj_9 {flex-direction: row-reverse;} [dir="rtl"] ._resultItem_3bwjj_135 {flex-direction: row-reverse; text-align: right;} [dir="rtl"] ._resultArrow_3bwjj_191 {transform: scaleX(-1);} ._notificationCenter_w5agy_3 {position: relative;} ._notificationButton_w5agy_7 {position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; background: none; border: none; border-radius: var(--radius-md); color: var(--text-secondary); cursor: pointer; transition: all var(--transition-fast);} ._notificationButton_w5agy_7:hover {background-color: var(--bg-hover); color: var(--text-primary);} ._notificationButton_w5agy_7:focus-visible {outline: 2px solid var(--border-focus); outline-offset: 2px;} ._badge_w5agy_33 {position: absolute; top: 4px; right: 4px;} ._dropdown_w5agy_40 {position: absolute; top: calc(100% + var(--spacing-sm)); right: 0; width: 380px; max-height: 500px; background-color: var(--bg-elevated); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); z-index: var(--z-dropdown); display: flex; flex-direction: column; animation: _slideDown_w5agy_1 var(--transition-base);} @keyframes _slideDown_w5agy_1 {from {opacity: 0; transform: translateY(-10px);} to {opacity: 1; transform: translateY(0);}} ._dropdownHeader_w5agy_67 {display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-md); border-bottom: 1px solid var(--border-primary);} ._dropdownTitle_w5agy_75 {margin: 0; font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--text-primary);} ._unreadCount_w5agy_82 {font-size: var(--font-size-sm); color: var(--text-secondary);} ._notificationList_w5agy_88 {flex: 1; overflow-y: auto; max-height: 400px;} ._notificationItem_w5agy_94 {display: flex; gap: var(--spacing-md); padding: var(--spacing-md); width: 100%; background: none; border: none; border-bottom: 1px solid var(--border-primary); text-align: left; cursor: pointer; transition: background-color var(--transition-fast);} ._notificationItem_w5agy_94:last-child {border-bottom: none;} ._notificationItem_w5agy_94:hover {background-color: var(--bg-hover);} ._notificationItem_w5agy_94:focus-visible {outline: 2px solid var(--border-focus); outline-offset: -2px;} ._notificationItem_w5agy_94._unread_w5agy_82 {background-color: var(--color-primary-light);} ._notificationIcon_w5agy_124 {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-full);} ._notificationIcon_w5agy_124._info_w5agy_134 {background-color: var(--color-info-light); color: var(--color-info);} ._notificationIcon_w5agy_124._success_w5agy_139 {background-color: var(--color-success-light); color: var(--color-success);} ._notificationIcon_w5agy_124._warning_w5agy_144 {background-color: var(--color-warning-light); color: var(--color-warning);} ._notificationIcon_w5agy_124._error_w5agy_149 {background-color: var(--color-danger-light); color: var(--color-danger);} ._notificationContent_w5agy_154 {flex: 1; min-width: 0;} ._notificationHeader_w5agy_159 {display: flex; align-items: center; gap: var(--spacing-xs); margin-bottom: var(--spacing-xs);} ._notificationTitle_w5agy_166 {margin: 0; font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} ._unreadDot_w5agy_176 {flex-shrink: 0; width: 8px; height: 8px; background-color: var(--color-primary); border-radius: var(--radius-full);} ._notificationMessage_w5agy_184 {margin: 0 0 var(--spacing-xs) 0; font-size: var(--font-size-sm); color: var(--text-secondary); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} ._notificationTime_w5agy_196 {font-size: var(--font-size-xs); color: var(--text-tertiary);} ._emptyState_w5agy_202 {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--spacing-xl); color: var(--text-tertiary); text-align: center;} ._emptyState_w5agy_202 svg {margin-bottom: var(--spacing-md); opacity: .5;} ._emptyState_w5agy_202 p {margin: 0; font-size: var(--font-size-sm);} ._dropdownFooter_w5agy_223 {padding: var(--spacing-sm); border-top: 1px solid var(--border-primary);} ._viewAllButton_w5agy_228 {width: 100%; padding: var(--spacing-sm); background: none; border: none; border-radius: var(--radius-md); color: var(--color-primary); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); cursor: pointer; transition: background-color var(--transition-fast);} ._viewAllButton_w5agy_228:hover {background-color: var(--bg-hover);} ._viewAllButton_w5agy_228:focus-visible {outline: 2px solid var(--border-focus); outline-offset: 2px;} @media (max-width: 767px) {._dropdown_w5agy_40 {position: fixed; top: 60px; left: var(--spacing-md); right: var(--spacing-md); width: auto; max-height: calc(100vh - 80px);} ._notificationButton_w5agy_7 {width: 36px; height: 36px;}} @media (min-width: 768px) and (max-width: 1023px) {._dropdown_w5agy_40 {width: 340px;}} [dir="rtl"] ._dropdown_w5agy_40 {right: auto; left: 0;} [dir="rtl"] ._badge_w5agy_33 {right: auto; left: 4px;} [dir="rtl"] ._notificationItem_w5agy_94 {text-align: right;} @media (prefers-reduced-motion: reduce) {._dropdown_w5agy_40 {animation: none;} ._notificationButton_w5agy_7,._notificationItem_w5agy_94,._viewAllButton_w5agy_228 {transition: none;}} [data-theme="dark"] ._dropdown_w5agy_40 {background-color: var(--bg-secondary); border-color: var(--border-secondary);} [data-theme="dark"] ._notificationItem_w5agy_94._unread_w5agy_82 {background-color: rgba(var(--color-primary-rgb),.1);} ._notificationList_w5agy_88::-webkit-scrollbar {width: 6px;} ._notificationList_w5agy_88::-webkit-scrollbar-track {background: transparent;} ._notificationList_w5agy_88::-webkit-scrollbar-thumb {background-color: var(--border-primary); border-radius: var(--radius-full);} ._notificationList_w5agy_88::-webkit-scrollbar-thumb:hover {background-color: var(--border-secondary);} ._profileMenu_susma_3 {position: relative;} ._profileButton_susma_7 {display: flex; align-items: center; gap: 10px; padding: 4px 12px 4px 6px; min-height: 42px; background: var(--bg-secondary, rgba(248, 250, 252, .8)); border: 1px solid var(--border-primary, rgba(139, 92, 246, .2)); border-radius: 12px; cursor: pointer; transition: all .2s cubic-bezier(.4,0,.2,1); box-shadow: 0 2px 6px rgba(139,92,246,.05);} ._profileButton_susma_7:hover {background: var(--color-surface, #ffffff); border-color: var(--color-primary, #8b5cf6); box-shadow: 0 4px 14px rgba(139,92,246,.15); transform: translateY(-1px);} ._profileButton_susma_7:focus-visible {outline: 2px solid var(--border-focus, #8b5cf6); outline-offset: 2px;} ._avatar_susma_34 {position: relative; width: 34px; height: 34px; border-radius: 10px; overflow: hidden; flex-shrink: 0; background: linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%); box-shadow: 0 2px 8px rgba(139,92,246,.35); display: flex; align-items: center; justify-content: center;} ._avatarImage_susma_48 {width: 100%; height: 100%; object-fit: cover;} ._avatarInitials_susma_54 {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #ffffff; font-size: .8125rem; font-weight: 700; letter-spacing: .5px;} ._userInfo_susma_67 {display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; text-align: left;} ._userNameRow_susma_76 {display: flex; align-items: center; gap: 6px;} ._userName_susma_76 {font-size: .8125rem; font-weight: 600; color: var(--text-primary, #1e293b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; line-height: 1.2;} ._userRole_susma_93 {font-size: .6875rem; color: var(--text-secondary, #64748b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; line-height: 1.2;} ._branchBadge_susma_104 {display: inline-flex; align-items: center; padding: 1px 6px; background: linear-gradient(135deg,#667eea,#764ba2); color: #ffffff; font-size: 9px; font-weight: 700; border-radius: 4px; line-height: 1.3; letter-spacing: .5px; white-space: nowrap; box-shadow: 0 1px 3px rgba(102,126,234,.3);} ._dropdownBranchBadge_susma_119 {font-size: var(--font-size-xs); color: var(--color-primary, #8b5cf6); font-weight: 600; margin-top: 2px;} ._chevron_susma_127 {flex-shrink: 0; color: var(--text-secondary, #94a3b8); transition: transform var(--transition-fast, .2s ease);} ._chevronOpen_susma_133 {transform: rotate(180deg);} ._dropdown_susma_119 {position: absolute; top: calc(100% + var(--spacing-sm, 8px)); right: 0; width: 280px; background-color: var(--bg-elevated); border: 1px solid var(--border-primary); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); z-index: var(--z-dropdown); animation: _slideDown_susma_1 var(--transition-base);} @keyframes _slideDown_susma_1 {from {opacity: 0; transform: translateY(-10px);} to {opacity: 1; transform: translateY(0);}} ._dropdownHeader_susma_163 {display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-md);} ._dropdownAvatar_susma_170 {position: relative; width: 48px; height: 48px; border-radius: var(--radius-full); overflow: hidden; flex-shrink: 0; background-color: var(--color-primary);} ._dropdownUserInfo_susma_180 {flex: 1; min-width: 0;} ._dropdownUserName_susma_185 {margin: 0 0 4px 0; font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} ._dropdownUserRole_susma_195 {margin: 0; font-size: var(--font-size-sm); color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} ._dropdownDivider_susma_205 {height: 1px; background-color: var(--border-primary); margin: 0;} ._dropdownMenu_susma_212 {padding: var(--spacing-xs);} ._dropdownFooter_susma_216 {padding: var(--spacing-xs);} ._menuItem_susma_220 {display: flex; align-items: center; gap: var(--spacing-sm); width: 100%; padding: var(--spacing-sm) var(--spacing-md); background: none; border: none; border-radius: var(--radius-md); color: var(--text-primary); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); text-align: left; cursor: pointer; transition: background-color var(--transition-fast);} ._menuItem_susma_220:hover {background-color: var(--bg-hover);} ._menuItem_susma_220:focus-visible {outline: 2px solid var(--border-focus); outline-offset: -2px;} ._menuItem_susma_220 svg {flex-shrink: 0; color: var(--text-secondary);} ._logoutButton_susma_251 {color: var(--color-danger);} ._logoutButton_susma_251 svg {color: var(--color-danger);} ._logoutButton_susma_251:hover {background-color: var(--color-danger-light);} @media (max-width: 767px) {._userInfo_susma_67 {display: none;} ._chevron_susma_127 {display: none;} ._profileButton_susma_7 {padding: var(--spacing-xs);} ._avatar_susma_34 {width: 32px; height: 32px;} ._dropdown_susma_119 {position: fixed; top: 60px; left: var(--spacing-md); right: var(--spacing-md); width: auto;}} @media (min-width: 768px) and (max-width: 1023px) {._userName_susma_76 {max-width: 120px;} ._userRole_susma_93 {max-width: 120px;}} @media (min-width: 1024px) {._userName_susma_76 {max-width: 180px;} ._userRole_susma_93 {max-width: 180px;}} [dir="rtl"] ._dropdown_susma_119 {right: auto; left: 0;} [dir="rtl"] ._userInfo_susma_67 {align-items: flex-end;} [dir="rtl"] ._menuItem_susma_220 {text-align: right;} [dir="rtl"] ._chevron_susma_127 {transform: scaleX(-1);} [dir="rtl"] ._chevronOpen_susma_133 {transform: scaleX(-1) rotate(180deg);} @media (prefers-reduced-motion: reduce) {._dropdown_susma_119 {animation: none;} ._profileButton_susma_7,._menuItem_susma_220,._chevron_susma_127 {transition: none;}} [data-theme="dark"] ._profileButton_susma_7,body.dark-mode ._profileButton_susma_7,html.dark ._profileButton_susma_7 {background: #16213e !important; border-color: rgba(139,92,246,.3) !important; box-shadow: 0 2px 8px rgba(0,0,0,.4) !important;} [data-theme="dark"] ._profileButton_susma_7:hover,body.dark-mode ._profileButton_susma_7:hover,html.dark ._profileButton_susma_7:hover {background: #1f2b4d !important; border-color: #8b5cf6 !important;} [data-theme="dark"] ._dropdown_susma_119,body.dark-mode ._dropdown_susma_119,html.dark ._dropdown_susma_119 {background-color: #1a1a2e !important; border-color: rgba(139,92,246,.25) !important; box-shadow: 0 10px 30px rgba(0,0,0,.6) !important;} [data-theme="dark"] ._userName_susma_76,body.dark-mode ._userName_susma_76,html.dark ._userName_susma_76 {color: #f1f5f9 !important;} [data-theme="dark"] ._userRole_susma_93,body.dark-mode ._userRole_susma_93,html.dark ._userRole_susma_93 {color: #94a3b8 !important;} [data-theme="dark"] ._dropdownUserName_susma_185,body.dark-mode ._dropdownUserName_susma_185,html.dark ._dropdownUserName_susma_185 {color: #f1f5f9 !important;} [data-theme="dark"] ._dropdownUserRole_susma_195,body.dark-mode ._dropdownUserRole_susma_195,html.dark ._dropdownUserRole_susma_195 {color: #94a3b8 !important;} [data-theme="dark"] ._menuItem_susma_220,body.dark-mode ._menuItem_susma_220,html.dark ._menuItem_susma_220 {color: #e2e8f0 !important;} [data-theme="dark"] ._menuItem_susma_220:hover,body.dark-mode ._menuItem_susma_220:hover,html.dark ._menuItem_susma_220:hover {background-color: rgba(139,92,246,.15) !important; color: #ffffff !important;} @media print {._profileMenu_susma_3 {display: none;}} ._header_1dyoy_3 {position: fixed; top: 1rem; right: 1rem; left: calc(280px + 2rem); z-index: 100; background: linear-gradient(135deg,#ffffff 0%,#f5f3ff 50%,#ede9fe 100%); border: 1px solid rgba(139,92,246,.1); border-radius: 20px; box-shadow: 0 10px 40px rgba(139,92,246,.15),0 4px 12px rgba(139,92,246,.1),0 1px 3px rgba(0,0,0,.05); transition: all .3s cubic-bezier(.4,0,.2,1);} ._header_1dyoy_3._collapsed_1dyoy_19 {left: calc(80px + 2rem);} ._header_1dyoy_3._hidden_1dyoy_24 {transform: translateY(-100%); opacity: 0; pointer-events: none;} ._headerContent_1dyoy_30 {display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; gap: 2rem; max-width: 100%; margin: 0 auto;} ._leftSection_1dyoy_41 {flex: 1; min-width: 0;} ._pageInfo_1dyoy_46 {display: flex; flex-direction: column; gap: .25rem;} ._pageTitle_1dyoy_52 {font-size: 1.5rem; font-weight: 700; color: var(--color-text); margin: 0; line-height: 1.2;} ._pageSubtitle_1dyoy_60 {font-size: .875rem; color: var(--color-text-secondary); margin: 0; line-height: 1.4;} ._rightSection_1dyoy_68 {display: flex; align-items: center; gap: .75rem; flex-shrink: 0;} ._searchWrapper_1dyoy_76 {min-width: 280px;} ._iconButton_1dyoy_81 {position: relative; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--color-background); border: 1px solid var(--color-border); border-radius: 10px; color: var(--color-text-secondary); cursor: pointer; transition: all .2s ease;} ._iconButton_1dyoy_81:hover {background: var(--color-primary); color: white; border-color: var(--color-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(139,92,246,.3);} ._iconButton_1dyoy_81:active {transform: translateY(0);} ._iconButton_1dyoy_81:focus {outline: 2px solid var(--color-primary); outline-offset: 2px;} ._badge_1dyoy_114 {position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px; background: #ef4444; color: white; font-size: .625rem; font-weight: 700; border-radius: 9px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--color-surface); box-shadow: 0 2px 4px rgba(0,0,0,.2);} [data-theme="dark"] ._header_1dyoy_3,body.dark-mode ._header_1dyoy_3,html.dark ._header_1dyoy_3 {background: linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#1a1a2e 100%) !important; border-color: rgba(139,92,246,.25) !important; box-shadow: 0 10px 40px rgba(0,0,0,.4),0 4px 12px rgba(139,92,246,.15),0 1px 3px rgba(0,0,0,.3) !important;} [data-theme="dark"] ._pageTitle_1dyoy_52,body.dark-mode ._pageTitle_1dyoy_52,html.dark ._pageTitle_1dyoy_52 {color: #f1f5f9 !important;} [data-theme="dark"] ._pageSubtitle_1dyoy_60,body.dark-mode ._pageSubtitle_1dyoy_60,html.dark ._pageSubtitle_1dyoy_60 {color: #94a3b8 !important;} [data-theme="dark"] ._iconButton_1dyoy_81,body.dark-mode ._iconButton_1dyoy_81,html.dark ._iconButton_1dyoy_81 {background: #16213e !important; border-color: #2d2d44 !important; color: #94a3b8 !important;} [data-theme="dark"] ._iconButton_1dyoy_81:hover,body.dark-mode ._iconButton_1dyoy_81:hover,html.dark ._iconButton_1dyoy_81:hover {background: #8b5cf6 !important; border-color: #8b5cf6 !important; color: #ffffff !important;} [data-theme="dark"] ._badge_1dyoy_114,body.dark-mode ._badge_1dyoy_114,html.dark ._badge_1dyoy_114 {border-color: #1a1a2e !important;} @media (max-width: 767px) {._header_1dyoy_3 {top: .5rem; right: .5rem; left: .5rem; border-radius: 12px;} ._headerContent_1dyoy_30 {padding: .875rem 1rem; gap: 1rem;} ._pageTitle_1dyoy_52 {font-size: 1.25rem;} ._pageSubtitle_1dyoy_60 {font-size: .75rem;} ._searchWrapper_1dyoy_76 {display: none;} ._rightSection_1dyoy_68 {gap: .5rem;} ._iconButton_1dyoy_81 {width: 36px; height: 36px;}} @media (min-width: 768px) and (max-width: 1023px) {._header_1dyoy_3 {left: calc(80px + 2rem);} ._headerContent_1dyoy_30 {padding: 1rem 1.5rem;} ._searchWrapper_1dyoy_76 {min-width: 200px;}} @media (min-width: 1024px) {._headerContent_1dyoy_30 {padding: 1rem 2rem;}} [dir="rtl"] ._headerContent_1dyoy_30 {direction: rtl;} [dir="rtl"] ._rightSection_1dyoy_68 {flex-direction: row-reverse;} [dir="rtl"] ._badge_1dyoy_114 {right: auto; left: -4px;} ._header_1dyoy_3:focus-within {box-shadow: 0 2px 8px rgba(0,0,0,.08);} ._header_1dyoy_3._scrolled_1dyoy_259 {box-shadow: 0 2px 12px rgba(0,0,0,.08);} @media print {._header_1dyoy_3 {position: static; box-shadow: none; border-bottom: 1px solid var(--color-border); background: var(--bg-primary);} ._rightSection_1dyoy_68 {display: none;}} @media (prefers-reduced-motion: reduce) {._header_1dyoy_3,._iconButton_1dyoy_81 {transition: none;}}}