@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#00b14f;--primary-hover:#009643;--bg-page:#f9fafb;--bg-surface:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--sidebar-width:260px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:Inter,IBM Plex Sans Thai,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.w-full{width:100%}.h-full{height:100%}.container-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}
.Sidebar-module__WZVnLW__sidebar{width:var(--sidebar-width);background-color:var(--bg-surface);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.Sidebar-module__WZVnLW__logoArea{color:var(--primary);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.25rem;font-weight:700;display:flex}.Sidebar-module__WZVnLW__logoImage{object-fit:contain;width:40px;height:40px}.Sidebar-module__WZVnLW__sectionTitle{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-top:1.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.Sidebar-module__WZVnLW__navItem{color:var(--text-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.Sidebar-module__WZVnLW__navItem:hover{color:var(--primary);background-color:#f0fdf4}.Sidebar-module__WZVnLW__navItem.Sidebar-module__WZVnLW__active{color:var(--primary);background-color:#f0fdf4;font-weight:500}.Sidebar-module__WZVnLW__badge{background-color:var(--primary);color:#fff;border-radius:999px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.Sidebar-module__WZVnLW__icon{width:20px;height:20px}