:root{--ccms-bg: #F2F5F9;--ccms-surface: #FFFFFF;--ccms-surface-alt: #F7F9FC;--ccms-text: #1A2433;--ccms-text-secondary: #66748A;--ccms-text-muted: #93A1B5;--ccms-text-strong: #3A4759;--ccms-primary: #123E85;--ccms-primary-hover: #1D5BBF;--ccms-accent: #1D5BBF;--ccms-sidebar: #0C1F3D;--ccms-sidebar-active: #1D5BBF;--ccms-sidebar-text: #AFC5E2;--ccms-sidebar-label: #5F7CA5;--ccms-sidebar-subtitle: #7FA4D6;--ccms-border: #E4E9F0;--ccms-border-light: #EDF1F6;--ccms-border-input: #D5DDE8;--ccms-blue: #1D5BBF;--ccms-blue-bg: #E8F0FC;--ccms-amber: #B26A00;--ccms-amber-bg: #FDF3E1;--ccms-green: #1F7A46;--ccms-green-bg: #E6F4EC;--ccms-red: #C0392B;--ccms-red-bg: #FDECEA;--ccms-purple: #A63A6B;--ccms-purple-bg: #FBEAF2;--ccms-radius-sm: 8px;--ccms-radius-md: 9px;--ccms-radius-lg: 12px;--ccms-radius-xl: 14px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans Thai,Sarabun,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--ccms-bg);color:var(--ccms-text)}#root{min-height:100vh}.row-red{background-color:#c0392b14!important}.row-red:hover{background-color:#c0392b29!important}@media (max-width: 900px){.ccms-login-brand{display:none!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9d3e0;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#b4c0d2}