@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";
:root{--primary:#224aac;--primary-light:#3b82f6;--secondary:#6b7280;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6}body{font-family:"Kanit",var(--font-kanit),sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preloader{z-index:9999;background:rgba(255,255,255,.9);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.badge-soft-success{color:#047857;background-color:#d1fae5}.badge-soft-warning{color:#b45309;background-color:#fef3c7}.badge-soft-danger{color:#dc2626;background-color:#fee2e2}.badge-soft-info{color:#1d4ed8;background-color:#dbeafe}.card-shadow{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.page-content{padding:1.5rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(34,74,172,.2)}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background-color:#1a3a8a;border-color:#1a3a8a}.notification-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-5px;right:-5px}.modal-backdrop{z-index:1000;background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;left:0}.table-responsive{overflow-x:auto}.spinner-chase{width:40px;height:40px;animation:2.5s linear infinite both spinner-chase;position:relative}@keyframes spinner-chase{to{transform:rotate(360deg)}}.chase-dot{width:100%;height:100%;animation:2s ease-in-out infinite both chase-dot;position:absolute;top:0;left:0}.chase-dot:before{content:"";background-color:var(--primary);border-radius:100%;width:25%;height:25%;animation:2s ease-in-out infinite both chase-dot-before;display:block}.chase-dot:first-child{animation-delay:-1.1s}.chase-dot:nth-child(2){animation-delay:-1s}.chase-dot:nth-child(3){animation-delay:-.9s}.chase-dot:nth-child(4){animation-delay:-.8s}.chase-dot:nth-child(5){animation-delay:-.7s}.chase-dot:nth-child(6){animation-delay:-.6s}.chase-dot:first-child:before{animation-delay:-1.1s}.chase-dot:nth-child(2):before{animation-delay:-1s}.chase-dot:nth-child(3):before{animation-delay:-.9s}.chase-dot:nth-child(4):before{animation-delay:-.8s}.chase-dot:nth-child(5):before{animation-delay:-.7s}.chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes chase-dot{80%,to{transform:rotate(360deg)}}@keyframes chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}@media (max-width:768px){.page-content{padding:1rem}}