:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.875rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-2xl-alt: 1.75rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--radius-none: 0;--radius-sm: .25rem;--radius-sm-alt: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-xl-alt: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px 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, .05);--shadow-none: 0 0 #0000;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200;--z-toast: 1300;--transition-base: .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--opacity-0: 0;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--warning-50: #fefce8;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--info-50: #eff6ff;--info-100: #dbeafe;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--aspect-square: 1 / 1;--aspect-video: 16 / 9;--aspect-portrait: 3 / 4;--aspect-wide: 21 / 9;--nav-height: 70px;--container-width: 1200px;--transition-theme: all .5s cubic-bezier(.4, 0, .2, 1);--primary-color: #0076CE;--primary-dark: #005A9E;--primary-light: #E1F0FF;--text-main: #1A1C21;--text-secondary: #5C6270;--bg-white: #FFFFFF;--bg-light: #F8F9FA;--border-color: #EDEDED;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .05);--shadow-hover: 0 20px 50px rgba(0, 118, 206, .15);--accent-emerald: #10B981}.t-theme,[data-theme=t-theme]{--primary-color: #00F5FF;--primary-dark: #00D1DB;--primary-light: rgba(0, 245, 255, .1);--text-main: #FFFFFF;--text-secondary: #8E9196;--bg-white: #05070A;--bg-light: #0A0D14;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .5);--shadow-hover: 0 20px 60px rgba(0, 245, 255, .15)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-primary{color:var(--primary-color)}.text-muted{color:var(--text-muted)}.text-error{color:var(--status-error)}.text-success{color:var(--status-success)}.bg-primary{background-color:var(--primary-color)}.bg-surface{background-color:var(--surface-bg)}.bg-card{background-color:var(--card-bg)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.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}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-full{max-width:100%}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.opacity-0{opacity:var(--opacity-0)}.opacity-50{opacity:var(--opacity-50)}.opacity-100{opacity:var(--opacity-100)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card{background:var(--card-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);transition:all var(--transition-base)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}}.divider{height:1px;background:var(--input-border);margin:var(--space-4) 0}.divider-vertical{width:1px;height:100%;background:var(--input-border);margin:0 var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-primary{background:var(--gold-light);color:var(--primary-color)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-error{background:var(--error-100);color:var(--error-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.stack{display:flex;flex-direction:column}.stack-1{gap:var(--space-1)}.stack-2{gap:var(--space-2)}.stack-3{gap:var(--space-3)}.stack-4{gap:var(--space-4)}.stack-6{gap:var(--space-6)}.stack-8{gap:var(--space-8)}.inline-stack{display:flex;flex-direction:row;align-items:center}.inline-stack-1{gap:var(--space-1)}.inline-stack-2{gap:var(--space-2)}.inline-stack-3{gap:var(--space-3)}.inline-stack-4{gap:var(--space-4)}.z-0{z-index:var(--z-0)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}:root{--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px;--spacing-mobile: 12px;--spacing-tablet: 16px;--spacing-desktop: 24px;--sidebar-width-mobile: 280px;--sidebar-width-tablet: 240px;--sidebar-width-desktop: 260px}@media (max-width: 767px){:root{font-size:13px}.sidebar{position:fixed;left:-100%;top:0;height:100vh;width:var(--sidebar-width-mobile);z-index:1000;transition:left .3s ease;box-shadow:none}.sidebar.mobile-open{left:0;box-shadow:4px 0 20px #0000004d}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar-overlay.active{display:block}.hamburger-menu{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-color)}.app-content{margin-left:0!important;margin-right:0!important;padding:var(--spacing-mobile);width:100%!important}.dashboard-metrics{flex-direction:column!important;gap:12px!important}.dashboard-metric-card{min-width:100%!important;flex:1 1 100%!important}.dashboard-grid{grid-template-columns:1fr!important;gap:16px!important}.card{padding:16px!important;border-radius:12px!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}table{min-width:600px}table th,table td{padding:10px 8px!important;font-size:.9em}.mobile-hide{display:none!important}.form-row{flex-direction:column!important;gap:12px!important}.form-group{width:100%!important}.modal{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;height:100vh}button{min-height:44px;padding:12px 16px!important}.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1.1rem!important}.container{padding:12px!important}.metric-number{font-size:2.5rem!important}.chart-container{height:250px!important}.flex-row{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--background-color);border-top:1px solid var(--input-border);z-index:900;padding:8px;justify-content:space-around;align-items:center}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;min-width:60px;color:var(--text-muted);text-decoration:none;font-size:.75rem}.mobile-bottom-nav-item.active{color:var(--primary-color)}.app-content-with-bottom-nav{padding-bottom:80px!important}}@media (min-width: 768px) and (max-width: 1023px){:root{font-size:14px}.sidebar{width:var(--sidebar-width-tablet)}.sidebar.collapsed{width:80px}.app-content{margin-left:var(--sidebar-width-tablet);padding:var(--spacing-tablet);width:calc(100% - var(--sidebar-width-tablet))}.app-content.sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}.dashboard-metrics{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important}table th,table td{padding:12px 10px!important}.form-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.modal{max-width:600px!important}}@media (min-width: 1024px) and (max-width: 1439px){.sidebar{width:var(--sidebar-width-desktop)}.app-content{margin-left:var(--sidebar-width-desktop);padding:var(--spacing-desktop)}.dashboard-metrics{display:flex!important;flex-wrap:wrap!important;gap:20px!important}.dashboard-metric-card{flex:1 1 calc(25% - 20px);min-width:250px}}@media (min-width: 1440px){.container{max-width:1400px;margin:0 auto}.dashboard-metrics{display:flex!important;flex-wrap:wrap!important;gap:24px!important}.dashboard-metric-card{flex:1 1 calc(25% - 24px);min-width:280px}}@media (hover: none) and (pointer: coarse){button,a,input[type=checkbox],input[type=radio],.clickable{min-height:44px;min-width:44px}.icon-button{padding:12px!important}*{-webkit-overflow-scrolling:touch}}@media print{.sidebar,.hamburger-menu,.mobile-bottom-nav,button,.no-print{display:none!important}.app-content{margin:0!important;width:100%!important}*{background:#fff!important;color:#000!important}}.mobile-only{display:none}@media (max-width: 767px){.mobile-only{display:block}.tablet-up{display:none}}.desktop-only{display:none}@media (min-width: 1024px){.desktop-only{display:block}}@media (max-width: 767px){.mobile-center{text-align:center!important}}.responsive-padding{padding:var(--spacing-mobile)}@media (min-width: 768px){.responsive-padding{padding:var(--spacing-tablet)}}@media (min-width: 1024px){.responsive-padding{padding:var(--spacing-desktop)}}.responsive-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 768px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1440px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}:root{font-family:Outfit,Google Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;font-weight:400;color-scheme:light;--deep-bg: #eff3f8;--surface-bg: #ffffff;--card-bg: #ffffff;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .6);--glass-blur: 24px;--glass-shadow: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--primary-color: #00695C;--primary-hover: #004D40;--secondary-color: #FFB300;--accent-color: #00897B;--gold-light: rgba(255, 179, 0, .12);--text-color: #1a1c1e;--text-muted: #444746;--label-color: #5f6368;--primary-gradient: linear-gradient(135deg, #00695C 0%, #004D40 100%);--primary-glow: 0 4px 20px rgba(0, 105, 92, .25);--status-error: #B3261E;--status-success: #14AE5C;--button-bg: var(--primary-color);--button-text: #ffffff;--button-border-radius: 24px;--button-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 1px rgba(0, 0, 0, .08);--button-border-color: transparent;--sidebar-bg: linear-gradient(180deg, #D9F8E5 0%, #ecfdf5 100%);--sidebar-text: #064e3b;--sidebar-active-bg: #cce8e4;--sidebar-active-text: #004D40;--sidebar-hover-bg: rgba(6, 78, 59, .08);--sidebar-border: rgba(6, 78, 59, .1);--input-bg: #f0f2f5;--input-border: transparent;--input-text: var(--text-color);--input-focus-ring: 0 0 0 2px var(--primary-color);--bg-pattern: radial-gradient(at 0% 0%, rgba(0, 105, 92, .03) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(255, 179, 0, .05) 0px, transparent 50%);--bg-pattern-size: 100% 100%;--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--border-radius: 24px;--transition-fast: .2s cubic-bezier(.2, 0, 0, 1);--scrollbar-size: 8px;--scrollbar-track: transparent;--scrollbar-thumb: #cfcfcf;--scrollbar-thumb-hover: #9e9e9e;--header-bg: var(--glass-bg);--header-border: rgba(255, 255, 255, .2);--profile-menu-bg: var(--surface-bg);--profile-menu-border: var(--primary-color);--profile-menu-item-bg: var(--deep-bg);--profile-menu-shadow: var(--glass-shadow);--profile-menu-hover: var(--primary-color);--profile-badge-bg: var(--input-bg);--profile-badge-text: var(--primary-color);--profile-badge-border: var(--primary-color);--username-color: var(--text-color);--username-muted: var(--text-muted);--avatar-bg: var(--primary-color);--manage-profile-color: var(--primary-color);--logout-color: var(--status-error);--divider-color: var(--input-border);--sjs-font-small: 14px;--sjs-line-height-small: 22px;--sjs-adorner-color: #E0F2F1}[data-theme=dark]{color-scheme:dark;--deep-bg: #0A0E1A;--surface-bg: #131829;--card-bg: #131829;--glass-bg: rgba(19, 24, 41, .85);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--primary-color: #C8A052;--primary-hover: #D4B06A;--secondary-color: #3B82F6;--accent-color: #D4B06A;--gold-light: rgba(200, 160, 82, .15);--text-color: #F1F5F9;--text-muted: #94A3B8;--label-color: #94A3B8;--primary-gradient: linear-gradient(135deg, #C8A052 0%, #A67C3D 100%);--primary-glow: 0 4px 20px rgba(200, 160, 82, .3);--status-error: #EF4444;--status-success: #22C55E;--button-bg: #C8A052;--button-text: #0A0E1A;--button-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2);--button-border-color: transparent;--sidebar-bg: #0F1322;--sidebar-text: #94A3B8;--sidebar-active-bg: rgba(200, 160, 82, .15);--sidebar-active-text: #C8A052;--sidebar-hover-bg: rgba(255, 255, 255, .05);--sidebar-border: rgba(255, 255, 255, .06);--input-bg: #1A2035;--input-border: rgba(255, 255, 255, .08);--input-text: #F1F5F9;--input-focus-ring: 0 0 0 2px rgba(200, 160, 82, .5);--bg-pattern: radial-gradient(at 0% 0%, rgba(200, 160, 82, .04) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(59, 130, 246, .03) 0px, transparent 50%);--bg-pattern-size: 100% 100%;--scrollbar-thumb: #2A3050;--scrollbar-thumb-hover: #3A4060;--header-bg: rgba(19, 24, 41, .9);--header-border: var(--glass-border);--profile-menu-bg: var(--surface-bg);--profile-menu-border: var(--glass-border);--profile-menu-item-bg: var(--input-bg);--profile-menu-hover: var(--primary-color);--profile-badge-bg: rgba(255, 255, 255, .1);--profile-badge-text: var(--primary-color);--profile-badge-border: var(--primary-color);--username-color: var(--text-color);--username-muted: var(--text-muted);--avatar-bg: var(--primary-color);--manage-profile-color: var(--text-color);--logout-color: var(--status-error);--divider-color: var(--sidebar-border);--sjs-adorner-color: rgba(200, 160, 82, .3)}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100vw;overflow-x:hidden;background-color:var(--deep-bg);background-image:var(--bg-pattern);background-size:var(--bg-pattern-size);transition:background-color .3s ease,background-image .3s ease;color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:8px;padding:10px 12px;font-family:inherit;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--input-focus-ring)}button:not([class]){cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;background:none;color:inherit;text-align:inherit;text-decoration:none;outline:none;transition:var(--transition-fast)}button{cursor:pointer;font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border-radius:var(--button-border-radius);transition:var(--transition-fast);outline:none;font-family:inherit}.btn-primary{background-image:var(--primary-gradient);background-color:var(--button-bg);color:var(--button-text);padding:.75em 1.5em;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:.9em;border:1px solid transparent;box-shadow:var(--button-shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--primary-glow);filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--button-shadow)}.btn-secondary{background:var(--input-bg);color:var(--text-color);padding:.75em 1.5em;font-weight:500;border:1px solid var(--input-border);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--sidebar-hover-bg);border-color:var(--text-muted)}.btn-danger{background:#fee2e2;color:#dc2626;padding:.75em 1.5em;font-weight:500;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fecaca;color:#b91c1c}.btn-success{background:#dcfce7;color:#166534;padding:.75em 1.5em;font-weight:500;border:1px solid #bbf7d0}.btn-success:hover:not(:disabled){background:#bbf7d0;color:#14532d}.btn-ghost{background:transparent;color:var(--text-color);padding:.75em 1.5em;font-weight:500;border:1px solid var(--input-border)}.btn-ghost:hover:not(:disabled){background:var(--input-bg);border-color:var(--text-muted)}.btn-text{background:transparent;color:var(--primary-color);padding:.5em .75em;font-weight:500;border:none}.btn-text:hover:not(:disabled){background:var(--input-bg);color:var(--primary-hover)}.btn:disabled,button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.btn-sm{padding:.5em 1em;font-size:.85em;min-height:32px}.btn-md{padding:.75em 1.5em;font-size:.9em;min-height:40px}.btn-lg{padding:1em 2em;font-size:1em;min-height:48px}.btn-full{width:100%}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.svc-creator__banner{display:none!important}body{--sjs-primary-backcolor: var(--primary-color);--sjs-primary-forecolor: #ffffff}.sv-list__item,.sv-list__item-body span,.sv-list__item-body{font-size:var(--sjs-font-small)!important;line-height:var(--sjs-line-height-small)!important}.sv-popup__content{font-size:var(--sjs-font-small)!important}.svc-question__adorner .sv-action-bar-item,.svc-question__adorner .svc-action-button,.svc-question__content-actions .sv-action-bar-item,.svc-question__content-actions .svc-action-button{color:var(--sjs-adorner-color)!important;fill:var(--sjs-adorner-color)!important}.svc-question__adorner .sv-svg-icon,.svc-question__content-actions .sv-svg-icon{fill:var(--sjs-adorner-color)!important}.svc-question__adorner .sv-action-bar-item__title{color:var(--sjs-adorner-color)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px -5px #0000001a,0 10px 20px -5px #0000000a}[dir=rtl],[dir=rtl] body{font-family:IBM Plex Sans Arabic,Tajawal,Outfit,system-ui,sans-serif;letter-spacing:0;line-height:1.8}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:IBM Plex Sans Arabic,Tajawal,system-ui,sans-serif;letter-spacing:0;line-height:1.5}[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:IBM Plex Sans Arabic,Tajawal,system-ui,sans-serif;letter-spacing:0}[dir=rtl] .dashboard-container,[dir=rtl] .main-content{font-size:calc(1em + .5px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--input-bg) 25%,color-mix(in srgb,var(--input-bg) 60%,transparent) 50%,var(--input-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1a2035 25%,#232b45,#1a2035 75%);background-size:200% 100%}@media (max-width: 768px){:root{--sidebar-width: 0px;--sidebar-collapsed-width: 0px}.sidebar{display:none!important}.main-content{margin-left:0!important;margin-right:0!important;width:100%!important;padding-left:8px;padding-right:8px}.glass-panel[role=banner]{height:56px;padding:0 12px;margin:0 8px;border-radius:12px}button,[role=button],a{min-height:44px;min-width:44px}.dashboard-container{padding:70px 16px 16px!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}thead,tbody,tr{min-width:600px}[role=menu][aria-label="Profile options"]{position:fixed!important;top:auto!important;bottom:72px!important;left:8px!important;right:8px!important;width:auto!important;border-radius:16px}main[role=main]{padding-bottom:80px}h1{font-size:1.75rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed-width)!important}.sidebar .sidebar-nav li .label,.sidebar .group-header,.sidebar .fav-star{display:none}}@media (min-width: 769px){.mobile-bottom-nav{display:none!important}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.premium-table-row:hover{background:var(--sidebar-hover-bg)!important}.hijri-secondary{font-family:IBM Plex Sans Arabic,Tajawal,system-ui,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;border-radius:4px}[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] [role=button]:focus-visible,[data-theme=dark] [role=tab]:focus-visible,[data-theme=dark] [role=menuitem]:focus-visible{outline-color:var(--primary-color);box-shadow:0 0 0 3px #c8a0524d}[role=menuitem]:focus-visible{background:var(--sidebar-hover-bg);position:relative;z-index:1}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only:focus,.sr-only:active,.visually-hidden:focus,.visually-hidden:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:-9999px;left:-9999px;z-index:999999;padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;font-weight:600;border-radius:0 0 8px 8px}.skip-link:focus{position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0003}@media (prefers-contrast: high){button,a,input,select,textarea{border:2px solid currentColor}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-width:4px;outline-offset:3px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in-up,.premium-card-hover,.skeleton{animation:none!important}button:hover{transform:none!important}}[aria-live=polite],[aria-live=assertive],[role=status],[role=alert]{position:relative}[role=alert]{padding:12px 16px;border-radius:8px;border-left:4px solid var(--status-error);background:#b3261e1a;color:var(--status-error)}[role=status]{padding:12px 16px;border-radius:8px;border-left:4px solid var(--primary-color);background:var(--gold-light)}button:disabled,[role=button][aria-disabled=true],input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}[role=button][aria-pressed=true]{background:var(--primary-color);color:#fff;font-weight:600}[role=button][aria-pressed=false]{background:var(--input-bg);color:var(--text-color)}[role=menu]{outline:none}[role=menuitem]{cursor:pointer;transition:background-color .2s ease,color .2s ease}[role=menuitem]:hover,[role=menuitem]:focus{background:var(--sidebar-hover-bg);outline:none}[role=menuitem]:active{background:var(--sidebar-active-bg)}[role=tablist]{display:flex;gap:8px;border-bottom:2px solid var(--input-border)}[role=tab]{padding:12px 20px;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;position:relative;top:2px}[role=tab][aria-selected=true]{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}[role=tab]:focus-visible{outline-offset:-2px}[role=dialog],[role=alertdialog]{outline:none}[role=dialog][aria-modal=true]::backdrop,[role=alertdialog][aria-modal=true]::backdrop{background:#00000080}table[role=table],table[role=grid]{border-collapse:collapse}th[scope=col],th[scope=row]{font-weight:600;text-align:left}[dir=rtl] th[scope=col],[dir=rtl] th[scope=row]{text-align:right}caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[onclick]:not(button):not(a):not([role]){cursor:pointer}[role=tooltip]{position:absolute;padding:8px 12px;background:var(--text-color);color:var(--surface-bg);border-radius:6px;font-size:.875rem;z-index:1000;pointer-events:none}[aria-busy=true]{position:relative;pointer-events:none;opacity:.7}[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--primary-color);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline;color:var(--primary-hover)}a:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;border-radius:2px}.text-muted,.label-muted{color:var(--text-muted)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--space-50, 200px);gap:var(--space-5, 20px);padding:var(--space-5, 20px)}.spinner-message{color:var(--text-muted);font-size:.95rem;font-weight:500;letter-spacing:var(--space-0-25, .3px);animation:fadeInUp var(--duration-500, .5s) ease-out}.spinner-modern{position:relative}.spinner-circle{animation:rotate var(--duration-2000, 2s) linear infinite}.spinner-circle svg{display:block}.spinner-path{stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:dash var(--duration-1500, 1.5s) ease-in-out infinite}@keyframes rotate{to{transform:rotate(var(--angle-360, 360deg))}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.spinner-dots{display:flex;gap:calc(var(--dot-size) * .8);align-items:center;justify-content:center}.spinner-dots .dot{width:var(--dot-size);height:var(--dot-size);background-color:var(--spinner-color);border-radius:50%;animation:bounce var(--duration-1400, 1.4s) ease-in-out infinite both}.spinner-dots .dot:nth-child(1){animation-delay:-.32s}.spinner-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:var(--opacity-50, .5)}40%{transform:scale(1);opacity:var(--opacity-100, 1)}}.spinner-pulse{position:relative;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:100%;height:100%;border:var(--space-0-75, 3px) solid var(--spinner-color);border-radius:50%;opacity:var(--opacity-0, 0);animation:pulse var(--duration-2000, 2s) cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring:nth-child(2){animation-delay:var(--duration-1000, 1s)}@keyframes pulse{0%{transform:scale(.8);opacity:var(--opacity-100, 1)}to{transform:scale(1.8);opacity:var(--opacity-0, 0)}}.spinner-dual-ring{display:flex;align-items:center;justify-content:center}.spinner-dual-ring .ring{width:100%;height:100%;border:var(--space-1, 4px) solid transparent;border-radius:50%;animation:dual-ring var(--duration-1200, 1.2s) linear infinite}@keyframes dual-ring{0%{transform:rotate(0)}to{transform:rotate(var(--angle-360, 360deg))}}@keyframes fadeInUp{0%{opacity:var(--opacity-0, 0);transform:translateY(var(--space-2-5, 10px))}to{opacity:var(--opacity-100, 1);transform:translateY(var(--space-0, 0))}}@media (max-width: 768px){.loading-spinner-container{min-height:var(--space-37-5, 150px);gap:var(--space-4, 16px)}.spinner-message{font-size:.875rem}}.loading-spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--loading-overlay-bg, linear-gradient(135deg, rgba(0, 10, 20, .95) 0%, rgba(0, 30, 50, .97) 50%, rgba(0, 15, 35, .95) 100%));-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transition-normal, .3s) ease-out;overflow:hidden}.loading-spinner-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,var(--primary-color, rgba(0, 105, 92, .08)) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--secondary-color, rgba(255, 179, 0, .06)) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--primary-color, rgba(0, 105, 92, .03)) 0%,transparent 70%);animation:backgroundShift 20s ease-in-out infinite;pointer-events:none;opacity:.3}@keyframes backgroundShift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.loading-spinner-overlay .loading-spinner-container{background:transparent;border-radius:0;padding:var(--space-10, 40px);box-shadow:none;min-height:auto;position:relative;z-index:1}.loading-spinner-container.fullscreen-mode{gap:var(--space-8, 32px);min-height:auto}.spinner-fullscreen-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8, 32px);animation:floatIn .8s cubic-bezier(.34,1.56,.64,1)}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner-brand-logo{animation:logoGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--primary-color, rgba(0, 105, 92, .4)))}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px var(--primary-color, rgba(0, 105, 92, .4)))}50%{filter:drop-shadow(0 0 40px var(--primary-color, rgba(0, 105, 92, .7))) drop-shadow(0 0 60px var(--secondary-color, rgba(255, 179, 0, .3)))}}.spinner-message.fullscreen-message{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color, #00695C) 0%,var(--secondary-color, #FFB300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;text-transform:uppercase;animation:messageGlow 2s ease-in-out infinite}@keyframes messageGlow{0%,to{opacity:.9;text-shadow:0 0 20px var(--primary-color, rgba(0, 105, 92, .3))}50%{opacity:1;text-shadow:0 0 30px var(--primary-color, rgba(0, 105, 92, .6))}}.loading-progress-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:var(--space-4, 16px)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color, #00695C) 0%,var(--secondary-color, #FFB300) 50%,var(--primary-color, #00695C) 100%);background-size:200% 100%;animation:progressShimmer 2s linear infinite;border-radius:2px;box-shadow:0 0 10px var(--primary-color, rgba(0, 105, 92, .5))}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:var(--opacity-0, 0)}to{opacity:var(--opacity-100, 1)}}.spinner-ai{position:relative;display:flex;align-items:center;justify-content:center}.ai-core{position:absolute;width:30%;height:30%;background:var(--primary-color, #00695C);border-radius:50%;box-shadow:0 0 var(--space-5, 20px) var(--primary-color, #00695C),0 0 var(--space-10, 40px) var(--primary-color, #00695C);animation:ai-pulse var(--duration-2000, 2s) ease-in-out infinite;z-index:2}.ai-orbit{position:absolute;border-radius:50%;border:var(--space-0-25, 1px) solid rgba(0,105,92,.1);border-top:var(--space-0-5, 2px) solid var(--primary-color)}.orbit-1{width:100%;height:100%;animation:ai-rotate var(--duration-1500, 1.5s) linear infinite}.orbit-2{width:75%;height:75%;animation:ai-rotate-reverse var(--duration-2000, 2s) linear infinite;border-top-color:var(--secondary-color)}.orbit-3{width:50%;height:50%;animation:ai-rotate var(--duration-2500, 2.5s) linear infinite}.ai-atmosphere{position:absolute;width:120%;height:120%;background:radial-gradient(circle,var(--primary-light, rgba(0, 245, 255, .05)) 0%,transparent 70%);border-radius:50%;animation:ai-breathe var(--duration-4000, 4s) ease-in-out infinite}@keyframes ai-pulse{0%,to{transform:scale(1);opacity:var(--opacity-100, 1);box-shadow:0 0 var(--space-5, 20px) var(--primary-color, #00695C)}50%{transform:scale(1.2);opacity:var(--opacity-80, .8);box-shadow:0 0 var(--space-7-5, 30px) var(--primary-color, #00695C),0 0 var(--space-12-5, 50px) var(--primary-color, #00695C)}}@keyframes ai-rotate{0%{transform:rotate(0)}to{transform:rotate(var(--angle-360, 360deg))}}@keyframes ai-rotate-reverse{0%{transform:rotate(var(--angle-360, 360deg))}to{transform:rotate(0)}}@keyframes ai-breathe{0%,to{transform:scale(1);opacity:var(--opacity-30, .3)}50%{transform:scale(1.1);opacity:var(--opacity-60, .6)}}.spinner-brand{display:flex;align-items:center;justify-content:center;animation:brandPulse var(--duration-2000, 2s) ease-in-out infinite}@keyframes brandPulse{0%,to{transform:scale(1);opacity:var(--opacity-100, 1);filter:drop-shadow(0 0 var(--space-2-5, 10px) var(--primary-color, #00695C)44)}50%{transform:scale(1.1);opacity:var(--opacity-80, .8);filter:drop-shadow(0 0 var(--space-6-25, 25px) var(--primary-color, #00695C)88)}}.founding-day-loader{position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.horse-silhouette{position:absolute;width:60%;height:60%;bottom:20%;left:10%;z-index:10;animation:gallopingHorse 1.5s infinite linear;transform-origin:bottom center}.horse-svg{width:100%;height:100%;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2))}.horse-path{fill:var(--primary-color)}@keyframes gallopingHorse{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.flag-container{position:absolute;right:15%;bottom:30%;height:60%;width:40px;z-index:5;transform:perspective(400px) rotateY(10deg)}.flag-pole{width:4px;height:100%;background:#444;border-radius:2px;position:absolute;left:0;bottom:0}.saudi-flag{position:absolute;top:5px;left:3px;width:60px;height:40px;background:#166534;transform-origin:left center;animation:flagWave 3s ease-in-out infinite;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 5px #0003}.flag-content{color:#fff;font-size:8px;text-align:center;display:flex;flex-direction:column;align-items:center;opacity:.9}.flag-inscription{font-family:IBM Plex Sans Arabic,sans-serif;margin-bottom:2px;white-space:nowrap;font-size:6px;letter-spacing:0px}.flag-sword{width:20px;height:2px;background:#fff;border-radius:1px}@keyframes flagWave{0%,to{transform:rotateY(0) skewY(0)}50%{transform:rotateY(15deg) skewY(-2deg)}}.desert-dunes{position:absolute;bottom:0;left:0;width:100%;height:30%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25' fill='%23C5A059'/%3E%3Cpath d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5' fill='%23C5A059'/%3E%3Cpath d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z' fill='%23C5A059'/%3E%3C/svg%3E");background-size:200% 100%;background-repeat:repeat-x;animation:desertScroll 10s linear infinite;opacity:.6}@keyframes desertScroll{0%{background-position:0 0}to{background-position:-200% 0}}.founding-day-overlay{background:radial-gradient(circle at center,#fff8e1,#e4d8c4)}.founding-day-overlay:before{content:"";position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%237C4F3B' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:1;animation:none}.spinner-message.founding-text{font-family:IBM Plex Sans Arabic,serif;color:#4e342e;font-weight:700;font-size:1.2rem;letter-spacing:0}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{opacity:.15;filter:blur(5px)}50%{opacity:.4;filter:blur(8px)}}.logo-spinning{animation:logoSpin 2s linear infinite}.logo-spinning-glow{animation:logoPulse 2s ease-in-out infinite}.logo-container{transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.sidebar{width:100%;height:100%;background:var(--sidebar-bg);backdrop-filter:blur(var(--glass-blur, 20px));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));color:var(--sidebar-text);display:flex;flex-direction:column;transition:width var(--transition-normal, .3s) cubic-bezier(.4,0,.2,1);border-right:var(--space-0-25, 1px) solid var(--sidebar-border);overflow:hidden;position:relative}.sidebar-resizer{position:absolute;right:0;top:0;width:var(--space-1, 4px);height:100%;cursor:col-resize;z-index:10;transition:background var(--transition-fast, .2s)}.sidebar-resizer:hover,.sidebar-resizer-active{background:var(--primary-color);opacity:var(--opacity-30, .3)}.sidebar-nav{flex:1;padding:var(--space-3, 12px);overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:var(--space-1, 4px)}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:var(--radius-md, 10px)}.sidebar-group{margin-bottom:var(--space-6, 24px)}.group-header{padding:var(--space-2, 8px) var(--space-3, 12px);margin-bottom:var(--space-1, 4px);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;letter-spacing:var(--space-0-25, 1px);color:var(--sidebar-text);opacity:var(--opacity-60, .6);text-transform:uppercase;transition:all var(--transition-fast, .2s) ease;border-radius:var(--radius-md, 8px)}.group-header:hover{opacity:1;background:var(--sidebar-hover-bg)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-2-5, 10px) var(--space-3-5, 14px);margin-bottom:var(--space-0-5, 2px);border-radius:var(--radius-md, 10px);cursor:pointer;transition:all var(--transition-fast, .2s) cubic-bezier(.4,0,.2,1);color:var(--sidebar-text);font-weight:500;font-size:.9rem;position:relative;border:var(--space-0-25, 1px) solid transparent}.sidebar-nav li:hover{background:var(--sidebar-hover-bg);transform:translate(var(--space-1, 4px))}.sidebar-nav li.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600;box-shadow:var(--shadow-md, 0 var(--space-1, 4px) var(--space-3, 12px) -2px rgba(0, 0, 0, .05))}.sidebar-nav li.active:before{content:"";position:absolute;left:0;top:var(--width-20, 20%);bottom:var(--width-20, 20%);width:var(--space-0-75, 3px);background:var(--primary-color);border-radius:0 var(--space-1, 4px) var(--space-1, 4px) 0}.sidebar-nav .icon{display:flex;align-items:center;justify-content:center;width:var(--space-5, 20px);transition:transform var(--transition-fast, .2s) ease}.sidebar-nav li:hover .icon{transform:scale(1.1)}.sidebar-nav .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-star{opacity:0;transition:all var(--transition-fast, .2s) ease}.sidebar-nav li:hover .fav-star,.fav-star.active{opacity:1}.sidebar.collapsed{width:var(--space-20, 80px)!important}.sidebar.collapsed .label,.sidebar.collapsed .group-header span,.sidebar.collapsed .group-header h4,.sidebar.collapsed .group-header .group-drag-handle{display:none}.sidebar.collapsed .sidebar-nav li{justify-content:center;padding:var(--space-3, 12px);margin:var(--space-1, 4px) auto;width:var(--space-12, 48px)}.sidebar.collapsed .sidebar-nav .icon{width:auto}.sidebar-controls{border-bottom:var(--space-0-25, 1px) solid var(--sidebar-border)}.sidebar-controls button:hover{background:var(--sidebar-hover-bg);border-radius:50%}.sidebar-nav,.sidebar-controls,.sidebar-group{transition:all var(--transition-normal, .3s) ease}.App{display:flex;width:100%;min-height:100vh}.main-content{flex:1;background-color:var(--deep-bg);min-height:100vh;display:flex;flex-direction:column}.main-content{transition:margin-left .3s ease,width .3s ease}header{height:60px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px #0000000d}main{padding:24px;flex:1;overflow-y:auto}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--scrollbar-thumb, #ccc);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(16px)}[data-theme=dark]{color:var(--text-primary, #f8fafc)}[data-theme=dark] *{color:inherit}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--heading-color, #ffffff)}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div{color:var(--text-color, #f8fafc)}[data-theme=dark] label{color:var(--label-color, #e2e8f0)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--input-text, #f8fafc);background-color:var(--input-bg, #2d3748);border-color:var(--input-border, #4a5568)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--input-placeholder, #94a3b8)}[data-theme=dark] button{color:var(--text-primary, #f8fafc)}[data-theme=dark] a{color:var(--primary, #26A69A)}[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .modal,[data-theme=dark] .survey-card,[data-theme=dark] .form-card{background-color:var(--card-bg, #242b3d);color:var(--text-primary, #f8fafc)}[data-theme=dark] .survey-card *,[data-theme=dark] .form-card *{color:var(--text-primary, #f8fafc)}[data-theme=dark] .survey-card h3,[data-theme=dark] .form-card h3{color:var(--heading-color, #ffffff)}[data-theme=dark] .text-muted,[data-theme=dark] .muted{color:var(--text-muted, #94a3b8)!important}[data-theme=dark] .text-secondary{color:var(--text-secondary, #cbd5e1)!important}[data-theme=dark] header{background:var(--header-bg, #1a2332);color:var(--text-primary, #f8fafc);border-bottom-color:var(--header-border, rgba(226, 232, 240, .1))}[data-theme=dark] header *{color:var(--text-primary, #f8fafc)}