:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #1d4ed8;--primary-600: #1e40af;--primary-700: #1e3a8a;--primary-800: #1e293b;--primary-900: #0f172a;--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f8fafc;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #060931;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--accent-blue: #1d4ed8;--accent-blue-bg: rgba(239, 246, 255, 1);--accent-teal: #06b6d4;--accent-teal-bg: rgba(6, 182, 212, .1);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .1);--accent-orange: #f59e0b;--accent-orange-bg: rgba(245, 158, 11, .1);--accent-purple: #8b5cf6;--accent-purple-bg: rgba(139, 92, 246, .1);--accent-pink: #ec4899;--accent-pink-bg: rgba(236, 72, 153, .1);--gradient-primary: linear-gradient(135deg, #1d4ed8 35%, #60a5fa 100%);--gradient-secondary: linear-gradient(135deg, #8b5cf6 35%, #ec4899 100%);--gradient-success: linear-gradient(135deg, #10b981 35%, #06b6d4 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 35%, #ef4444 100%);--bg-gradient-light: linear-gradient(135deg, #f8fafc 35%, #e2e8f0 100%);--bg-gradient-primary: linear-gradient(135deg, #eff6ff 35%, #dbeafe 100%);--bg-gradient-dark: linear-gradient(135deg, #1e293b 35%, #334155 100%);--font-family-primary: "Bai Jamjuree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: clamp(2.25rem, 4.5vw, 2.75rem);--text-6xl: clamp(2.75rem, 5.5vw, 3.25rem);--text-7xl: clamp(3.25rem, 6.5vw, 4rem);--text-8xl: clamp(4rem, 8vw, 5rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.6;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .576rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 3px 0 rgba(29, 78, 216, .08);--shadow-sm: 0 2px 6px 0 rgba(29, 78, 216, .12), 0 1px 3px -1px rgba(29, 78, 216, .08);--shadow-base: 0 4px 12px -2px rgba(29, 78, 216, .15), 0 2px 6px -2px rgba(29, 78, 216, .1);--shadow-md: rgba(29, 78, 216, .2) 0 60px 40px -7px;--shadow-lg: 0 16px 32px -8px rgba(29, 78, 216, .2), 0 8px 16px -8px rgba(29, 78, 216, .15);--shadow-xl: 0 24px 48px -12px rgba(29, 78, 216, .25), 0 12px 24px -12px rgba(29, 78, 216, .2);--shadow-2xl: 0 32px 64px -16px rgba(29, 78, 216, .3), 0 16px 32px -16px rgba(29, 78, 216, .25);--shadow-inner: inset 0 2px 6px 0 rgba(29, 78, 216, .08);--shadow-primary: 0 8px 32px rgba(29, 78, 216, .2);--shadow-primary-lg: 0 16px 32px -8px rgba(29, 78, 216, .2), 0 8px 16px -8px rgba(29, 78, 216, .1);--shadow-success: 0 8px 20px -4px rgba(16, 185, 129, .2), 0 4px 8px -4px rgba(16, 185, 129, .1);--shadow-warning: 0 8px 20px -4px rgba(245, 158, 11, .2), 0 4px 8px -4px rgba(245, 158, 11, .1);--shadow-error: 0 8px 20px -4px rgba(239, 68, 68, .2), 0 4px 8px -4px rgba(239, 68, 68, .1);--glow-primary: 0 0 20px rgba(29, 78, 216, .3);--glow-success: 0 0 20px rgba(16, 185, 129, .3);--glow-warning: 0 0 20px rgba(245, 158, 11, .3);--glow-error: 0 0 20px rgba(239, 68, 68, .3);--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--space-responsive-xs: clamp(.5rem, 1.5vw, .875rem);--space-responsive-sm: clamp(.75rem, 2vw, 1.25rem);--space-responsive-md: clamp(1rem, 2.5vw, 2rem);--space-responsive-lg: clamp(1.5rem, 3vw, 3rem);--space-responsive-xl: clamp(2rem, 4vw, 4rem);--text-responsive-xs: clamp(.75rem, 1.5vw, .875rem);--text-responsive-sm: clamp(.875rem, 1.8vw, 1rem);--text-responsive-base: clamp(1rem, 2vw, 1.125rem);--text-responsive-lg: clamp(1.125rem, 2.2vw, 1.25rem);--text-responsive-xl: clamp(1.25rem, 2.5vw, 1.5rem);--text-responsive-2xl: clamp(1.5rem, 3vw, 2rem);--text-responsive-3xl: clamp(1.875rem, 3.5vw, 2.5rem);--text-responsive-4xl: clamp(2.25rem, 4vw, 3rem);--container-padding: clamp(1rem, 4vw, 2rem);--container-max-width: 1200px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.25, .1, .25, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-mega-menu: 1050;--z-navbar: 1060;--z-modal: 1070;--z-popover: 1080;--z-tooltip: 1090;--z-toast: 1100;--container-max-width: 1400px;--navbar-height: 80px;--content-max-width: 65ch}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--neutral-900);background-color:var(--neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.align-center{align-items:center!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.flex-1{flex:1!important}.flex-wrap{flex-wrap:wrap!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-xs{font-size:var(--text-xs)!important}.text-sm{font-size:var(--text-sm)!important}.text-base{font-size:var(--text-base)!important}.text-lg{font-size:var(--text-lg)!important}.text-xl{font-size:var(--text-xl)!important}.text-2xl{font-size:var(--text-2xl)!important}.text-3xl{font-size:var(--text-3xl)!important}.font-light{font-weight:var(--font-light)!important}.font-normal{font-weight:var(--font-normal)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.text-primary{color:var(--primary-600)!important}.text-success{color:var(--success-600)!important}.text-warning{color:var(--warning-600)!important}.text-error{color:var(--error-600)!important}.text-neutral-500{color:var(--neutral-500)!important}.text-neutral-600{color:var(--neutral-600)!important}.text-neutral-700{color:var(--neutral-700)!important}.text-neutral-900{color:var(--neutral-900)!important}.bg-white{background-color:var(--neutral-0)!important}.bg-neutral-50{background-color:var(--neutral-50)!important}.bg-neutral-100{background-color:var(--neutral-100)!important}.bg-primary{background-color:var(--primary-600)!important}.bg-success{background-color:var(--success-600)!important}.bg-warning{background-color:var(--warning-600)!important}.bg-error{background-color:var(--error-600)!important}.m-0{margin:0!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.p-0{padding:0!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-5{margin-bottom:var(--space-5)!important}.mb-6{margin-bottom:var(--space-6)!important}.rounded-none{border-radius:var(--radius-none)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded{border-radius:var(--radius-base)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-3xl{border-radius:var(--radius-3xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-xs{box-shadow:var(--shadow-xs)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-base)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.w-full{width:100%!important}.h-full{height:100%!important}.min-h-screen{min-height:100vh!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-auto{overflow-y:auto!important}.transition{transition:all var(--transition-base)!important}.transition-fast{transition:all var(--transition-fast)!important}.transition-slow{transition:all var(--transition-slow)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:var(--neutral-0);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--neutral-0);color:var(--primary-600);border-color:var(--neutral-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--primary-300)}.btn-outline{background:transparent;color:var(--primary-600);border-color:var(--primary-600)}.btn-outline:hover{background:var(--primary-600);color:var(--neutral-0)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background:var(--neutral-0);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--neutral-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.form-group{margin-bottom:0}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:1.5;color:var(--neutral-900);background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #1d4ed81a}.form-input.error{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4)}.alert-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-800)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-800)}.alert-info{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-800)}@media(max-width:768px){:root{--sidebar-width: 100%;--sidebar-collapsed-width: 100%;--header-height: 60px}.btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.card-header,.card-body,.card-footer{padding:var(--space-4)}}@media(max-width:480px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.card-header,.card-body,.card-footer{padding:var(--space-3)}}