:root{--font-sans: "Inter", "Noto Sans Lao", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-gradient: linear-gradient(135deg, #0F172A 0%, #1e293b 100%);--panel-bg: #1E293B;--panel-border: rgba(255, 255, 255, .08);--panel-glow: 0 4px 20px rgba(0, 0, 0, .2);--primary: #5B4CF5;--primary-hover: #4738db;--primary-glow: rgba(91, 76, 245, .25);--secondary: #10B981;--secondary-hover: #0d9668;--secondary-glow: rgba(16, 185, 129, .25);--accent: #EF4444;--accent-hover: #dc2626;--warning: #F59E0B;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #ffffff;--text-label: #f8fafc;--text-table-header: #f8fafc;--text-breadcrumb: #cbd5e1;--placeholder-color: #64748b;--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(255, 255, 255, .1);--input-focus-border: #5B4CF5;--card-bg: #1E293B;--card-hover-bg: rgba(255, 255, 255, .03);--sidebar-width: 320px;--header-height: 70px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--shadow: 0 4px 20px rgba(0, 0, 0, .25)}[data-theme=light]{--bg-gradient: linear-gradient(135deg, #F4F7FB 0%, #eef2f7 100%);--panel-bg: #FFFFFF;--panel-border: #E5E7EB;--panel-glow: 0 2px 10px rgba(0, 0, 0, .06);--primary: #5B4CF5;--primary-hover: #4738db;--primary-glow: rgba(91, 76, 245, .15);--secondary: #10B981;--secondary-hover: #0d9668;--secondary-glow: rgba(16, 185, 129, .15);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--text-inverse: #ffffff;--text-label: #1F2937;--text-table-header: #111827;--text-breadcrumb: #4B5563;--placeholder-color: #6B7280;--input-bg: #ffffff;--input-border: #E5E7EB;--card-bg: #FFFFFF;--card-hover-bg: #f9fafb;--shadow: 0 2px 10px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background var(--transition-slow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}button,input,select{font-family:inherit;font-size:100%}button{cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:var(--panel-glow);border-radius:var(--radius-md);transition:border-color var(--transition-normal),background var(--transition-normal)}@keyframes pulseGlow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 8px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse-glow:focus-within{animation:pulseGlow 1.5s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideUp var(--transition-normal) forwards}.flex-center{display:flex;align-items:center;justify-content:center}.text-gradient{background:linear-gradient(to right,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}input::placeholder,textarea::placeholder{color:var(--placeholder-color);opacity:1}.custom-scrollbar::-webkit-scrollbar{height:12px;width:12px}.custom-scrollbar::-webkit-scrollbar-track{background:#e2e8f0;border-radius:6px;border:1px solid #cbd5e1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f1;border-radius:6px;border:2px solid #e2e8f0;cursor:pointer}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#4f46e5}