:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--neutral-950: #030712;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fde68a;--accent-300: #fcd34d;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--accent-700: #b45309;--accent-800: #92400e;--accent-900: #78350f;--accent-950: #451a03;--success-50: #ecfdf5;--success-500: #10b981;--success-700: #047857;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-700: #b45309;--error-50: #fef2f2;--error-500: #ef4444;--error-700: #b91c1c;--info-50: #eff6ff;--info-500: #3b82f6;--info-700: #1d4ed8;--background: var(--neutral-50);--foreground: var(--neutral-950);--card: white;--card-foreground: var(--neutral-950);--popover: white;--popover-foreground: var(--neutral-950);--primary: var(--primary-600);--primary-foreground: white;--secondary: var(--neutral-100);--secondary-foreground: var(--neutral-900);--muted: var(--neutral-100);--muted-foreground: var(--neutral-500);--accent: var(--accent-500);--accent-foreground: white;--destructive: var(--error-500);--destructive-foreground: white;--border: var(--neutral-200);--input: var(--neutral-200);--ring: var(--primary-500);--radius: .5rem;--radius-sm: .3rem;--radius-lg: .8rem;--radius-full: 9999px;--header-height: 64px;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 6px 10px rgba(0, 0, 0, .08);--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);--transition-all: all .25s cubic-bezier(.4, 0, .2, 1);--transition-colors: background-color .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1), fill .25s cubic-bezier(.4, 0, .2, 1), stroke .25s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .25s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .25s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .25s cubic-bezier(.4, 0, .2, 1)}.dark{--background: var(--neutral-950);--foreground: var(--neutral-50);--card: var(--neutral-900);--card-foreground: var(--neutral-50);--popover: var(--neutral-900);--popover-foreground: var(--neutral-50);--primary: var(--primary-500);--primary-foreground: white;--secondary: var(--neutral-800);--secondary-foreground: var(--neutral-50);--muted: var(--neutral-800);--muted-foreground: var(--neutral-400);--accent: var(--accent-500);--accent-foreground: white;--destructive: var(--error-500);--destructive-foreground: white;--border: var(--neutral-800);--input: var(--neutral-800);--ring: var(--primary-700)}body{background-color:var(--background);color:var(--foreground);font-family:Sarabun,Segoe UI,sans-serif;line-height:1.5;font-size:16px;margin:0;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:500;padding:.5rem 1rem;transition:var(--transition-all);cursor:pointer;border:none;outline:none;font-size:.875rem}.btn-sm{padding:.25rem .75rem;font-size:.75rem}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:var(--primary-700)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:var(--neutral-200)}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--foreground)}.btn-outline:hover{background-color:var(--secondary)}.btn-ghost{background-color:transparent;color:var(--foreground)}.btn-ghost:hover{background-color:var(--secondary)}.btn-icon{padding:.5rem}.btn-success{background-color:var(--success-500);color:#fff}.btn-success:hover{background-color:var(--success-700)}.btn-danger{background-color:var(--error-500);color:#fff}.btn-danger:hover{background-color:var(--error-700)}.btn-warning{background-color:var(--warning-500);color:#fff}.btn-warning:hover{background-color:var(--warning-700)}.card{background-color:var(--card);color:var(--card-foreground);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border)}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-content{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--foreground)}.form-input{width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--input);background-color:var(--background);color:var(--foreground);transition:var(--transition-all)}.form-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #3b82f64d}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--muted-foreground);background-color:var(--secondary)}.table tr:last-child td{border-bottom:none}.table-hover tr:hover td{background-color:var(--secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}@media(max-width:768px){:root{--sidebar-width: 100%}.card-header,.card-content,.card-footer{padding:1rem}}