: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}.ccms-login-brand-glow{position:absolute;border-radius:50%;pointer-events:none}.ccms-login-brand-glow-top{width:430px;height:430px;top:-235px;right:-135px;background:radial-gradient(circle,#4a97ff33,#4a97ff00 70%)}.ccms-login-brand-glow-bottom{width:520px;height:520px;bottom:-350px;left:-180px;background:radial-gradient(circle,#498fe629,#498fe600 70%)}.ccms-login-mobile-brand{display:none}@media (max-width: 900px){.ccms-login-brand{display:none!important}.ccms-login-page{background:#fff!important}.ccms-login-form-panel{align-items:flex-start!important;padding:36px 24px!important}.ccms-login-mobile-brand{display:flex;align-items:flex-start;gap:14px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--ccms-border-light)}.ccms-login-mobile-brand>img{width:54px;height:54px;flex:0 0 54px;object-fit:contain}.ccms-login-mobile-brand-copy{min-width:0}.ccms-login-mobile-acronym{color:var(--ccms-primary);font-size:24px;font-weight:800;line-height:1;letter-spacing:-.02em}.ccms-login-mobile-english{margin-top:4px;color:var(--ccms-text-strong);font-size:12px;font-weight:650;line-height:1.4}.ccms-login-mobile-thai{margin-top:9px;color:var(--ccms-text);font-size:14px;font-weight:700;line-height:1.55}.ccms-login-mobile-tagline{margin-top:6px;color:var(--ccms-text-secondary);font-size:11.5px;font-weight:500;line-height:1.5}.ccms-login-mobile-developer{margin-top:10px;color:var(--ccms-text-strong);font-size:10.5px;font-weight:600;line-height:1.5}.ccms-login-mobile-status{display:inline-flex;margin-top:5px;padding:3px 8px;border:1px solid var(--ccms-border);border-radius:999px;background:var(--ccms-surface-alt);color:var(--ccms-text-secondary);font-size:10px;font-weight:600;line-height:1.4}}@media (max-width: 480px){.ccms-login-form-panel{padding:26px 20px!important}.ccms-login-mobile-brand{gap:12px;padding-bottom:20px;margin-bottom:24px}.ccms-login-mobile-brand>img{width:46px;height:46px;flex-basis:46px}.ccms-login-mobile-acronym{font-size:22px}.ccms-login-mobile-english{font-size:11px}.ccms-login-mobile-thai{font-size:13px}.ccms-login-mobile-tagline{font-size:10.5px}.ccms-login-mobile-developer{font-size:10px}}::-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}