@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";--glass-border: rgba(255, 255, 255, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-shadow: 0 8px 32px 0 rgba(16, 185, 129, .05);color-scheme:light}.dark{--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(6, 78, 59, .4);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);color-scheme:dark}html,body{height:100%;width:100%;overflow-x:hidden;background:linear-gradient(135deg,#f0fdf4,#f8fafc)}.dark body{background:linear-gradient(135deg,#022c22,#0f172a)}.font-sarabun{font-family:Sarabun,sans-serif}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#a7f3d0 transparent}.dark .custom-scrollbar{scrollbar-color:#065f46 transparent}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#a7f3d0;border-radius:99px;border:1px solid transparent;background-clip:content-box}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#065f46}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#34d399}@layer utilities{.glass{@apply backdrop-blur-xl bg-white/70 dark:bg-slate-900/70 border border-white/20 dark:border-white/10 shadow-lg;}.glass-card{@apply backdrop-blur-md bg-white/80 dark:bg-slate-800/80 border border-emerald-100/50 dark:border-emerald-900/30 shadow-sm transition-all duration-300;}.glass-panel{@apply backdrop-blur-2xl bg-white/90 dark:bg-slate-900/90 border-r border-emerald-100/50 dark:border-emerald-900/20;}}@layer components{.modern-input{@apply w-full rounded-lg border border-slate-200 dark:border-slate-600 bg-white/80 dark:bg-slate-800/80 px-4 py-3 text-sm font-medium text-slate-700 dark:text-emerald-50 placeholder:text-slate-400 transition-all duration-200 ease-out shadow-sm outline-none;}.modern-input:hover:not(:disabled){@apply border-emerald-300 dark:border-emerald-500/50 bg-white dark:bg-slate-800;}.modern-input:focus{@apply border-emerald-500 ring-2 ring-emerald-500/20 bg-white dark:bg-slate-800 shadow-md;}.modern-input:disabled{@apply cursor-not-allowed opacity-60 bg-slate-100 dark:bg-slate-900/50 text-slate-500 border-slate-200;}.modern-input.error{@apply border-red-300 focus:border-red-500 focus:ring-red-500/10 bg-red-50/30 text-red-900;}table input.form-input,table select.form-input{@apply w-full rounded border border-transparent bg-transparent px-1.5 py-1 text-xs text-center font-medium transition-all duration-150 outline-none hover:bg-emerald-50/50 dark:hover:bg-emerald-900/20 focus:bg-white dark:focus:bg-slate-800 focus:border-emerald-400 focus:ring-1 focus:ring-emerald-500/20 focus:shadow-sm;}.form-input{@apply modern-input;}.modern-input[type=file]{@apply p-1 text-xs;}.modern-input[type=file]::file-selector-button{@apply mr-2 py-1 px-2 border-0 text-[10px] font-bold uppercase tracking-wide bg-emerald-50 text-emerald-700 hover:bg-emerald-100 cursor-pointer transition-colors rounded;}input[type=checkbox],input[type=radio]{@apply accent-emerald-600 w-3.5 h-3.5 cursor-pointer transition-transform hover:scale-110;}.tool-btn-large{@apply relative p-2 rounded-xl border border-transparent bg-slate-50 dark:bg-slate-800/50 hover:bg-white dark:hover:bg-slate-700 hover:shadow-sm transition-all duration-300 flex items-center justify-center text-slate-500 hover:text-emerald-600 active:scale-95;}.tool-tooltip{@apply absolute -bottom-7 left-1/2 -translate-x-1/2 px-2 py-1 bg-emerald-800 text-white text-[9px] font-bold uppercase tracking-wide rounded-md opacity-0 group-hover:opacity-100 transition-all duration-300 whitespace-nowrap pointer-events-none z-50 shadow-lg translate-y-1 group-hover:translate-y-0;}}table{@apply border-collapse w-full;}thead th{@apply text-slate-500 dark:text-emerald-400 font-bold uppercase text-[10px] tracking-wider py-2 px-3 border-b border-emerald-100 dark:border-emerald-900/30 bg-emerald-50/50 dark:bg-emerald-900/10 backdrop-blur-sm;}tbody tr{@apply transition-colors duration-150 border-b border-slate-100 dark:border-slate-800/50;}tbody td{@apply py-2 px-3 text-sm;}tbody tr:last-child{@apply border-0;}tbody tr:hover{@apply bg-emerald-50/60 dark:bg-emerald-900/20;}@media print{@page{size:A4;margin:0}body{background:#fff!important}.glass,.glass-card,.glass-panel,.modern-input{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:1px solid #ddd!important}#printable-content{position:absolute;left:0;top:0;width:210mm;min-height:297mm;margin:0;padding:0;background:#fff;color:#000;box-shadow:none!important;border:none!important}.no-print{display:none!important}}
