@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";
html,body,#root{min-height:100%}*{box-sizing:border-box}:root{--portal-font:"Poppins", "Noto Sans Thai", system-ui, "Leelawadee UI", "Segoe UI", Tahoma, Arial, sans-serif;--portal-bg:var(--background);--portal-bg-soft:var(--neutral-100);--portal-panel:var(--card);--portal-border:var(--border);--portal-border-strong:var(--neutral-300);--portal-text:var(--foreground);--portal-text-soft:var(--neutral-700);--portal-muted:var(--neutral-500);--portal-heading:var(--foreground);--portal-primary:var(--primary-ci);--portal-primary-soft:var(--brand-primary-50);--portal-primary-hover:var(--primary-hover);--portal-primary-dark:var(--brand-primary-700);--portal-accent:var(--brand-secondary-500);--portal-accent-soft:var(--red-50);--portal-success:var(--green-600);--portal-warning:var(--amber-500);--portal-danger:var(--destructive);--portal-sidebar-bg:var(--sidebar);--portal-sidebar-bg-soft:var(--sidebar-accent);--portal-sidebar-text:var(--sidebar-foreground);--portal-sidebar-text-strong:var(--foreground);--portal-sidebar-active:var(--primary-ci);--portal-sidebar-border:var(--sidebar-border);--portal-sidebar-width:264px;--portal-sidebar-width-collapsed:72px;--portal-radius-sm:6px;--portal-radius:10px;--portal-radius-lg:14px;--portal-radius-xl:18px;--portal-shadow-sm:0 1px 2px #0f172a0a;--portal-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--portal-shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0a;--portal-shadow-lg:0 10px 24px -6px #0f172a1f, 0 4px 8px -4px #0f172a0d;--heading-1-size:44px;--heading-2-size:30px;--heading-3-size:22px;--heading-4-size:18px;--heading-weight:700;--heading-tight-tracking:-.015em;--heading-tighter-tracking:-.02em}body{background:var(--portal-bg);color:var(--portal-text);font-family:var(--portal-font);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.55}h1,h2,h3,h4{font-family:var(--portal-font);font-weight:var(--heading-weight);color:var(--portal-text)}.portal-shell h2,.portal-shell h3{color:var(--portal-heading)!important}h1{font-size:var(--heading-1-size);letter-spacing:var(--heading-tight-tracking);line-height:1}h2{font-size:var(--heading-2-size);letter-spacing:var(--heading-tight-tracking);line-height:1}h3{font-size:var(--heading-3-size);letter-spacing:var(--heading-tighter-tracking);line-height:1.2}h4{font-size:var(--heading-4-size);letter-spacing:var(--heading-tighter-tracking);line-height:1.2}.portal-shell{background:var(--portal-bg);font-family:var(--portal-font)}.portal-shell main>.flex-1.overflow-y-auto{background:var(--portal-bg);padding:28px 24px!important}.portal-shell main>.flex-1.overflow-y-auto>div{width:min(100%,1320px);max-width:none;margin-left:auto;margin-right:auto}.portal-shell main>.flex-1.overflow-y-auto>.portal-modal-overlay{width:100vw;max-width:none;margin:0}.portal-shell h2{letter-spacing:var(--heading-tighter-tracking);line-height:1.2;color:var(--portal-text)!important;font-size:var(--heading-3-size)!important;font-weight:var(--heading-weight)!important}.portal-shell .bg-white{background-color:#0000!important}.portal-shell .portal-modal-panel{color:var(--portal-text);background:#fff!important}.portal-shell .portal-modal-panel .bg-white{background-color:#fff!important}.portal-shell .portal-modal-body{background:#fff!important}.portal-shell .portal-modal-footer{background:#f8fafc!important}.portal-shell .rounded-xl{border-radius:8px!important}.portal-shell .shadow-sm{box-shadow:none!important}.portal-shell select,.portal-shell input[type=text],.portal-shell input[type=month],.portal-shell input[type=date],.portal-shell textarea{color:#27272f;min-height:38px;font-family:var(--portal-font);font-size:15px;font-weight:400;background:#fff!important;border-color:#dedde7!important;border-radius:7px!important}.portal-shell input::placeholder{color:#8a8d98;font-weight:400}.portal-shell button{font-family:var(--portal-font);font-weight:var(--heading-weight);letter-spacing:0}.portal-shell .bg-blue-600,.portal-shell .bg-emerald-600,.portal-shell .bg-orange-600{font-weight:600;transition:background-color .15s;background-color:var(--portal-primary)!important;color:#fff!important;border-color:var(--portal-primary)!important;border-radius:var(--portal-radius)!important}.portal-shell .bg-blue-600:hover,.portal-shell .bg-emerald-600:hover,.portal-shell .bg-orange-600:hover{background-color:var(--portal-primary-hover)!important;border-color:var(--portal-primary-hover)!important}.portal-shell .bg-slate-100,.portal-shell .bg-emerald-50{background-color:#fff!important}.portal-shell .border{border-color:var(--portal-border)!important}.portal-shell table{border-collapse:separate;border-spacing:0;min-width:980px;font-size:14px;overflow:hidden}.portal-shell thead{background:#f0edf9!important}.portal-shell th{color:#23232a;font-size:13px;font-weight:700;border-bottom:0!important;padding-top:10px!important;padding-bottom:10px!important}.portal-shell td{color:#303340;background:#fff;font-weight:400;border-bottom:1px solid #ebe9f2!important;padding-top:11px!important;padding-bottom:11px!important}.portal-shell td.font-bold,.portal-shell .font-bold{font-weight:700!important}.portal-shell .h-full.flex.flex-col.rounded-xl.border{background:var(--portal-panel)!important;border-color:var(--portal-border)!important}.portal-shell .overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-color:#9ca0aa transparent;scrollbar-width:thin;max-width:100%}.portal-shell .overflow-x-auto::-webkit-scrollbar{height:8px}.portal-shell .overflow-x-auto::-webkit-scrollbar-thumb{background:#a7aab4;border-radius:999px}.portal-shell .overflow-x-auto::-webkit-scrollbar-track{background:0 0}.portal-shell tbody tr:hover td{background:#fafaff}.portal-shell table th:first-child{border-top-left-radius:8px}.portal-shell table th:last-child{border-top-right-radius:8px}.portal-shell .text-blue-600{color:#5662f0!important}.portal-shell .text-emerald-700,.portal-shell .text-emerald-600{color:#85c726!important}.portal-shell .bg-emerald-100{border:1px solid #b8ed64;font-weight:700;color:#77b821!important;background:#efffd8!important}.portal-shell .bg-blue-100{font-weight:700;color:#5261f6!important;background:#eef0ff!important}@media (max-width:1180px){.portal-shell main>.flex-1.overflow-y-auto{padding:24px 18px!important}.portal-shell .h-full.flex.flex-col>.flex:first-child{align-items:stretch!important}.portal-shell .h-full.flex.flex-col>.flex:first-child>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%!important;display:grid!important}.portal-shell .h-full.flex.flex-col>.flex:first-child>div:last-child>*{justify-content:center;width:100%!important}}@media (max-width:900px){.portal-shell main>.flex-1.overflow-y-auto{padding:22px 14px!important}.portal-shell .h-full.flex.flex-col{min-height:auto}.portal-shell .h-full.flex.flex-col>.flex:first-child{margin-bottom:18px!important}.portal-shell .h-full.flex.flex-col>.flex:first-child>div:first-child{justify-content:space-between;align-items:center;width:100%}.portal-shell .h-full.flex.flex-col>.flex:first-child>div:last-child{grid-template-columns:1fr}}@media (max-width:560px){.portal-shell main>.flex-1.overflow-y-auto{padding:14px 10px!important}.portal-shell .h-full.flex.flex-col.rounded-xl.border{border-radius:10px!important;padding:14px!important}.portal-shell h2{font-size:24px!important}.portal-shell table{min-width:900px;font-size:13px}}