@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap";body{font-family:Sarabun,sans-serif}.printable-report{font-family:Sarabun,sans-serif!important}.input-style,.select-style{margin-top:.25rem;display:block;width:100%;padding:.5rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;placeholder-color:#9ca3af;transition:color .3s}.dark .input-style,.dark .select-style{background-color:#374151;color:#fff;border-color:#4b5563;placeholder-color:#9ca3af}.input-style:focus,.select-style:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .5);border-color:#3b82f6}.dark .input-style:focus,.dark .select-style:focus{--tw-ring-offset-color: #111827}.responsive-table{width:100%;min-width:100%}.responsive-table thead{background-color:#f9fafb}.dark .responsive-table thead{background-color:#1f2937}.responsive-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7281;text-transform:uppercase;letter-spacing:.05em}.dark .responsive-table th{color:#9ca3af}.responsive-table tbody{background-color:#fff;divide-y:1px solid #e5e7eb}.dark .responsive-table tbody{background-color:#1f2937;divide-color:#374151}.responsive-table td{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem}.responsive-.responsive-table tbody tr{transition:background-color .15s}.responsive-table tbody tr:nth-child(2n){background-color:#f9fafb}.dark .responsive-table tbody tr:nth-child(2n){background-color:#1f293799}.responsive-table tbody tr:hover{background-color:#f3f4f6}.dark .responsive-table tbody tr:hover{background-color:#374151cc}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-toast-in{animation:toast-in .3s ease-out forwards}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-toast-out{animation:toast-out .3s ease-in forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .4s ease-out forwards}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .2s ease-out forwards}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#f0f0f0 4%,#e0e0e0 25%,#f0f0f0 36%);background-size:1000px 100%}.dark .animate-shimmer{background:linear-gradient(to right,#374151 4%,#4b5563 25%,#374151 36%);background-size:1000px 100%}.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}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.hover\:scrollbar-show:hover{scrollbar-width:thin}.hover\:scrollbar-show:hover::-webkit-scrollbar{display:block;width:4px}.hover\:scrollbar-show:hover::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:.25rem}.dark .hover\:scrollbar-show:hover::-webkit-scrollbar-thumb{background-color:#4b5563}.hover\:scrollbar-show:hover::-webkit-scrollbar-track{background-color:transparent}.mobile-container{padding:1rem}.mobile-grid{display:grid;gap:1rem;grid-template-columns:1fr}.mobile-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.dark .mobile-card{background:#1f2937;border-color:#374151;box-shadow:0 1px 3px #0000004d}.mobile-button{min-height:44px;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s;touch-action:manipulation}.mobile-input{min-height:44px;padding:.75rem;border-radius:.5rem;font-size:16px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 10px #0000001a}.dark .mobile-nav{background:#1f2937;border-top-color:#374151}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;min-height:44px;border-radius:.5rem;transition:background-color .2s}.mobile-nav-item:active{background-color:#f3f4f6}.dark .mobile-nav-item:active{background-color:#374151}@media (max-width: 768px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.dark .responsive-table tr{border-color:#374151;box-shadow:0 1px 3px #0000004d}.responsive-table tr:nth-child(2n){background-color:#fff}.dark .responsive-table tr:nth-child(2n){background-color:#1f2937}.responsive-table td{padding:.75rem 1rem;white-space:normal;text-align:right;position:relative;border-bottom:1px solid #f3f4f6;min-height:44px;display:flex;align-items:center;justify-content:space-between}.dark .responsive-table td{border-bottom-color:#374151}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);font-weight:600;color:#111827;flex-shrink:0}.dark .responsive-table td:before{color:#f9fafb}.mobile-container{padding:.75rem}.mobile-grid{gap:.75rem}.mobile-safe-top{padding-top:env(safe-area-inset-top)}.mobile-safe-bottom,body{padding-bottom:calc(env(safe-area-inset-bottom) + 5rem)}}@media (min-width: 769px) and (max-width: 1024px){.mobile-grid{grid-template-columns:repeat(2,1fr)}.tablet-grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.mobile-grid{grid-template-columns:repeat(3,1fr)}.desktop-grid-4{grid-template-columns:repeat(4,1fr)}.mobile-nav{display:none}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.animate-fade-in{animation:fade-in 1s ease-out}.animate-fade-in-up{animation:fade-in-up 1s ease-out}.animation-delay-200{animation-delay:.2s;animation-fill-mode:both}.animation-delay-400{animation-delay:.4s;animation-fill-mode:both}.animation-delay-600{animation-delay:.6s;animation-fill-mode:both}.animation-delay-800{animation-delay:.8s;animation-fill-mode:both}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}