:root{--primary: #1a3c5e;--secondary: #2d7dd2;--font: "Sarabun", system-ui, sans-serif}.auth-page{font-family:var(--font);background:#f0f2f5;min-height:100vh;display:flex;-webkit-font-smoothing:antialiased}.login-left{flex:1;background:linear-gradient(145deg,#0f2640,#1a3c5e 40%,#1d5296);display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;position:relative;overflow:hidden}@media (max-width: 991.98px){.login-left{display:none}}.login-left:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:#2d7dd226}.login-left:after{content:"";position:absolute;bottom:-60px;left:-40px;width:240px;height:240px;border-radius:50%;background:#ffffff0d}.login-left-content{position:relative;z-index:1}.brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:48px}.brand-logo-icon{width:48px;height:48px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;border:1px solid rgba(255,255,255,.2)}.brand-logo-text .name{font-size:22px;font-weight:700;color:#fff}.brand-logo-text .sub{font-size:12px;color:#ffffff8c;text-transform:uppercase;letter-spacing:1.2px}.login-hero h2{font-size:36px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:20px;letter-spacing:-.5px}.login-hero p{font-size:15px;color:#ffffffa6;line-height:1.7;max-width:380px}.feature-list{margin-top:40px;display:flex;flex-direction:column;gap:14px}.feature-item{display:flex;align-items:center;gap:12px}.feature-icon{width:36px;height:36px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:15px;color:#ffffffe6;flex-shrink:0}.feature-text{font-size:13px;color:#ffffffbf}.login-left-footer{position:relative;z-index:1;font-size:12px;color:#fff6}.login-right{width:480px;flex-shrink:0;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:48px}@media (max-width: 991.98px){.login-right{width:100%;padding:32px 24px}}@media (max-width: 480px){.login-right{padding:24px 20px}}.login-form-header{margin-bottom:36px}.login-form-header .welcome{font-size:13px;color:#636e72;font-weight:500;margin-bottom:6px}.login-form-header h3{font-size:26px;font-weight:700;color:#1a1d23;letter-spacing:-.4px;margin:0 0 8px}.login-form-header p{font-size:13px;color:#868e96;margin:0}.company-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:14px 16px;margin-bottom:24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}.company-selector:hover{border-color:#2d7dd2}.company-selector .company-info{display:flex;align-items:center;gap:12px}.company-selector .company-icon{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#1a3c5e,#2d7dd2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.company-selector .company-name{font-size:14px;font-weight:600;color:#2d3436}.company-selector .company-sub{font-size:11px;color:#868e96}.form-group{margin-bottom:18px}.form-group label{font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:6px}.form-control-login{display:block;width:100%;padding:11px 14px;border:1.5px solid #e9ecef;border-radius:8px;font-size:14px;font-family:var(--font);background:#f8f9fa;color:#2d3436;transition:all .2s;outline:none}.form-control-login:focus{background:#fff;border-color:#2d7dd2;box-shadow:0 0 0 3px #2d7dd21a}.input-icon-wrapper{position:relative}.input-icon-wrapper .input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#adb5bd;font-size:14px;pointer-events:none}.input-icon-wrapper .form-control-login{padding-left:38px}.input-icon-wrapper .eye-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#adb5bd;cursor:pointer;padding:4px;font-size:14px}.input-icon-wrapper .eye-toggle:hover{color:#636e72}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.remember-me{display:flex;align-items:center;gap:8px;font-size:13px;color:#636e72;cursor:pointer}.remember-me input{cursor:pointer}.forgot-link{font-size:13px;color:#2d7dd2;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-login{width:100%;padding:13px;background:linear-gradient(135deg,#1a3c5e,#2d7dd2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.2px}.btn-login:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #2d7dd24d}.btn-login:active{transform:translateY(0)}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e9ecef}.login-divider span{font-size:12px;color:#adb5bd;white-space:nowrap}.demo-accounts{margin-top:4px}.demo-label{font-size:11px;font-weight:600;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.demo-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:all .2s;text-decoration:none}.demo-btn:hover{border-color:#2d7dd2;background:#fff}.demo-btn .demo-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.demo-btn .demo-info .demo-name{font-size:13px;font-weight:600;color:#2d3436}.demo-btn .demo-info .demo-role{font-size:11px;color:#868e96}.demo-btn .demo-badge{margin-left:auto;background:#f0f2f5;color:#868e96;font-size:10px;padding:2px 8px;border-radius:20px;font-weight:500}.login-footer{margin-top:28px;font-size:12px;color:#adb5bd;text-align:center}.btn-login .spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-alt{margin-top:20px;text-align:center;font-size:13px;color:#636e72}.auth-alt a{color:#2d7dd2;text-decoration:none;font-weight:600}.auth-alt a:hover{text-decoration:underline}.auth-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#636e72;text-decoration:none;margin-bottom:24px}.auth-back:hover{color:#2d7dd2}.platform-note{display:flex;gap:10px;align-items:flex-start;background:#eef5fc;border:1px solid #d4e6f7;border-radius:8px;padding:12px 14px;margin-bottom:22px;font-size:12px;color:#2d6a9f;line-height:1.5}.platform-note i{font-size:15px;margin-top:1px;flex-shrink:0}.workspace-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#f8f9fa;border:1.5px solid #e9ecef;border-radius:10px;padding:14px 16px;margin-bottom:12px;cursor:pointer;transition:all .2s;text-decoration:none}.workspace-card:hover{border-color:#2d7dd2;background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #2d7dd21f}.workspace-card .ws-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1a3c5e,#2d7dd2)}.workspace-card .ws-name{font-size:14px;font-weight:600;color:#2d3436}.workspace-card .ws-sub{font-size:12px;color:#868e96}.workspace-card .ws-chev{margin-left:auto;color:#adb5bd;font-size:14px}.auth-success{text-align:center;padding:8px 0}.auth-success .success-icon{width:64px;height:64px;border-radius:50%;background:#e6f7f1;color:#00b894;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}.auth-success h3{font-size:22px;font-weight:700;color:#1a1d23;margin-bottom:10px}.auth-success p{font-size:13px;color:#868e96;line-height:1.6;margin-bottom:24px}:root,[data-bs-theme=light]{--acc-brand-50: #f0fdfa;--acc-brand-100: #ccfbf1;--acc-brand-200: #99f6e4;--acc-brand-300: #5eead4;--acc-brand-400: #2dd4bf;--acc-brand-500: #0d9488;--acc-brand-600: #0f766e;--acc-brand-700: #115e59;--acc-success: #10b981;--acc-success-soft: #d1fae5;--acc-warning: #f59e0b;--acc-warning-soft: #fef3c7;--acc-danger: #ef4444;--acc-danger-soft: #fee2e2;--acc-info: #0ea5e9;--acc-info-soft: #e0f2fe;--acc-bg: #f8fafc;--acc-surface: #ffffff;--acc-surface-2: #f1f5f9;--acc-surface-hover:#f8fafc;--acc-border: #e2e8f0;--acc-border-strong: #cbd5e1;--acc-text-1: #0f172a;--acc-text-2: #475569;--acc-text-3: #94a3b8;--acc-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--acc-shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--acc-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--acc-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--acc-ring: 0 0 0 4px rgba(13, 148, 136, .18);--acc-sidebar-bg: #0b1020;--acc-sidebar-bg-2: #111634;--acc-sidebar-border: rgba(255,255,255,.06);--acc-sidebar-text: #ccfbf1;--acc-sidebar-text-mute: #8693c2;--acc-sidebar-hover: rgba(255,255,255,.06);--acc-sidebar-active-bg: linear-gradient(135deg, rgba(13,148,136,.22), rgba(13,148,136,.1));--acc-sidebar-active-text: #ffffff;--acc-sidebar-section-label: #6b7299;--acc-topbar-h: 64px;--acc-sidebar-w: 260px;--acc-sidebar-w-collapsed: 76px;--acc-radius-sm: 8px;--acc-radius: 12px;--acc-radius-lg: 16px;--acc-radius-xl: 20px;--bs-primary: var(--acc-brand-600);--bs-primary-rgb: 15, 118, 110;--bs-body-bg: var(--acc-bg);--bs-body-color: var(--acc-text-1);--bs-border-color: var(--acc-border)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{font-family:Sarabun,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.55;background:var(--acc-bg);color:var(--acc-text-1);letter-spacing:.005em}::selection{background:#0d948838;color:inherit}h1,h2,h3,h4,h5,h6{color:var(--acc-text-1);font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}.text-muted{color:var(--acc-text-2)!important}.text-faint{color:var(--acc-text-3)!important}small,.small{font-weight:400}a{color:var(--acc-brand-600);text-decoration:none;transition:color .15s ease}a:hover{color:var(--acc-brand-700);text-decoration:none}hr{color:var(--acc-border);opacity:1;margin:1rem 0}code,kbd,pre,samp{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app-root{min-height:100vh;display:grid;grid-template-columns:var(--acc-sidebar-w) 1fr}.app-sidebar{background:linear-gradient(180deg,var(--acc-sidebar-bg) 0%,var(--acc-sidebar-bg-2) 100%);color:var(--acc-sidebar-text);border-right:1px solid var(--acc-sidebar-border);position:sticky;top:0;height:100vh;overflow-y:auto;z-index:1030;display:flex;flex-direction:column}.app-main{display:flex;flex-direction:column;min-width:0}.app-topbar{height:var(--acc-topbar-h);background:var(--acc-surface);border-bottom:1px solid var(--acc-border);position:sticky;top:0;z-index:1020;display:flex;align-items:center;gap:.75rem;padding:0 1.25rem}.app-content{flex:1;padding:1.5rem 1.75rem 2.5rem}.app-footer{border-top:1px solid var(--acc-border);padding:1rem 1.75rem;font-size:.8125rem;color:var(--acc-text-3);background:var(--acc-surface)}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:1.125rem 1.25rem;border-bottom:1px solid var(--acc-sidebar-border);color:#fff;font-weight:700;letter-spacing:-.01em;font-size:1rem}.sidebar-brand .brand-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--acc-brand-500),var(--acc-brand-700));display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 4px 12px #0d948866}.sidebar-nav{list-style:none;padding:.75rem .5rem;margin:0}.sidebar-section{padding:.75rem .75rem .375rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-sidebar-section-label)}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:8px;color:var(--acc-sidebar-text);font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s ease,color .12s ease;position:relative}.sidebar-link:hover{background:var(--acc-sidebar-hover);color:#fff}.sidebar-link.active{background:var(--acc-sidebar-active-bg);color:var(--acc-sidebar-active-text)}.sidebar-link.active:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--acc-brand-400);border-radius:0 3px 3px 0}.sidebar-link i.bi{font-size:1.05rem;width:1.25rem;display:inline-grid;place-items:center;color:var(--acc-sidebar-text-mute)}.sidebar-link.active i.bi,.sidebar-link:hover i.bi{color:#fff}.sidebar-group>.sidebar-link .chev{margin-left:auto;font-size:.75rem;transition:transform .15s ease;color:var(--acc-sidebar-text-mute)}.sidebar-group.open>.sidebar-link .chev{transform:rotate(90deg)}.sidebar-group .sidebar-sublist{list-style:none;padding:.125rem 0 .25rem 1.875rem;margin:0;display:none}.sidebar-group.open .sidebar-sublist{display:block}.sidebar-sublist .sidebar-link{padding:.375rem .625rem;font-size:.8125rem;font-weight:400;color:var(--acc-sidebar-text-mute)}.sidebar-sublist .sidebar-link:hover{color:#fff}.sidebar-sublist .sidebar-link.active{background:transparent;color:#fff;font-weight:500}.sidebar-sublist .sidebar-link.active:before{left:-1.875rem}.sidebar-foot{margin-top:auto;padding:.75rem 1rem 1rem;border-top:1px solid var(--acc-sidebar-border);font-size:.75rem;color:var(--acc-sidebar-text-mute);display:flex;align-items:center;gap:.625rem}.sidebar-foot .badge{font-size:.625rem}.topbar-toggle{width:36px;height:36px;border:1px solid var(--acc-border);background:var(--acc-surface);border-radius:8px;display:grid;place-items:center;color:var(--acc-text-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.topbar-toggle:hover{background:var(--acc-surface-2);color:var(--acc-text-1)}.topbar-breadcrumb{font-size:.875rem;color:var(--acc-text-2);display:flex;align-items:center;gap:.375rem;flex:1;min-width:0}.topbar-breadcrumb .sep{color:var(--acc-text-3)}.topbar-breadcrumb .current{color:var(--acc-text-1);font-weight:600}.topbar-search{position:relative;width:320px;max-width:28vw}.topbar-search .form-control{height:38px;padding-left:2.25rem;background:var(--acc-surface-2);border-color:transparent;font-size:.875rem;border-radius:10px}.topbar-search .form-control:focus{background:var(--acc-surface);border-color:var(--acc-border-strong);box-shadow:var(--acc-ring)}.topbar-search .bi-search{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--acc-text-3)}.topbar-search kbd{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--acc-surface);border:1px solid var(--acc-border);border-radius:6px;font-size:.6875rem;padding:2px 6px;color:var(--acc-text-3)}.topbar-actions{display:flex;align-items:center;gap:.25rem}.topbar-iconbtn{width:38px;height:38px;border:1px solid transparent;background:transparent;border-radius:10px;display:grid;place-items:center;color:var(--acc-text-2);cursor:pointer;position:relative;transition:background .12s,color .12s,border-color .12s}.topbar-iconbtn:hover{background:var(--acc-surface-2);color:var(--acc-text-1)}.topbar-iconbtn .dot{position:absolute;top:9px;right:10px;width:8px;height:8px;background:var(--acc-danger);border:2px solid var(--acc-surface);border-radius:50%}.topbar-user{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;border:1px solid var(--acc-border);background:var(--acc-surface);border-radius:999px;cursor:pointer;transition:background .12s,border-color .12s}.topbar-user:hover{background:var(--acc-surface-2)}.topbar-user .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--acc-brand-500),var(--acc-brand-700));color:#fff;display:grid;place-items:center;font-weight:600;font-size:.75rem}.topbar-user .uname{font-size:.8125rem;font-weight:600;color:var(--acc-text-1);line-height:1}.topbar-user .urole{font-size:.6875rem;color:var(--acc-text-3);line-height:1;margin-top:2px}[data-theme-icon-dark],[data-bs-theme=dark] [data-theme-icon-light]{display:none}[data-bs-theme=dark] [data-theme-icon-dark]{display:inline}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-head .page-title{font-size:1.5rem;margin:0;font-weight:700;letter-spacing:-.015em}.page-head .page-sub{font-size:.875rem;color:var(--acc-text-2);margin-top:.25rem}.page-head .page-actions{display:flex;gap:.5rem}.card{background:var(--acc-surface);border:1px solid var(--acc-border);border-radius:var(--acc-radius);box-shadow:var(--acc-shadow-sm)}.card-header{background:transparent;border-bottom:1px solid var(--acc-border);padding:1rem 1.25rem;font-weight:600;font-size:.9375rem;letter-spacing:-.005em}.card-body{padding:1.25rem}.card-footer{background:var(--acc-surface-2);border-top:1px solid var(--acc-border);padding:.875rem 1.25rem;font-size:.8125rem;color:var(--acc-text-2)}.kpi{position:relative;background:var(--acc-surface);border:1px solid var(--acc-border);border-radius:var(--acc-radius);padding:1.125rem 1.25rem;box-shadow:var(--acc-shadow-sm);overflow:hidden}.kpi .kpi-label{font-size:.75rem;color:var(--acc-text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi .kpi-value{font-size:1.625rem;font-weight:700;color:var(--acc-text-1);letter-spacing:-.02em;margin-top:.375rem}.kpi .kpi-trend{font-size:.75rem;margin-top:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:2px 8px;border-radius:999px;font-weight:600}.kpi .kpi-trend.up{color:var(--acc-success);background:var(--acc-success-soft)}.kpi .kpi-trend.down{color:var(--acc-danger);background:var(--acc-danger-soft)}.kpi .kpi-icon{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;background:var(--acc-brand-50);color:var(--acc-brand-600)}.kpi.kpi-success .kpi-icon{background:var(--acc-success-soft);color:var(--acc-success)}.kpi.kpi-warning .kpi-icon{background:var(--acc-warning-soft);color:var(--acc-warning)}.kpi.kpi-danger .kpi-icon{background:var(--acc-danger-soft);color:var(--acc-danger)}.kpi.kpi-info .kpi-icon{background:var(--acc-info-soft);color:var(--acc-info)}.table{--bs-table-bg: transparent;font-size:.875rem;color:var(--acc-text-1);margin:0}.table thead th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--acc-text-3);background:var(--acc-surface-2);border-bottom:1px solid var(--acc-border);padding:.625rem .875rem;white-space:nowrap}.table tbody td{padding:.75rem .875rem;border-bottom:1px solid var(--acc-border);vertical-align:middle}.table tbody tr:hover td{background:var(--acc-surface-hover)}.table .text-end,.table .text-end th,.table .text-end td{text-align:right!important}.table-toolbar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--acc-border);flex-wrap:wrap}.table-toolbar .form-control,.table-toolbar .form-select{height:36px;font-size:.8125rem}.table-toolbar .form-control{max-width:260px}.table-toolbar .count{margin-left:auto;font-size:.75rem;color:var(--acc-text-3)}.badge.acc-badge{font-weight:500;font-size:.6875rem;padding:.25rem .5rem;border-radius:999px;letter-spacing:.02em}.acc-badge.b-success{background:var(--acc-success-soft);color:var(--acc-success)}.acc-badge.b-warning{background:var(--acc-warning-soft);color:var(--acc-warning)}.acc-badge.b-danger{background:var(--acc-danger-soft);color:var(--acc-danger)}.acc-badge.b-info{background:var(--acc-info-soft);color:var(--acc-info)}.acc-badge.b-muted{background:var(--acc-surface-2);color:var(--acc-text-2)}.acc-badge.b-brand{background:var(--acc-brand-50);color:var(--acc-brand-700)}.btn{border-radius:8px;font-weight:500;font-size:.875rem;padding:.5rem .875rem;transition:all .12s ease}.btn:focus-visible{box-shadow:var(--acc-ring)}.btn-sm{padding:.375rem .625rem;font-size:.8125rem}.btn-primary{background:var(--acc-brand-600);border-color:var(--acc-brand-600);color:#fff}.btn-primary:hover{background:var(--acc-brand-700);border-color:var(--acc-brand-700)}.btn-outline-secondary{border-color:var(--acc-border);color:var(--acc-text-1);background:var(--acc-surface)}.btn-outline-secondary:hover{background:var(--acc-surface-2);color:var(--acc-text-1);border-color:var(--acc-border-strong)}.btn-ghost{background:transparent;color:var(--acc-text-2);border:1px solid transparent}.btn-ghost:hover{background:var(--acc-surface-2);color:var(--acc-text-1)}.form-control,.form-select{border-radius:8px;border-color:var(--acc-border);font-size:.875rem;padding:.5rem .75rem;background:var(--acc-surface);color:var(--acc-text-1)}.form-control:focus,.form-select:focus{border-color:var(--acc-brand-400);box-shadow:var(--acc-ring)}.form-label{font-size:.8125rem;font-weight:600;color:var(--acc-text-2);margin-bottom:.375rem}.form-text{font-size:.75rem;color:var(--acc-text-3)}.form-floating>label{color:var(--acc-text-3);font-size:.875rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:var(--acc-text-2)}.req:after{content:" *";color:var(--acc-danger)}.dropdown-menu{border-radius:12px;border:1px solid var(--acc-border);box-shadow:var(--acc-shadow-lg);padding:.375rem;font-size:.875rem}.dropdown-item{border-radius:8px;padding:.5rem .625rem;color:var(--acc-text-1);display:flex;align-items:center;gap:.5rem}.dropdown-item:hover{background:var(--acc-surface-2)}.dropdown-item i.bi{color:var(--acc-text-3);width:1rem}.dropdown-divider{border-color:var(--acc-border);margin:.25rem 0}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1100}.toast{background:var(--acc-surface);border:1px solid var(--acc-border);border-radius:10px;box-shadow:var(--acc-shadow-lg);min-width:260px}.toast .toast-body{padding:.75rem 1rem;font-size:.8125rem}.empty{padding:3rem 1rem;text-align:center;color:var(--acc-text-3)}.empty i.bi{font-size:2.25rem;margin-bottom:.5rem;display:block;opacity:.6}.empty .empty-title{color:var(--acc-text-2);font-weight:600;margin-bottom:.25rem}.skel{background:linear-gradient(90deg,var(--acc-surface-2) 25%,var(--acc-surface-hover) 50%,var(--acc-surface-2) 75%);background-size:200% 100%;animation:skel 1.4s ease-in-out infinite;border-radius:6px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--acc-surface-2);color:var(--acc-text-2);border:1px solid var(--acc-border)}.card-surface{background:var(--acc-surface);border:1px solid var(--acc-border);border-radius:var(--acc-radius)}.table-header-light th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--acc-text-3);background:var(--acc-surface-2);border-bottom:1px solid var(--acc-border);padding:.625rem .875rem;white-space:nowrap}.text-brand{color:var(--acc-brand-600)!important}.kpi-label{font-size:.75rem;color:var(--acc-text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi-value{font-size:1.625rem;font-weight:700;color:var(--acc-text-1);letter-spacing:-.02em;margin-top:.25rem}.kpi-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;background:var(--acc-brand-50);color:var(--acc-brand-600);flex-shrink:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--acc-bg)}.auth-aside{background:linear-gradient(135deg,#0c3d39,#0f766e,#0d9488);color:#fff;padding:3rem 3rem 2.5rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-aside:before{content:"";position:absolute;inset:-40% -20% auto auto;width:600px;height:600px;background:radial-gradient(circle,rgba(94,234,212,.35),transparent 60%);filter:blur(40px)}.auth-aside .brand{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:1.05rem;position:relative;z-index:1}.auth-aside .auth-hero{margin-top:auto;position:relative;z-index:1}.auth-aside .auth-hero h1{color:#fff;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.auth-aside .auth-hero p{color:#ffffffc7;font-size:1rem;max-width:32rem}.auth-aside .auth-foot{margin-top:1.5rem;font-size:.8125rem;color:#ffffff8c;position:relative;z-index:1}.auth-main{display:grid;place-items:center;padding:2.5rem 1.5rem}.auth-card{width:100%;max-width:26rem;background:var(--acc-surface);border:1px solid var(--acc-border);border-radius:var(--acc-radius-lg);box-shadow:var(--acc-shadow-lg);padding:2rem 1.75rem}.auth-card h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.auth-card .sub{color:var(--acc-text-2);font-size:.875rem;margin-bottom:1.25rem}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--acc-text-3);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin:1rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--acc-border)}@media (max-width: 991.98px){.app-root{grid-template-columns:1fr}.app-sidebar{position:fixed;top:0;left:0;width:var(--acc-sidebar-w);transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--acc-shadow-lg)}body.sidebar-open .app-sidebar{transform:translate(0)}body.sidebar-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:1020}.topbar-search{display:none}.auth-shell{grid-template-columns:1fr}.auth-aside{padding:2rem 1.5rem;min-height:12rem}.auth-aside .auth-hero h1{font-size:1.5rem}}@media (max-width: 575.98px){.app-content{padding:1rem}.page-head{flex-direction:column;align-items:stretch}.page-head .page-actions{width:100%}}@media print{.app-sidebar,.app-topbar,.app-footer,.no-print{display:none!important}.app-root{grid-template-columns:1fr}body{background:#fff}}.color-swatch{width:28px;height:28px;border-radius:50%;background:var(--sw, #0d9488);border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;outline:none}.color-swatch:hover{transform:scale(1.15);box-shadow:0 0 0 3px #0000001f}.color-swatch.active{border-color:var(--acc-text-1);box-shadow:0 0 0 2px var(--acc-surface),0 0 0 4px var(--sw, #0d9488)}.sidebar-period{display:flex;align-items:center;gap:.5rem;margin:0 .75rem .5rem;padding:.4375rem .625rem;border-radius:8px;background:#ffffff0a;border:1px solid var(--acc-sidebar-border);font-size:.75rem;color:var(--acc-sidebar-text-mute)}.sidebar-period strong{color:var(--acc-sidebar-text)}.sidebar-badge{margin-left:auto;background:var(--acc-danger);color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.sidebar-collapse-btn{background:transparent;border:none;color:var(--acc-sidebar-text-mute);width:28px;height:28px;border-radius:6px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.sidebar-collapse-btn:hover{background:#ffffff14;color:var(--acc-sidebar-text)}.topbar-period{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:999px;background:var(--acc-brand-50);border:1px solid var(--acc-brand-100);color:var(--acc-brand-700);font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.notif-count{position:absolute;top:6px;right:6px;min-width:16px;height:16px;background:var(--acc-danger);color:#fff;border:2px solid var(--acc-surface);border-radius:999px;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 3px;pointer-events:none}.notif-item{display:flex!important;align-items:flex-start;gap:.625rem;padding:.625rem .875rem!important}.notif-icon{width:34px;height:34px;border-radius:9px;background:var(--acc-surface-2);display:grid;place-items:center;font-size:.9rem;flex-shrink:0}.footer-period{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--acc-text-3)}.footer-period strong{color:var(--acc-text-2)}body.sidebar-collapsed .app-root{grid-template-columns:var(--acc-sidebar-w-collapsed) 1fr}body.sidebar-collapsed .app-sidebar{overflow:hidden}body.sidebar-collapsed .brand-name,body.sidebar-collapsed .sidebar-collapse-btn{display:none!important}body.sidebar-collapsed .sidebar-brand{justify-content:center;padding:1.125rem .5rem}body.sidebar-collapsed .sidebar-period{display:none!important}body.sidebar-collapsed .sidebar-section{padding:.5rem 0;font-size:0;text-align:center}body.sidebar-collapsed .sidebar-section:after{content:"•";font-size:.5rem;color:var(--acc-sidebar-section-label);display:block}body.sidebar-collapsed .sidebar-link{justify-content:center;padding:.5rem;gap:0}body.sidebar-collapsed .sidebar-link span,body.sidebar-collapsed .sidebar-link .chev{display:none!important}body.sidebar-collapsed .sidebar-link i.bi{width:auto;font-size:1.15rem}body.sidebar-collapsed .sidebar-badge{position:absolute;top:4px;right:4px;min-width:12px;height:12px;padding:0 2px;font-size:.5rem}body.sidebar-collapsed .sidebar-sublist{display:none!important}body.sidebar-collapsed .sidebar-foot>span,body.sidebar-collapsed .sidebar-foot>.badge{display:none!important}body.sidebar-collapsed .sidebar-foot{justify-content:center}html,body,button,input,select,textarea,table,th,td,.btn{font-family:Sarabun,sans-serif!important}:root{--bs-body-font-family: "Sarabun", sans-serif}.card>.table-responsive{overflow:visible}@media (max-width: 767.98px){.card>.table-responsive{overflow-x:auto}}[data-bs-theme=dark]{--acc-brand-50: #042f2e;--acc-brand-100: #134e4a;--acc-brand-200: #115e59;--acc-brand-300: #0f766e;--acc-brand-400: #0d9488;--acc-brand-500: #14b8a6;--acc-brand-600: #2dd4bf;--acc-brand-700: #99f6e4;--acc-success: #34d399;--acc-success-soft: rgba(52, 211, 153, .14);--acc-warning: #fbbf24;--acc-warning-soft: rgba(251, 191, 36, .14);--acc-danger: #f87171;--acc-danger-soft: rgba(248, 113, 113, .14);--acc-info: #38bdf8;--acc-info-soft: rgba(56, 189, 248, .14);--acc-bg: #0b1120;--acc-surface: #131c2f;--acc-surface-2: #1a233a;--acc-surface-hover:#1e2944;--acc-border: #1f2a44;--acc-border-strong: #2b3a5c;--acc-text-1: #e5e9f4;--acc-text-2: #a8b3d1;--acc-text-3: #6e7aa3;--acc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--acc-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--acc-shadow-md: 0 4px 8px rgba(0, 0, 0, .45);--acc-shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4);--acc-ring: 0 0 0 4px rgba(20, 184, 166, .25);--acc-sidebar-bg: #070b1a;--acc-sidebar-bg-2: #0d1330;--acc-sidebar-border: rgba(255,255,255,.04);--acc-sidebar-text: #99f6e4;--acc-sidebar-text-mute: #7783b1;--acc-sidebar-hover: rgba(255,255,255,.05);--acc-sidebar-active-bg: linear-gradient(135deg, rgba(13,148,136,.25), rgba(13,148,136,.1));--acc-sidebar-active-text: #ffffff;--acc-sidebar-section-label: #5b6492;--bs-primary: var(--acc-brand-500);--bs-primary-rgb: 20, 184, 166;--bs-body-bg: var(--acc-bg);--bs-body-color: var(--acc-text-1);--bs-border-color: var(--acc-border)}[data-bs-theme=dark] body{color-scheme:dark}[data-bs-theme=dark] .topbar-toggle,[data-bs-theme=dark] .topbar-user{background:var(--acc-surface);border-color:var(--acc-border)}[data-bs-theme=dark] .topbar-toggle:hover,[data-bs-theme=dark] .topbar-user:hover,[data-bs-theme=dark] .topbar-search .form-control{background:var(--acc-surface-2)}[data-bs-theme=dark] .topbar-search .form-control:focus{background:var(--acc-surface)}[data-bs-theme=dark] .topbar-search kbd{background:var(--acc-surface);border-color:var(--acc-border);color:var(--acc-text-3)}[data-bs-theme=dark] ::selection{background:#14b8a659;color:#fff}[data-bs-theme=dark] .kpi .kpi-icon{background:#0d948824;color:var(--acc-brand-500)}[data-bs-theme=dark] .table thead th{background:var(--acc-surface-2);color:var(--acc-text-3)}[data-bs-theme=dark] .auth-aside{background:linear-gradient(135deg,#021b1a,#052e2b,#0f766e)}[data-bs-theme=dark] .toast,[data-bs-theme=dark] .dropdown-menu{background:var(--acc-surface);border-color:var(--acc-border);color:var(--acc-text-1)}[data-bs-theme=dark] .btn-primary{background:var(--acc-brand-400);border-color:var(--acc-brand-400);color:#042f2e}[data-bs-theme=dark] .btn-primary:hover{background:var(--acc-brand-500);border-color:var(--acc-brand-500);color:#042f2e}[data-bs-theme=dark] .btn-outline-secondary{background:var(--acc-surface);border-color:var(--acc-border-strong);color:var(--acc-text-1)}[data-bs-theme=dark] .pill{background:var(--acc-surface-2);color:var(--acc-text-2);border-color:var(--acc-border)}@media (max-width: 991.98px){[data-bs-theme=dark] body.sidebar-open:after{background:#000000a6}}[data-bs-theme=dark] .topbar-period{background:#0d94881f;border-color:#0d948838;color:var(--acc-brand-500)}[data-bs-theme=dark] .notif-count{border-color:var(--acc-surface)}[data-bs-theme=dark] .notif-icon{background:var(--acc-surface-2)}[data-bs-theme=dark] .card-surface{background:var(--acc-surface);border-color:var(--acc-border)}[data-bs-theme=dark] .table-header-light th{background:var(--acc-surface-2);color:var(--acc-text-3);border-bottom-color:var(--acc-border)}[data-bs-theme=dark] .text-brand{color:var(--acc-brand-500)!important}[data-bs-theme=dark] .kpi-icon{background:#0d948824;color:var(--acc-brand-500)}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background:var(--acc-surface-2);border-color:var(--acc-border);color:var(--acc-text-1)}[data-bs-theme=dark] .form-control:focus,[data-bs-theme=dark] .form-select:focus{background:var(--acc-surface);border-color:var(--acc-brand-400);box-shadow:var(--acc-ring)}[data-bs-theme=dark] .form-control::placeholder{color:var(--acc-text-3)}[data-bs-theme=dark] .btn-ghost:hover{background:var(--acc-surface-2);color:var(--acc-text-1)}[data-bs-theme=dark] .table tbody tr:hover td{background:var(--acc-surface-hover)}