@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap);.auth-login-container *{font-family:IBM Plex Sans Thai,sans-serif;letter-spacing:.01em}.auth-login-form-container h2{font-size:1.6rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.8rem}.auth-login-form-group{margin-bottom:1.6rem;position:relative;text-align:left}.auth-login-form-group label{color:#4a5568;display:block;font-size:.92rem;font-weight:500;margin-bottom:.5rem;text-align:left}.auth-login-logo-container h3{color:#2d3748;font-weight:600;letter-spacing:.02em;margin-bottom:10px}.auth-login-logo-container p{font-weight:400;line-height:1.6}.auth-login-button{letter-spacing:.03em}.auth-login-support-text{border-top:1px solid #edf2f7;color:#718096;font-size:.85rem;font-weight:400;letter-spacing:.01em;margin-top:1.5rem;padding-top:1rem;text-align:center}.auth-login-checkbox-container{font-weight:400}.auth-login-error-message{animation:none!important;background-color:#fff5f5;border-left:4px solid #c53030;border-radius:5px;color:#c53030;font-size:.9rem;margin-bottom:1.5rem;opacity:1!important;padding:.75rem;text-align:center;transition:none!important;visibility:visible!important}.auth-login-container{align-items:center;background-color:#f5f7fad9;background-image:url(/static/media/background.f1396ca67a1b6ab21468.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.auth-login-container:before{background-color:#f5f7fab3;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.auth-login-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;max-width:900px;overflow:hidden;position:relative;width:90%;z-index:2}.auth-login-logo-container{align-items:center;background-color:#f8fafc;border-right:1px solid #eaedf2;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:340px;min-width:280px;padding:32px}.auth-login-logo-container img{height:auto;margin-bottom:18px;max-width:75%}.auth-login-logo-container h3{color:#2c5282;font-size:1.3rem;margin-bottom:8px;text-align:center}.auth-login-logo-container p{color:#4a5568;font-size:.95rem;line-height:1.5;margin:0;max-width:300px;text-align:center}.auth-login-form-container{border:none;border-radius:0;box-shadow:none;flex:1.1 1;max-width:480px;min-width:340px;padding:3.2rem;position:relative}.auth-login-form-container h2{color:#2c3e50;font-size:1.8rem;letter-spacing:.3px;margin-bottom:2.2rem;text-align:center}.auth-login-form{display:flex;flex-direction:column}.auth-login-button,.auth-login-form-group input,.auth-login-password-input-container input,.auth-login-toggle-password{transition:none}.auth-login-form-group input{background-color:#f9fafc;border:1px solid #e2e8f0;border-radius:5px;box-sizing:border-box;font-size:1.05rem;outline:none;padding:1rem;width:100%}.auth-login-form-group input:focus{background-color:#fff;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26}.auth-login-button{background-color:#2c5282;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:500;letter-spacing:.3px;margin-top:1rem;padding:1.1rem 1rem;width:100%}.auth-login-button:hover{background-color:#2b4c7e;box-shadow:0 2px 10px #2c528233}.auth-login-button:active{transform:translateY(1px)}.auth-login-button:disabled{background-color:#a0aec0;cursor:not-allowed}.auth-login-form-container:after{background:linear-gradient(90deg,#2c5282,#3182ce);border-top-left-radius:8px;border-top-right-radius:8px;content:"";height:5px;left:0;position:absolute;top:0;width:100%}@media (max-width:900px){.auth-login-content{flex-direction:column;width:95%}.auth-login-logo-container{border-bottom:1px solid #eaedf2;border-right:none;flex:0 0 auto;max-width:none;min-width:0;min-width:auto;padding:18px}.auth-login-logo-container img{margin-bottom:10px;max-width:120px}.auth-login-form-container{max-width:none;min-width:0;min-width:auto}}@media (max-width:480px){.auth-login-form-container{padding:1.2rem}.auth-login-logo-container{padding:10px}.auth-login-logo-container img{margin-bottom:8px;max-width:90px}}.auth-login-password-input-container{display:flex;position:relative;width:100%}.auth-login-password-input-container input{background-color:#f9fafc;border:1px solid #e2e8f0;border-radius:5px;box-sizing:border-box;flex-grow:1;font-size:1.05rem;outline:none;padding:1rem 60px 1rem 1rem;width:100%}.auth-login-password-input-container input:focus{background-color:#fff;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26}.auth-login-toggle-password{background:none;border:none;border-radius:4px;color:#4a5568;cursor:pointer;font-size:.85rem;padding:.5rem .8rem;position:absolute;right:2px;top:50%;transform:translateY(-50%)}.auth-login-toggle-password:hover{background-color:#edf2f7;color:#2c5282}.auth-login-remember-me{align-items:center;display:flex;margin-bottom:1rem}.auth-login-checkbox-container{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;padding-left:28px;position:relative;-webkit-user-select:none;user-select:none}.auth-login-checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.auth-login-checkmark{background-color:#f9fafc;border:1px solid #e2e8f0;border-radius:3px;height:18px;left:0;position:absolute;top:0;width:18px}.auth-login-checkbox-container:hover input~.auth-login-checkmark{background-color:#edf2f7}.auth-login-checkbox-container input:checked~.auth-login-checkmark{background-color:#2c5282;border-color:#2c5282}.auth-login-checkmark:after{content:"";display:none;position:absolute}.auth-login-checkbox-container input:checked~.auth-login-checkmark:after{display:block}.auth-login-checkbox-container .auth-login-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}.nacha-sidebar{background-color:#fff;box-shadow:2px 0 8px #0000001a;color:#333;display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;width:250px;z-index:1000}.nacha-sidebar.closed{box-shadow:none;transform:translateX(-250px)}.nacha-sidebar.collapsed{overflow-x:hidden;width:60px}.nacha-sidebar-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px;position:relative}.nacha-sidebar.collapsed .nacha-sidebar-header{justify-content:center;padding:20px 0}.nacha-logo-container{align-items:center;display:flex}.nacha-sidebar.collapsed .nacha-logo-container{justify-content:center}.nacha-logo-icon{color:#1a365d}.nacha-logo-container h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.nacha-collapse-button{align-items:center;background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;justify-content:center;padding:5px;transition:background-color .2s}.nacha-collapse-button:hover{background-color:#2c4a7c}.nacha-sidebar.collapsed .nacha-collapse-button{font-size:14px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.nacha-sidebar-divider{background-color:#e9ecef;height:1px;margin:0}.nacha-sidebar-menu{flex:1 1;overflow-y:auto;padding:10px 0}.nacha-sidebar.collapsed .nacha-sidebar-menu{overflow-x:hidden;padding:10px 0}.nacha-menu-item{align-items:center;border-radius:5px;color:#6c757d;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;gap:12px;margin:2px 8px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s}.nacha-menu-item.collapsed{justify-content:center;margin:8px 10px;padding:12px 0}.nacha-menu-item:hover{background-color:#1a365d1a;color:#1a365d}.nacha-menu-item.active{background-color:#1a365d;color:#fff}.nacha-menu-with-submenu .nacha-menu-item{justify-content:space-between}.nacha-menu-with-submenu .nacha-menu-item.collapsed{justify-content:center}.nacha-menu-with-submenu .nacha-menu-item.expanded{background-color:#1a365d;color:#fff}.nacha-menu-icon{align-items:center;color:#1a365d;display:flex;transition:all .2s}.nacha-sidebar>.nacha-sidebar-menu>.nacha-menu-item.active .nacha-menu-icon,.nacha-sidebar>.nacha-sidebar-menu>.nacha-menu-item:hover .nacha-menu-icon,.nacha-sidebar>.nacha-sidebar-menu>.nacha-menu-with-submenu>.nacha-menu-item.expanded .nacha-menu-icon{color:#fff!important}.nacha-menu-label{flex:1 1;font-size:.9rem;font-weight:500}.nacha-submenu-toggle{align-items:center;color:inherit;display:flex;margin-left:8px}.nacha-submenu{background-color:#f8f9fa;border-radius:5px;margin:0 8px;overflow:hidden;transition:max-height .3s ease}.nacha-submenu.collapsed{background-color:#f1f3f5;margin:5px 0}.nacha-submenu-item{align-items:center;border-radius:4px;color:#6c757d;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:.85rem;gap:10px;margin:2px 4px;padding:10px 15px 10px 35px;position:relative;text-decoration:none;transition:all .2s}.nacha-submenu-item.collapsed{justify-content:center;padding:10px 0}.nacha-submenu-item:hover{background-color:#1a365d1a;color:#1a365d}.nacha-submenu-item.active{background-color:#1a365d!important;color:#fff!important}.nacha-submenu-item .nacha-menu-icon{align-items:center;color:#1a365d!important;display:flex}.nacha-submenu-item:hover .nacha-menu-icon{color:#1a365d!important}.nacha-submenu-item.active .nacha-menu-icon,.nacha-submenu-item.active:hover .nacha-menu-icon{color:#fff!important}.nacha-sidebar-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:20px}.nacha-sidebar-footer.collapsed{display:flex;justify-content:center;padding:15px 0}.nacha-sidebar-user{border-bottom:1px solid #e9ecef;margin-bottom:15px;padding-bottom:15px}.nacha-user-name{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:4px;text-align:center}.nacha-user-role{color:#6c757d;display:block;font-size:.8rem;text-align:center}.nacha-sidebar .nacha-sidebar-footer .nacha-logout-button{align-items:center!important;background-color:#1a365d!important;border:2px solid #2c5282!important;border-radius:5px!important;box-shadow:0 2px 4px #0003!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:IBM Plex Sans Thai,sans-serif!important;font-size:.9rem!important;font-weight:700!important;gap:8px!important;justify-content:center!important;margin-bottom:15px!important;padding:10px!important;transition:all .2s!important;width:100%!important}.nacha-sidebar .nacha-sidebar-footer .nacha-logout-button.collapsed{height:38px!important;margin-bottom:0!important;padding:0!important;width:38px!important}.nacha-sidebar .nacha-sidebar-footer .nacha-logout-button:hover{background-color:#2c5282!important;border-color:#1a365d!important;box-shadow:0 4px 6px #0003!important;transform:translateY(-1px)!important}.nacha-sidebar .nacha-sidebar-footer .nacha-logout-button:disabled{cursor:not-allowed!important;opacity:.7!important}.nacha-sidebar .nacha-sidebar-footer .nacha-logout-button svg{color:#fff!important;transition:all .2s!important}.nacha-sidebar .nacha-sidebar-footer .nacha-logout-button:hover svg{color:#fff!important;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))!important}.nacha-sidebar-company{align-items:center;color:#6c757d;display:flex;font-size:.8rem;justify-content:space-between}.nacha-company-name{font-weight:500}.nacha-version{color:#adb5bd}@media (max-width:768px){.nacha-sidebar{background-color:#1e1e2d;max-width:280px;transition:width .3s ease;width:100%}.nacha-sidebar.collapsed{max-width:60px;width:60px}.nacha-sidebar.closed{transform:translateX(-100%)}.nacha-menu-item{padding:14px 16px}.nacha-menu-label{font-size:.9rem}.nacha-sidebar-container.collapsed.open~.nacha-main-content .hamburger-menu{left:65px}}.nacha-footer{background-color:#1a365d;bottom:0;box-shadow:0 -2px 10px #0000001a;color:#fff;font-family:IBM Plex Sans Thai,sans-serif;left:0;padding:15px 0;position:fixed;width:100%;z-index:100}.nacha-footer-content{align-items:center;display:flex;justify-content:flex-end;margin:0 auto;max-width:1600px;padding:0 30px;width:100%}.nacha-footer-left{flex:1 1}.nacha-footer-copyright{padding-right:20px;text-align:right}.nacha-footer-copyright p{font-size:.9rem;font-weight:500;margin:0}.nacha-footer-links a{color:#fff;font-size:.85rem;margin-left:15px;opacity:.8;text-decoration:none;transition:opacity .2s}.nacha-footer-links a:hover{opacity:1;text-decoration:underline}@media (max-width:768px){.nacha-footer{padding:12px 0}.nacha-footer-content{flex-direction:column;gap:8px}.nacha-footer-links{margin-top:8px}.nacha-footer-links a{font-size:.8rem;margin-left:10px}}.nacha-layout{background-color:#f5f8fa;display:flex;font-family:var(--font-family);min-height:100vh;position:relative}.nacha-main-content{flex:1 1;margin-left:250px;padding:20px 20px 80px;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 250px)}.nacha-sidebar-container:not(.open)~.nacha-main-content{margin-left:0;width:100%}.nacha-sidebar-container{height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;z-index:1000}.nacha-sidebar-container.open~.nacha-main-content .hamburger-menu{display:none}.nacha-sidebar-container .sidebar{height:100%;transform:none!important}.nacha-sidebar-container:not(.open) .sidebar{overflow:hidden;width:0}.hamburger-icon,.hamburger-menu{display:none}@media (max-width:768px){.hamburger-menu{display:flex;left:15px;opacity:.9;top:15px;transform:none;visibility:visible}.nacha-main-content{margin-left:0;padding:65px 15px 80px;width:100%}.nacha-sidebar-container{transform:translateX(-100%);transition:transform .3s ease}.nacha-sidebar-container.open{transform:translateX(0)}.nacha-sidebar-container.open~.nacha-main-content .hamburger-menu{left:265px;top:15px;transform:none}}.nacha-sidebar-container.collapsed{overflow:hidden;width:60px}.nacha-sidebar-container.collapsed~.nacha-main-content{margin-left:60px;width:calc(100% - 60px)}.nacha-sidebar-container.collapsed.open~.nacha-main-content .hamburger-menu{background-color:#2c5282;left:75px;top:15px;transform:none}@media (max-width:768px){.nacha-sidebar-container.collapsed.open~.nacha-main-content .hamburger-menu{left:65px;top:15px;transform:none}}.dashboard-container{font-family:IBM Plex Sans Thai,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.dashboard-header p{color:#6c757d;font-size:1.1rem}.dashboard-category{margin-bottom:3rem}.category-title{border-bottom:2px solid #e9ecef;color:#1a365d;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1rem}.dashboard-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:5px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.dashboard-card:hover{background-color:#1a365d1a;border-color:#1a365d;box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.card-icon{align-items:center;background:#f8f9fa;border-radius:50%;color:#1a365d;display:flex;height:60px;justify-content:center;min-width:60px;transition:all .2s}.dashboard-card:hover .card-icon{background-color:#1a365d;color:#fff}.card-content{flex:1 1}.card-content h3{color:#333;font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.card-content p{color:#6c757d;font-size:.9rem;margin:0}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{padding:1rem}.category-title{font-size:1.25rem}.dashboard-header h1{font-size:2rem}}.user-add-form{display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;gap:24px}.user-add-form .form-group{display:flex;flex-direction:column;gap:8px}.user-add-form .form-group.full-width{grid-column:1/-1}.user-add-form .form-group label{color:#1a365d;font-size:14px;font-weight:500}.user-add-form .form-group input,.user-add-form .form-group select{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s}.user-add-form .form-group input:focus,.user-add-form .form-group select:focus{border-color:#1a365d;outline:none}.user-add-form .form-group input:hover,.user-add-form .form-group select:hover{border-color:#2c5282}.user-add-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a365d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.user-add-form .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.user-add-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.user-add-form .btn-cancel,.user-add-form .btn-submit{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.user-add-form .btn-submit{background-color:#1a365d;border:none;color:#fff}.user-add-form .btn-submit:hover{background-color:#2c5282}.user-add-form .btn-submit:disabled{cursor:not-allowed;opacity:.7}.user-add-form .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.user-add-form .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.user-edit-form{display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;gap:24px}.user-edit-form .form-group{display:flex;flex-direction:column;gap:8px}.user-edit-form .form-group.full-width{grid-column:1/-1}.user-edit-form .form-group label{color:#1a365d;font-size:14px;font-weight:500}.user-edit-form .form-group input,.user-edit-form .form-group select{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s}.user-edit-form .form-group input:focus,.user-edit-form .form-group select:focus{border-color:#1a365d;outline:none}.user-edit-form .form-group input:hover,.user-edit-form .form-group select:hover{border-color:#2c5282}.user-edit-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a365d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.user-edit-form .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.user-edit-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.user-edit-form .btn-cancel,.user-edit-form .btn-submit{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.user-edit-form .btn-submit{background-color:#1a365d;border:none;color:#fff}.user-edit-form .btn-submit:hover{background-color:#2c5282}.user-edit-form .btn-submit:disabled{cursor:not-allowed;opacity:.7}.user-edit-form .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.user-edit-form .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.user-delete-confirm{color:#333;font-family:IBM Plex Sans Thai,sans-serif;margin:0 auto;max-width:500px;padding:32px 24px;text-align:center}.user-delete-confirm .error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;margin-bottom:24px;padding:12px 16px}.user-delete-confirm .delete-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.user-delete-confirm .delete-message p{color:#2d3748;font-size:15px;line-height:1.6;margin:0 0 16px}.user-delete-confirm .delete-message p:last-child{margin-bottom:0}.user-delete-confirm .delete-message strong{color:#1a365d;font-weight:600}.user-delete-confirm .delete-message .warning{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;margin-top:16px;padding:12px 16px}.user-delete-confirm .delete-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.user-delete-confirm .btn-cancel,.user-delete-confirm .btn-delete-confirm{border-radius:6px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.user-delete-confirm .btn-delete-confirm{background-color:#e53e3e;border:none;color:#fff}.user-delete-confirm .btn-delete-confirm:hover{background-color:#c53030;box-shadow:0 2px 4px #e53e3e33;transform:translateY(-1px)}.user-delete-confirm .btn-delete-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.user-delete-confirm .btn-cancel{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.user-delete-confirm .btn-cancel:hover{background-color:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d;color:#2d3748;transform:translateY(-1px)}.user-delete-confirm .btn-cancel:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.user-details{color:#333;font-family:IBM Plex Sans Thai,sans-serif}.user-details .detail-row{border-bottom:1px solid #e9ecef;display:flex;padding:16px 0}.user-details .detail-row:last-child{border-bottom:none}.user-details .detail-label{color:#1a365d;flex:0 0 160px;font-size:14px;font-weight:500}.user-details .detail-value{flex:1 1;font-size:14px}.user-details .detail-value.status span{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.user-details .detail-value.status span.active{background-color:#c6f6d5;color:#22543d}.user-details .detail-value.status span.inactive{background-color:#fed7d7;color:#822727}.user-details .detail-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.user-details .detail-actions button{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.user-details .btn-edit{background-color:#1a365d;border:none;color:#fff}.user-details .btn-edit:hover{background-color:#2c5282}.user-details .btn-delete{background-color:#fff;border:1px solid #e53e3e;color:#e53e3e}.user-details .btn-delete:hover{background-color:#e53e3e;color:#fff}.user-details .btn-delete:disabled{background-color:#fff;border-color:#718096;color:#718096;cursor:not-allowed;opacity:.7}.user-details .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.user-details .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.user-management-page{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.user-management-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.user-management-page-header h1{color:#1a365d;font-size:24px;font-weight:600;margin:0}.user-management-page-add-user-btn{align-items:center;background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;gap:8px;padding:12px 24px}.user-management-page-add-user-btn:hover{background-color:#2c5282}.user-management-page-add-user-btn:disabled{cursor:not-allowed;opacity:.7}.user-management-page-search-section{margin-bottom:32px}.user-management-page-search-filters{align-items:center;display:flex;gap:16px}.user-management-page-search-filters input{border:1px solid #e9ecef;border-radius:4px;flex:1 1;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;max-width:320px;padding:12px 16px}.user-management-page-search-filters input:focus{border-color:#1a365d;outline:none}.user-management-page-search-filters button{background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:12px 24px}.user-management-page-search-filters button:hover{background-color:#2c5282}.user-management-page-search-filters select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.user-management-page-search-filters select:focus{border-color:#1a365d;box-shadow:0 0 0 2px #1a365d14}.user-management-page-search-filters select:hover{background:#f8f9fa;border-color:#2c5282}.user-management-page-table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:32px}.user-management-page-table{border-collapse:collapse;width:100%}.user-management-page-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600;padding:16px;text-align:center}.user-management-page-table td{border-bottom:1px solid #e9ecef;color:#333;padding:16px;text-align:center}.user-management-page-table tr:hover{background-color:#f8f9fa}.user-management-page-role-badge{background:none;border:none;border-radius:0;color:#1a365d;display:inline-block;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:0}.user-management-page-role-badge.account,.user-management-page-role-badge.admin,.user-management-page-role-badge.manager,.user-management-page-role-badge.parts,.user-management-page-role-badge.sales,.user-management-page-role-badge.supervisor{background:none;border:none;color:#1a365d}.user-management-page-status-badge{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.user-management-page-status-badge.active{background-color:#c6f6d5;color:#22543d}.user-management-page-status-badge.inactive{background-color:#fed7d7;color:#822727}.user-management-page-dropdown-action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:22px;height:36px;justify-content:center;margin:0 auto;vertical-align:middle;width:36px}.user-management-page-dropdown-action-btn:hover{background:#f1f5fa;border-color:#2c5282}.user-management-page-dropdown-action-menu{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.user-management-page-dropdown-action-menu button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;gap:8px;padding:12px 16px;text-align:left;width:100%}.user-management-page-dropdown-action-menu button:hover{background-color:#f8f9fa}.user-management-page-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px}.user-management-page-pagination button{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;padding:8px 16px}.user-management-page-pagination button:hover{background-color:#f8f9fa;border-color:#1a365d}.user-management-page-pagination button.active{background-color:#1a365d;border-color:#1a365d;color:#fff}.user-management-page-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-management-page-modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.user-management-page-modal-content h2{color:#1a365d;font-size:20px;margin-bottom:24px}.user-management-page-error-message{background-color:#fed7d7;border-radius:4px;color:#822727;margin-bottom:16px;padding:12px 16px}.user-management-page-success-message{background-color:#c6f6d5;border-radius:4px;color:#22543d;margin-bottom:16px;padding:12px 16px}.user-management-page-loading{align-items:center;color:#1a365d;display:flex;font-size:16px;justify-content:center;min-height:200px}@media (max-width:768px){.user-management-page{padding:16px}.user-management-page-header{align-items:flex-start;flex-direction:column;gap:16px}.user-management-page-search-filters{flex-direction:column;width:100%}.user-management-page-search-filters input{max-width:none}.user-management-page-table-container{overflow-x:auto}.user-management-page-table{min-width:800px}.user-management-page-modal-content{margin:16px;max-height:calc(100vh - 32px)}}.employee-add-form{display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;gap:24px}.employee-add-form .form-group{display:flex;flex-direction:column;gap:8px}.employee-add-form .form-group.full-width{grid-column:1/-1}.employee-add-form .form-group label{color:#1a365d;font-size:14px;font-weight:500}.employee-add-form .form-group input,.employee-add-form .form-group select{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s}.employee-add-form .form-group input:focus,.employee-add-form .form-group select:focus{border-color:#1a365d;outline:none}.employee-add-form .form-group input:hover,.employee-add-form .form-group select:hover{border-color:#2c5282}.employee-add-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a365d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.employee-add-form .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.employee-add-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.employee-add-form .btn-cancel,.employee-add-form .btn-submit{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.employee-add-form .btn-submit{background-color:#1a365d;border:none;color:#fff}.employee-add-form .btn-submit:hover{background-color:#2c5282}.employee-add-form .btn-submit:disabled{cursor:not-allowed;opacity:.7}.employee-add-form .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.employee-add-form .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.employee-edit-form{grid-gap:16px;display:grid;font-family:IBM Plex Sans Thai,sans-serif;gap:16px;grid-template-columns:repeat(2,1fr);max-height:80vh;padding:16px}.employee-edit-form .form-group{display:flex;flex-direction:column;gap:8px}.employee-edit-form .form-group.full-width{grid-column:1/-1}.employee-edit-form .form-group label{color:#1a365d;font-size:14px;font-weight:500}.employee-edit-form .form-group input,.employee-edit-form .form-group select{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s}.employee-edit-form .form-group input:focus,.employee-edit-form .form-group select:focus{border-color:#1a365d;outline:none}.employee-edit-form .form-group input:hover,.employee-edit-form .form-group select:hover{border-color:#2c5282}.employee-edit-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a365d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.employee-edit-form .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.employee-edit-form .form-actions{display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end;margin-top:16px}.employee-edit-form .btn-cancel,.employee-edit-form .btn-submit{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.employee-edit-form .btn-submit{background-color:#1a365d;border:none;color:#fff}.employee-edit-form .btn-submit:hover{background-color:#2c5282}.employee-edit-form .btn-submit:disabled{cursor:not-allowed;opacity:.7}.employee-edit-form .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.employee-edit-form .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.employee-delete-confirm{color:#333;font-family:IBM Plex Sans Thai,sans-serif;margin:0 auto;max-width:500px;padding:32px 24px;text-align:center}.employee-delete-confirm .error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;margin-bottom:24px;padding:12px 16px}.employee-delete-confirm .delete-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.employee-delete-confirm .delete-message p{color:#2d3748;font-size:15px;line-height:1.6;margin:0 0 16px}.employee-delete-confirm .delete-message p:last-child{margin-bottom:0}.employee-delete-confirm .delete-message strong{color:#1a365d;font-weight:600}.employee-delete-confirm .delete-message .warning{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;margin-top:16px;padding:12px 16px}.employee-delete-confirm .delete-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.employee-delete-confirm .btn-cancel,.employee-delete-confirm .btn-delete-confirm{border-radius:6px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.employee-delete-confirm .btn-delete-confirm{background-color:#e53e3e;border:none;color:#fff}.employee-delete-confirm .btn-delete-confirm:hover{background-color:#c53030;box-shadow:0 2px 4px #e53e3e33;transform:translateY(-1px)}.employee-delete-confirm .btn-delete-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.employee-delete-confirm .btn-cancel{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.employee-delete-confirm .btn-cancel:hover{background-color:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d;color:#2d3748;transform:translateY(-1px)}.employee-delete-confirm .btn-cancel:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.employee-details{color:#333;font-family:IBM Plex Sans Thai,sans-serif}.employee-details .detail-row{border-bottom:1px solid #e9ecef;display:flex;padding:16px 0}.employee-details .detail-row:last-child{border-bottom:none}.employee-details .detail-label{color:#1a365d;flex:0 0 160px;font-size:14px;font-weight:500}.employee-details .detail-value{flex:1 1;font-size:14px}.employee-details .detail-value.status span{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.employee-details .detail-value.status span.active{background-color:#c6f6d5;color:#22543d}.employee-details .detail-value.status span.leave{background-color:#fefcbf;color:#744210}.employee-details .detail-value.status span.resigned{background-color:#fed7d7;color:#822727}.employee-details .detail-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.employee-details .detail-actions button{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.employee-details .btn-edit{background-color:#1a365d;border:none;color:#fff}.employee-details .btn-edit:hover{background-color:#2c5282}.employee-details .btn-delete{background-color:#fff;border:1px solid #e53e3e;color:#e53e3e}.employee-details .btn-delete:hover{background-color:#e53e3e;color:#fff}.employee-details .btn-delete:disabled{background-color:#fff;border-color:#718096;color:#718096;cursor:not-allowed;opacity:.7}.employee-details .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.employee-details .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.employee-management-page{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.employee-management-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.employee-management-page-header h1{color:#1a365d;font-size:24px;font-weight:600;margin:0}.employee-management-page-add-employee-btn{align-items:center;background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;gap:8px;padding:12px 24px}.employee-management-page-add-employee-btn:hover{background-color:#2c5282}.employee-management-page-add-employee-btn:disabled{cursor:not-allowed;opacity:.7}.employee-management-page-search-section{margin-bottom:32px}.employee-management-page-search-filters{align-items:center;display:flex;gap:16px}.employee-management-page-search-filters input{border:1px solid #e9ecef;border-radius:4px;flex:1 1;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;max-width:320px;padding:12px 16px}.employee-management-page-search-filters input:focus{border-color:#1a365d;outline:none}.employee-management-page-search-filters button{background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:12px 24px}.employee-management-page-search-filters button:hover{background-color:#2c5282}.employee-management-page-search-filters select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.employee-management-page-search-filters select:focus{border-color:#1a365d;box-shadow:0 0 0 2px #1a365d14}.employee-management-page-search-filters select:hover{background:#f8f9fa;border-color:#2c5282}.employee-management-page-table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:32px}.employee-management-page-table{border-collapse:collapse;width:100%}.employee-management-page-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600;padding:16px;text-align:center}.employee-management-page-table td{border-bottom:1px solid #e9ecef;color:#333;padding:16px;text-align:center}.employee-management-page-table tr:hover{background-color:#f8f9fa}.employee-management-page-status-badge{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.employee-management-page-status-badge.active{background-color:#c6f6d5;color:#22543d}.employee-management-page-status-badge.leave{background-color:#fefcbf;color:#744210}.employee-management-page-status-badge.resigned{background-color:#fed7d7;color:#822727}.employee-management-page-dropdown-action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:22px;height:36px;justify-content:center;margin:0 auto;vertical-align:middle;width:36px}.employee-management-page-dropdown-action-btn:hover{background:#f1f5fa;border-color:#2c5282}.employee-management-page-dropdown-action-menu{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.employee-management-page-dropdown-action-menu button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;gap:8px;padding:12px 16px;text-align:left;width:100%}.employee-management-page-dropdown-action-menu button:hover{background-color:#f8f9fa}.employee-management-page-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px}.employee-management-page-pagination button{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;padding:8px 16px}.employee-management-page-pagination button:hover{background-color:#f8f9fa;border-color:#1a365d}.employee-management-page-pagination button.active{background-color:#1a365d;border-color:#1a365d;color:#fff}.employee-management-page-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.employee-management-page-modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.employee-management-page-modal-content h2{color:#1a365d;font-size:20px;margin-bottom:24px}.employee-management-page-error-message{background-color:#fed7d7;border-radius:4px;color:#822727;margin-bottom:16px;padding:12px 16px}.employee-management-page-success-message{background-color:#c6f6d5;border-radius:4px;color:#22543d;margin-bottom:16px;padding:12px 16px}.employee-management-page-loading{align-items:center;color:#1a365d;display:flex;font-size:16px;justify-content:center;min-height:200px}.employee-management-page-inactive-row{background-color:#f8f9fa;opacity:.7}@media (max-width:768px){.employee-management-page{padding:16px}.employee-management-page-header{align-items:flex-start;flex-direction:column;gap:16px}.employee-management-page-search-filters{flex-direction:column;width:100%}.employee-management-page-search-filters input{max-width:none}.employee-management-page-table-container{overflow-x:auto}.employee-management-page-table{min-width:800px}.employee-management-page-modal-content{margin:16px;max-height:calc(100vh - 32px)}}.absence-add-form{display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;gap:24px}.absence-add-form .form-group{display:flex;flex-direction:column;gap:8px}.absence-add-form .form-group.full-width{grid-column:1/-1}.absence-add-form .form-group label{color:#1a365d;font-size:14px;font-weight:500}.absence-add-form .form-group input,.absence-add-form .form-group select{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s}.absence-add-form .form-group input:focus,.absence-add-form .form-group select:focus{border-color:#1a365d;outline:none}.absence-add-form .form-group input:hover,.absence-add-form .form-group select:hover{border-color:#2c5282}.absence-add-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a365d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.absence-add-form .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.absence-add-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.absence-add-form .btn-cancel,.absence-add-form .btn-submit{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.absence-add-form .btn-submit{background-color:#1a365d;border:none;color:#fff}.absence-add-form .btn-submit:hover{background-color:#2c5282}.absence-add-form .btn-submit:disabled{cursor:not-allowed;opacity:.7}.absence-add-form .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.absence-add-form .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.absence-add-form select[name=absence_category],.absence-add-form select[name=status]{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.absence-add-form select[name=absence_category]:focus,.absence-add-form select[name=status]:focus{border-color:#1a365d;box-shadow:0 0 0 2px #1a365d1a;outline:none}.absence-add-form select[name=absence_category].error,.absence-add-form select[name=status].error{border-color:#dc2626}.absence-add-form select[name=absence_category].error:focus,.absence-add-form select[name=status].error:focus{box-shadow:0 0 0 2px #dc26261a}.absence-edit-form{display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;gap:24px}.absence-edit-form .form-group{display:flex;flex-direction:column;gap:8px}.absence-edit-form .form-group.full-width{grid-column:1/-1}.absence-edit-form .form-group label{color:#1a365d;font-size:14px;font-weight:500}.absence-edit-form .form-group input,.absence-edit-form .form-group select{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s}.absence-edit-form .form-group input:focus,.absence-edit-form .form-group select:focus{border-color:#1a365d;outline:none}.absence-edit-form .form-group input:hover,.absence-edit-form .form-group select:hover{border-color:#2c5282}.absence-edit-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a365d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.absence-edit-form .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.absence-edit-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.absence-edit-form .btn-cancel,.absence-edit-form .btn-submit{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.absence-edit-form .btn-submit{background-color:#1a365d;border:none;color:#fff}.absence-edit-form .btn-submit:hover{background-color:#2c5282}.absence-edit-form .btn-submit:disabled{cursor:not-allowed;opacity:.7}.absence-edit-form .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.absence-edit-form .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.absence-edit-form select[name=absence_category],.absence-edit-form select[name=status]{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.absence-edit-form select[name=absence_category]:focus,.absence-edit-form select[name=status]:focus{border-color:#1a365d;box-shadow:0 0 0 2px #1a365d1a;outline:none}.absence-edit-form select[name=absence_category].error,.absence-edit-form select[name=status].error{border-color:#dc2626}.absence-edit-form select[name=absence_category].error:focus,.absence-edit-form select[name=status].error:focus{box-shadow:0 0 0 2px #dc26261a}.absence-delete-confirm{color:#333;font-family:IBM Plex Sans Thai,sans-serif;margin:0 auto;max-width:500px;padding:32px 24px;text-align:center}.absence-delete-confirm .error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;margin-bottom:24px;padding:12px 16px}.absence-delete-confirm .delete-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.absence-delete-confirm .delete-message p{color:#2d3748;font-size:15px;line-height:1.6;margin:0 0 16px}.absence-delete-confirm .delete-message p:last-child{margin-bottom:0}.absence-delete-confirm .delete-message strong{color:#1a365d;font-weight:600}.absence-delete-confirm .delete-message .warning{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;margin-top:16px;padding:12px 16px}.absence-delete-confirm .delete-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.absence-delete-confirm .btn-cancel,.absence-delete-confirm .btn-delete-confirm{border-radius:6px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.absence-delete-confirm .btn-delete-confirm{background-color:#e53e3e;border:none;color:#fff}.absence-delete-confirm .btn-delete-confirm:hover{background-color:#c53030;box-shadow:0 2px 4px #e53e3e33;transform:translateY(-1px)}.absence-delete-confirm .btn-delete-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.absence-delete-confirm .btn-cancel{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.absence-delete-confirm .btn-cancel:hover{background-color:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d;color:#2d3748;transform:translateY(-1px)}.absence-delete-confirm .btn-cancel:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.delete-message .category-info,.delete-message .status-info{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;margin:8px 0;padding:8px 12px}.delete-message .category-info,.delete-message .status-info{background-color:#f8fafc;color:#1e293b}.delete-message .category-badge,.delete-message .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.delete-message .status-pending{background-color:#fef3c7;color:#92400e}.delete-message .status-approved{background-color:#d1fae5;color:#065f46}.delete-message .category-paid,.delete-message .status-rejected{background-color:#fee2e2;color:#991b1b}.delete-message .category-unpaid{background-color:#e0e7ff;color:#3730a3}.absence-details{color:#333;font-family:IBM Plex Sans Thai,sans-serif}.absence-details .detail-row{border-bottom:1px solid #e9ecef;display:flex;padding:16px 0}.absence-details .detail-row:last-child{border-bottom:none}.absence-details .detail-label{color:#1a365d;flex:0 0 160px;font-size:14px;font-weight:500}.absence-details .detail-value{flex:1 1;font-size:14px}.absence-details .detail-value.status span{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.absence-details .detail-value.status span.active{background-color:#c6f6d5;color:#22543d}.absence-details .detail-value.status span.leave{background-color:#fefcbf;color:#744210}.absence-details .detail-value.status span.resigned{background-color:#fed7d7;color:#822727}.absence-details .detail-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.absence-details .detail-actions button{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.absence-details .btn-edit{background-color:#1a365d;border:none;color:#fff}.absence-details .btn-edit:hover{background-color:#2c5282}.absence-details .btn-delete{background-color:#fff;border:1px solid #e53e3e;color:#e53e3e}.absence-details .btn-delete:hover{background-color:#e53e3e;color:#fff}.absence-details .btn-delete:disabled{background-color:#fff;border-color:#718096;color:#718096;cursor:not-allowed;opacity:.7}.absence-details .btn-cancel{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.absence-details .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.detail-value .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.detail-value .status-pending{background-color:#fef3c7;color:#92400e}.detail-value .status-approved{background-color:#d1fae5;color:#065f46}.detail-value .status-rejected{background-color:#fee2e2;color:#991b1b}.detail-value .category-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.detail-value .category-paid{background-color:#fee2e2;color:#991b1b}.detail-value .category-unpaid{background-color:#e0e7ff;color:#3730a3}.detail-value .approver-info{color:#6b7280;font-size:12px;margin-top:4px}.absence-management-page-report{background:#fff;border-radius:12px;box-shadow:0 2px 8px #1a365d0f;font-family:IBM Plex Sans Thai,sans-serif;margin:0 auto;max-width:1100px;padding:32px 24px}.report-filters{display:flex;justify-content:center;margin-bottom:32px}.date-range{align-items:flex-end;display:flex;gap:24px}.date-input{display:flex;flex-direction:column;gap:6px}.date-input label{color:#1a365d;font-size:15px;font-weight:500;margin-bottom:2px}.date-input input[type=date]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;font-family:IBM Plex Sans Thai,sans-serif;font-size:15px;padding:10px 14px;transition:border .2s}.date-input input[type=date]:focus{border:1.5px solid #1a365d;outline:none}.generate-report-btn{background:#1a365d;border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;font-weight:500;margin-left:16px;padding:12px 28px;transition:background .2s}.generate-report-btn:disabled{cursor:not-allowed;opacity:.6}.generate-report-btn:hover:not(:disabled){background:#2c5282}.report-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;overflow-x:auto}.report-table{border-collapse:collapse;min-width:900px;width:100%}.report-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-size:15px;font-weight:600;padding:16px 8px;text-align:center}.report-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:15px;padding:14px 8px;text-align:center}.report-table tr:hover{background:#f8f9fa}.report-table td .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.report-table td .status-pending{background-color:#fef3c7;color:#92400e}.report-table td .status-approved{background-color:#d1fae5;color:#065f46}.report-table td .status-rejected{background-color:#fee2e2;color:#991b1b}.report-table td .category-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.report-table td .category-paid{background-color:#fee2e2;color:#991b1b}.report-table td .category-unpaid{background-color:#e0e7ff;color:#3730a3}.report-table td .approver-info{color:#6b7280;font-size:12px;margin-top:4px}@media (max-width:900px){.absence-management-page-report{padding:16px 4px}.report-table{min-width:700px}.date-range{align-items:stretch;flex-direction:column;gap:12px}.generate-report-btn{margin-left:0;margin-top:12px;width:100%}}.absence-report-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 4px #1a365d0a;color:#1a365d;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;margin-top:24px;max-width:500px;padding:20px 24px}.absence-report-summary strong{color:#1a365d;display:block;font-size:17px;margin-bottom:8px}.absence-report-summary ul{margin:0;padding-left:20px}.absence-report-summary li{color:#22543d;font-size:15px;font-weight:500;margin-bottom:4px}.absence-report-summary-top{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 4px #1a365d0a;color:#1a365d;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;margin-bottom:20px;margin-top:0;max-width:100%;padding:16px 20px 8px}.absence-report-summary-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.absence-report-summary-badge{background:#e2e8f0;border-radius:16px;box-shadow:0 1px 2px #1a365d0a;color:#22543d;display:inline-block;font-size:15px;font-weight:500;padding:8px 18px;transition:background .2s,color .2s}.absence-report-summary-badge b{color:#1a365d;font-weight:700}.absence-management-page{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.absence-management-page-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;position:relative}.absence-management-page-header h1{color:#1a365d;flex:1 1;font-size:24px;font-weight:600;margin:0}.absence-management-page-tabs{align-items:flex-end;border-bottom:2px solid #e0e0e0;display:flex;flex:1 1;gap:20px;justify-content:center;padding-bottom:10px}.absence-management-page-add-absence-btn{background-color:#1a365d;border:none;border-radius:4px;box-shadow:0 1px 2px #1a365d0a;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:12px 24px;transition:background .2s}.absence-management-page-add-absence-btn:hover{background-color:#2c5282}.absence-management-page-search-section{margin-bottom:32px;margin-top:32px}.absence-management-page-search-filters{align-items:center;display:flex;gap:16px}.absence-management-page-search-filters input{border:1px solid #e9ecef;border-radius:4px;flex:1 1;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;max-width:320px;padding:12px 16px}.absence-management-page-search-filters input:focus{border-color:#1a365d;outline:none}.absence-management-page-search-filters button{background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:12px 24px}.absence-management-page-search-filters button:hover{background-color:#2c5282}.absence-management-page-search-filters select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.absence-management-page-search-filters select:focus{border-color:#1a365d;box-shadow:0 0 0 2px #1a365d14}.absence-management-page-search-filters select:hover{background:#f8f9fa;border-color:#2c5282}.absence-management-page-table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:32px}.absence-management-page-table{border-collapse:collapse;width:100%}.absence-management-page-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600;padding:16px;text-align:center}.absence-management-page-table td{border-bottom:1px solid #e9ecef;color:#333;padding:16px;text-align:center}.absence-management-page-table tr:hover{background-color:#f8f9fa}.absence-management-page-dropdown-action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:22px;height:36px;justify-content:center;margin:0 auto;vertical-align:middle;width:36px}.absence-management-page-dropdown-action-btn:hover{background:#f1f5fa;border-color:#2c5282}.absence-management-page-dropdown-action-menu{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.absence-management-page-dropdown-action-menu button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;gap:8px;padding:12px 16px;text-align:left;width:100%}.absence-management-page-dropdown-action-menu button:hover{background-color:#f8f9fa}.absence-management-page-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px}.absence-management-page-pagination button{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;padding:8px 16px}.absence-management-page-pagination button:hover{background-color:#f8f9fa;border-color:#1a365d}.absence-management-page-pagination button.active{background-color:#1a365d;border-color:#1a365d;color:#fff}.absence-management-page-pagination-ellipsis{color:#1a365d;font-size:18px;padding:0 8px}.absence-management-page-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.absence-management-page-modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.absence-management-page-modal-content h2{color:#1a365d;font-size:20px;margin-bottom:24px}.absence-management-page-error-message{background-color:#fed7d7;border-radius:4px;color:#822727;margin-bottom:16px;padding:12px 16px}.absence-management-page-success-message{background-color:#c6f6d5;border-radius:4px;color:#22543d;margin-bottom:16px;padding:12px 16px}.absence-management-page-loading{align-items:center;color:#1a365d;display:flex;font-size:16px;justify-content:center;min-height:200px}.absence-management-page-inactive-row{background-color:#f8f9fa;opacity:.7}@media (max-width:768px){.absence-management-page{padding:16px}.absence-management-page-header{align-items:stretch;flex-direction:column;gap:8px}.absence-management-page-search-filters{flex-direction:column;width:100%}.absence-management-page-search-filters input{max-width:none}.absence-management-page-table-container{overflow-x:auto}.absence-management-page-table{min-width:800px}.absence-management-page-modal-content{margin:16px;max-height:calc(100vh - 32px)}.absence-management-page-tabs{justify-content:center;margin-top:10px;padding-bottom:5px;width:100%}.absence-management-page-add-absence-btn{align-self:flex-end;margin-top:10px}}.tab-btn{background:none;border:none;border-radius:5px 5px 0 0;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:10px 30px;position:relative;text-decoration:none;transition:all .3s ease}.tab-btn:hover{background-color:#f1f5fa;color:#2c5282}.tab-btn.active{background-color:#f1f5fa;color:#1a365d}.tab-btn.active:after{background-color:#1a365d;bottom:-12px;content:"";height:2px;left:0;position:absolute;width:100%}.absence-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.absence-status-pending{background-color:#fef3c7;color:#92400e}.absence-status-approved{background-color:#d1fae5;color:#065f46}.absence-status-rejected{background-color:#fee2e2;color:#991b1b}.absence-action-approve{background-color:#fff;border:1px solid #059669;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.absence-action-approve:hover{background-color:#d1fae5;border-color:#059669;color:#333}.absence-action-reject{background-color:#fff;border:1px solid #dc2626;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.absence-action-reject:hover{background-color:#fee2e2;border-color:#dc2626;color:#333}.absence-action-approve:disabled,.absence-action-reject:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280;cursor:not-allowed;opacity:.5}.absence-category-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.absence-category-paid{background-color:#fee2e2;color:#991b1b}.absence-category-unpaid{background-color:#e0e7ff;color:#3730a3}.absence-approver{color:#666;font-family:IBM Plex Sans Thai,sans-serif;font-size:13px;text-align:center}.absence-action-buttons{display:flex;gap:8px;justify-content:center}.sip-project-management-page{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.sip-project-management-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.sip-project-management-page-header h1{color:#1a365d;font-size:24px;font-weight:600;margin:0}.sip-project-management-page-add-project-btn{align-items:center;background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;gap:8px;padding:12px 24px}.sip-project-management-page-add-project-btn:hover{background-color:#2c5282}.sip-project-management-page-add-project-btn:disabled{cursor:not-allowed;opacity:.7}.sip-project-management-page-search-section{margin-bottom:32px}.sip-project-management-page-search-filters{align-items:center;display:flex;gap:16px}.sip-project-management-page-search-filters input{border:1px solid #e9ecef;border-radius:4px;flex:1 1;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;max-width:320px;padding:12px 16px}.sip-project-management-page-search-filters input:focus{border-color:#1a365d;outline:none}.sip-project-management-page-search-filters button{background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:12px 24px}.sip-project-management-page-search-filters button:hover{background-color:#2c5282}.sip-project-management-page-search-filters select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.sip-project-management-page-search-filters select:focus{border-color:#1a365d;box-shadow:0 0 0 2px #1a365d14}.sip-project-management-page-search-filters select:hover{background:#f8f9fa;border-color:#2c5282}.sip-project-management-page-table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:32px}.sip-project-management-page-table{border-collapse:collapse;width:100%}.sip-project-management-page-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600;padding:16px;text-align:center}.sip-project-management-page-table td{border-bottom:1px solid #e9ecef;color:#333;padding:16px;text-align:center}.sip-project-management-page-table tr:hover{background-color:#f8f9fa}.sip-project-management-page-status-badge{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.sip-project-management-page-status-badge.active{background-color:#c6f6d5;color:#22543d}.sip-project-management-page-status-badge.inactive{background-color:#fefcbf;color:#744210}.sip-project-management-page-status-badge.completed{background-color:#e9d8fd;color:#553c9a}.sip-project-management-page-dropdown-action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:22px;height:36px;justify-content:center;margin:0 auto;vertical-align:middle;width:36px}.sip-project-management-page-dropdown-action-btn:hover{background:#f1f5fa;border-color:#2c5282}.sip-project-management-page-dropdown-action-menu{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.sip-project-management-page-dropdown-action-menu button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;gap:8px;padding:12px 16px;text-align:left;width:100%}.sip-project-management-page-dropdown-action-menu button:hover{background-color:#f8f9fa}.sip-project-management-page-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px}.sip-project-management-page-pagination button{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;padding:8px 16px}.sip-project-management-page-pagination button:hover{background-color:#f8f9fa;border-color:#1a365d}.sip-project-management-page-pagination button.active{background-color:#1a365d;border-color:#1a365d;color:#fff}.sip-project-management-page-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sip-project-management-page-modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.sip-project-management-page-modal-content h2{margin-bottom:24px}.sip-project-management-page-error-message{background-color:#fed7d7;border-radius:4px;color:#822727;margin-bottom:16px;padding:12px 16px}.sip-project-management-page-success-message{background-color:#c6f6d5;border-radius:4px;color:#22543d;margin-bottom:16px;padding:12px 16px}.sip-project-management-page-loading{align-items:center;color:#1a365d;display:flex;font-size:16px;justify-content:center;min-height:200px}.sip-project-management-page-inactive-row{background-color:#f8f9fa;opacity:.7}@media (max-width:768px){.sip-project-management-page{padding:16px}.sip-project-management-page-header{align-items:flex-start;flex-direction:column;gap:16px}.sip-project-management-page-search-filters{flex-direction:column;width:100%}.sip-project-management-page-search-filters input{max-width:none}.sip-project-management-page-table-container{overflow-x:auto}.sip-project-management-page-table{min-width:800px}.sip-project-management-page-modal-content{margin:16px;max-height:calc(100vh - 32px)}}.sip-project-management-page-modal-content .form-group{display:flex;flex-direction:column;gap:8px}.sip-project-management-page-modal-content .form-group.full-width{grid-column:1/-1}.sip-project-management-page-modal-content .form-group label{color:#1a365d;font-size:14px;font-weight:500}.sip-project-management-page-modal-content .form-group input,.sip-project-management-page-modal-content .form-group select,.sip-project-management-page-modal-content .form-group textarea{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s}.sip-project-management-page-modal-content .form-group input:focus,.sip-project-management-page-modal-content .form-group select:focus,.sip-project-management-page-modal-content .form-group textarea:focus{border-color:#1a365d;outline:none}.sip-project-management-page-modal-content .form-group input:hover,.sip-project-management-page-modal-content .form-group select:hover,.sip-project-management-page-modal-content .form-group textarea:hover{border-color:#2c5282}.sip-project-management-page-modal-content .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231a365d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;cursor:pointer;padding-right:32px}.sip-project-management-page-modal-content .error-message{color:#e53e3e;font-size:12px;margin-top:4px}.sip-project-management-page-modal-content .btn-cancel,.sip-project-management-page-modal-content .btn-submit{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.sip-project-management-page-modal-content .btn-submit{background-color:#1a365d;border:none;color:#fff}.sip-project-management-page-modal-content .btn-submit:hover{background-color:#2c5282}.sip-project-management-page-modal-content .btn-submit:disabled{cursor:not-allowed;opacity:.7}.sip-project-management-page-modal-content .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sip-project-management-page-modal-content{display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;gap:24px}.sip-project-management-page-modal-content h2{color:#1a365d;font-size:20px;font-weight:600;margin-bottom:8px}.sip-project-management-page-modal-content .details-section{display:flex;flex-direction:column;gap:16px}.sip-project-management-page-modal-content .details-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sip-project-management-page-modal-content .details-group{display:flex;flex-direction:column;gap:8px}.sip-project-management-page-modal-content .details-group label{color:#1a365d;font-size:14px;font-weight:500}.sip-project-management-page-modal-content .details-group p{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;font-size:14px;margin:0;padding:12px 16px}.sip-project-management-page-modal-content .profit-positive{color:#2f855a;font-weight:500}.sip-project-management-page-modal-content .profit-negative{color:#c53030;font-weight:500}.sip-project-management-page-modal-content .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.sip-project-management-page-modal-content .btn-cancel{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.sip-project-management-page-modal-content .btn-cancel:hover{background-color:#f8f9fa;border-color:#1a365d}.sip-project-delete-confirm{color:#333;font-family:IBM Plex Sans Thai,sans-serif;margin:0 auto;max-width:600px;padding:32px 24px;text-align:center;width:100%}.sip-project-delete-confirm h2{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:24px}.sip-project-delete-confirm .error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;margin-bottom:24px;padding:12px 16px}.sip-project-delete-confirm .delete-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px;text-align:left}.sip-project-delete-confirm .delete-message p{color:#2d3748;font-size:16px;line-height:1.6;margin:0 0 24px;text-align:center}.sip-project-delete-confirm .project-details{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;margin:16px 0 24px;padding:16px}.sip-project-delete-confirm .detail-row{border-bottom:1px solid #e2e8f0;display:flex;font-size:14px;line-height:1.5;padding:8px 0}.sip-project-delete-confirm .detail-row:last-child{border-bottom:none}.sip-project-delete-confirm .detail-row .label{color:#4a5568;flex:0 0 120px;font-weight:500}.sip-project-delete-confirm .detail-row .value{color:#2d3748;flex:1 1}.sip-project-delete-confirm .delete-message .warning{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e53e3e;font-size:14px;font-weight:500;margin:24px 0 0;padding:12px 16px;text-align:center}.sip-project-delete-confirm .delete-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.sip-project-delete-confirm .btn-cancel,.sip-project-delete-confirm .btn-delete-confirm{border-radius:6px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.sip-project-delete-confirm .btn-delete-confirm{background-color:#e53e3e;border:none;color:#fff}.sip-project-delete-confirm .btn-delete-confirm:hover{background-color:#c53030;box-shadow:0 2px 4px #e53e3e33;transform:translateY(-1px)}.sip-project-delete-confirm .btn-delete-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.sip-project-delete-confirm .btn-cancel{background-color:#fff;border:1px solid #e2e8f0;color:#4a5568}.sip-project-delete-confirm .btn-cancel:hover{background-color:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d;color:#2d3748;transform:translateY(-1px)}.sip-project-delete-confirm .btn-cancel:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.sip-1-rewards-container{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.sip-1-rewards-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.sip-1-rewards-title{color:#1a365d;font-size:24px;font-weight:600;margin:0}.sip-1-rewards-summary-bar{background:#fff;border-radius:12px;box-shadow:0 2px 4px #1a365d0d;display:flex;gap:24px;margin-bottom:24px;padding:16px}.sip-1-rewards-summary-bar span{align-items:center;color:#4a5568;display:flex;gap:8px}.sip-1-rewards-summary-bar .sip-1-icon{color:#1a365d;font-size:20px}.sip-1-year-selector{align-items:center;display:flex;gap:12px;margin-bottom:24px}.sip-1-year-selector label{color:#4a5568;font-weight:500}.sip-1-year-selector select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a365d;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.sip-1-year-selector select:hover{border-color:#1a365d}.sip-1-loading-container{align-items:center;color:#1a365d;display:flex;justify-content:center;min-height:200px}.sip-1-loading-spinner{animation:spin 1s linear infinite;font-size:32px}.sip-1-error-container{margin-bottom:24px}.sip-1-error-message{align-items:center;background-color:#fff5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#c53030;display:flex;gap:12px;padding:16px}.sip-1-error-icon{flex-shrink:0;font-size:20px}.sip-1-retry-button{align-items:center;background-color:#1a365d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;gap:8px;margin-left:auto;padding:8px 16px;transition:all .2s}.sip-1-retry-button:hover{background-color:#2c5282;transform:translateY(-1px)}.sip-1-retry-icon{font-size:16px}.sip-1-seller-summary{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 16px #1a365d12,0 1.5px 4px #1a365d0a;margin-bottom:32px;overflow:hidden;transition:all .2s}.sip-1-seller-summary:hover{box-shadow:0 6px 20px #1a365d1a,0 2px 4px #1a365d0f;transform:translateY(-2px)}.sip-1-seller-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;padding:22px 32px;transition:all .2s}.sip-1-seller-header:hover{background:#f1f5fa}.sip-1-seller-name{color:#1a365d;flex:1 1;font-size:20px;font-weight:600;margin:0;min-width:200px}.sip-1-seller-stats{display:flex;flex:2 1;flex-wrap:wrap;gap:16px;margin:0 24px}.sip-1-stat-item{display:flex;flex-direction:column;gap:4px;min-width:150px}.sip-1-stat-label{color:#718096;font-size:12px;font-weight:500}.sip-1-stat-value{color:#2d3748;font-size:14px;font-weight:600}.sip-1-seller-expand-icon{align-items:center;color:#1a365d;display:flex;font-size:20px;margin-left:16px;transition:transform .2s}.sip-1-seller-details{animation:fadeIn .3s;background:#f8f9fa;padding:0 32px 24px}.sip-1-table-container{margin:0 -1rem;overflow-x:auto;padding:0 1rem}.sip-1-rewards-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1.5px 4px #1a365d0a;margin-bottom:1rem;min-width:800px;overflow:hidden;width:100%}.sip-1-rewards-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600;padding:16px;text-align:left}.sip-1-rewards-table td{border-bottom:1px solid #e9ecef;color:#4a5568;padding:16px}.sip-1-rewards-table tr:hover{background-color:#f1f5fa}.sip-1-text-center{text-align:center}.sip-1-no-data-message{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#1a365d;font-size:16px;padding:24px;text-align:center}@media (max-width:1200px){.sip-1-seller-stats{gap:12px}.sip-1-stat-item{min-width:130px}}@media (max-width:992px){.sip-1-seller-header{flex-wrap:wrap;gap:16px}.sip-1-seller-name{min-width:100%}.sip-1-seller-stats{margin:0;width:100%}.sip-1-stat-item{min-width:calc(50% - 8px)}}@media (max-width:768px){.sip-1-rewards-container{padding:16px}.sip-1-rewards-title{font-size:20px;margin-bottom:24px}.sip-1-rewards-summary-bar{flex-direction:column;gap:12px;padding:12px}.sip-1-seller-header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.sip-1-seller-name{font-size:16px}.sip-1-seller-stats{gap:8px}.sip-1-stat-item{min-width:100%}.sip-1-stat-label{font-size:11px}.sip-1-stat-value{font-size:13px}.sip-1-seller-expand-icon{font-size:18px;margin-left:0}.sip-1-rewards-table td,.sip-1-rewards-table th{font-size:14px;padding:12px}.sip-1-error-message{flex-direction:column;gap:8px;padding:12px}.sip-1-retry-button{justify-content:center;text-align:center;width:100%}.sip-1-rewards-header{align-items:flex-start;flex-direction:column;gap:16px}.sip-1-export-button{justify-content:center;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sip-1-seller-summary{animation:fadeIn .3s ease-out}.sip-1-export-button{align-items:center;background-color:#217346;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.sip-1-export-button:hover{background-color:#1e6b3d;transform:translateY(-1px)}.sip-1-export-icon{font-size:18px}.sip-1-tabs{background:#f8f9fa;border-radius:8px;display:flex;gap:20px;padding:4px 8px}.sip-1-tab{background:none;border:none;border-radius:5px 5px 0 0;color:#666;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:10px 30px;position:relative;text-decoration:none;transition:all .3s ease}.sip-1-tab.active,.sip-1-tab:hover{background-color:#f0f7ff;color:#1890ff}.sip-1-tab.active:after{background-color:#1890ff;bottom:-12px;content:"";height:2px;left:0;position:absolute;width:100%}.sip-1-referrer-summary{animation:fadeIn .3s ease-out;background:#fff;border:none;border-radius:16px;box-shadow:0 4px 16px #1a365d12,0 1.5px 4px #1a365d0a;margin-bottom:32px;overflow:hidden;transition:all .2s}.sip-1-referrer-summary:hover{box-shadow:0 6px 20px #1a365d1a,0 2px 4px #1a365d0f;transform:translateY(-2px)}.sip-1-referrer-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;padding:22px 32px;transition:all .2s}.sip-1-referrer-header:hover{background:#f1f5fa}.sip-1-referrer-name{color:#1a365d;flex:1 1;font-size:20px;font-weight:600;margin:0;min-width:200px}.sip-1-referrer-stats{display:flex;flex:2 1;flex-wrap:wrap;gap:16px;margin:0 24px}.sip-1-referrer-expand-icon{align-items:center;color:#1a365d;display:flex;font-size:20px;margin-left:16px;transition:transform .2s}.sip-1-referrer-details{animation:fadeIn .3s;background:#f8f9fa;padding:0 32px 24px}@media (max-width:1200px){.sip-1-referrer-stats{gap:12px}}@media (max-width:992px){.sip-1-referrer-header{flex-wrap:wrap;gap:16px}.sip-1-referrer-name{min-width:100%}.sip-1-referrer-stats{margin:0;width:100%}}@media (max-width:768px){.sip-1-referrer-header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.sip-1-referrer-name{font-size:16px}.sip-1-referrer-stats{gap:8px}.sip-1-referrer-expand-icon{font-size:18px;margin-left:0}.sip-1-referrer-details{padding:0 16px 16px}}.sip-2-rewards-container{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.sip-2-rewards-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.sip-2-rewards-title{color:#1a365d;flex:1 1;font-size:24px;font-weight:600;margin:0}.sip-2-header-actions{align-items:center;gap:16px;width:100%}.sip-2-header-actions,.sip-2-tabs{display:flex;justify-content:center}.sip-2-tabs{background:#f8f9fa;border-radius:8px;flex:2 1;gap:20px;padding:4px 8px}.sip-2-tab{background:none;border:none;border-radius:5px 5px 0 0;color:#666;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:10px 30px;position:relative;text-decoration:none;transition:all .3s ease}.sip-2-tab.active,.sip-2-tab:hover{background-color:#f0f7ff;color:#1890ff}.sip-2-tab.active:after{background-color:#1890ff;bottom:-12px;content:"";height:2px;left:0;position:absolute;width:100%}.sip-2-table-container{margin:0 -1rem;overflow-x:auto;padding:0 1rem}.sip-2-rewards-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1.5px 4px #1a365d0a;margin-bottom:1rem;min-width:800px;overflow:hidden;width:100%}.sip-2-rewards-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600;padding:16px;text-align:left}.sip-2-rewards-table td{border-bottom:1px solid #e9ecef;color:#4a5568;padding:16px}.sip-2-rewards-table tr:hover{background-color:#f1f5fa}.sip-2-text-center{text-align:center}.sip-2-no-data-message{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#1a365d;font-size:16px;padding:24px;text-align:center}.sip-2-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.sip-2-month-selector,.sip-2-year-selector{align-items:center;display:flex;gap:12px}.sip-2-month-selector label,.sip-2-year-selector label{color:#4a5568;font-weight:500}.sip-2-month-selector select,.sip-2-year-selector select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:8px 16px;transition:all .2s}.sip-2-month-selector select:hover,.sip-2-year-selector select:hover{border-color:#1a365d}.sip-2-month-selector select:disabled,.sip-2-year-selector select:disabled{background:#f1f5fa;color:#b0b0b0;cursor:not-allowed}@media (max-width:768px){.sip-2-rewards-container{padding:16px}.sip-2-rewards-title{font-size:20px;margin-bottom:24px}.sip-2-table-container{padding:0 4px}.sip-2-rewards-table td,.sip-2-rewards-table th{font-size:14px;padding:12px}.sip-2-rewards-header{flex-direction:column;gap:16px}.sip-2-header-actions{flex-direction:column;width:100%}.sip-2-tabs{width:100%}.sip-2-filter-container{align-items:stretch;flex-direction:column;gap:12px}.sip-2-export-group{width:100%}.sip-2-export-button{justify-content:center;width:100%}.sip-2-export-group,.sip-2-rewards-title,.sip-2-tabs{flex:none}}.sip-2-month-header{align-items:center;border-bottom:1.5px solid #e2e8f0;color:#1a365d;display:flex;font-size:20px;font-weight:600;justify-content:space-between;margin-bottom:18px;padding:8px 0}.sip-2-month-label{align-items:center;display:flex;gap:8px}.sip-2-month-total{color:#217346;font-size:18px;font-weight:500}.sip-2-export-group{display:flex;flex:1 1;justify-content:flex-end}.sip-2-export-button{align-items:center;background-color:#217346;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.sip-2-export-button:hover{background-color:#1e6b3d;transform:translateY(-1px)}.sip-2-export-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.sip-2-export-icon{font-size:18px}.sip-3-rewards-container{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.sip-3-rewards-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;flex-direction:row;gap:32px;justify-content:center;margin-bottom:32px;padding-bottom:16px}.sip-3-rewards-title{color:#1a365d;font-size:24px;font-weight:600;margin:0;white-space:nowrap}.sip-3-header-actions{align-items:center;flex-direction:row;margin-top:16px;width:100%}.sip-3-header-actions,.sip-3-tabs{display:flex;gap:20px;justify-content:center}.sip-3-tabs{background:#f8f9fa;border-radius:8px;flex:2 1;padding:4px 8px}.sip-3-tab{background:none;border:none;border-radius:5px 5px 0 0;color:#666;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:10px 30px;position:relative;text-decoration:none;transition:all .3s ease}.sip-3-tab.active,.sip-3-tab:hover{background-color:#f0f7ff;color:#1890ff}.sip-3-tab.active:after{background-color:#1890ff;bottom:-12px;content:"";height:2px;left:0;position:absolute;width:100%}.sip-3-export-group{display:flex;flex:1 1;justify-content:flex-end}.sip-3-export-btn{align-items:center;background-color:#217346;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.sip-3-export-btn:hover{background-color:#1e6b3d;transform:translateY(-1px)}.sip-3-export-btn svg{height:18px;width:18px}.sip-3-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.sip-3-year-selector{align-items:center;display:flex;gap:12px}.sip-3-year-selector label{color:#4a5568;font-weight:500}.sip-3-year-selector select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:8px 16px;transition:all .2s}.sip-3-year-selector select:hover{border-color:#1a365d}.sip-3-year-selector select:disabled{background:#f1f5fa;color:#b0b0b0;cursor:not-allowed}.sales-summary{display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.summary-item{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 2px 4px #0000000d;flex:1 1;min-width:0;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.summary-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.summary-item h3{color:#1a365d;margin-bottom:12px}.summary-item h3,.summary-item p{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-item p{color:#2d3748;line-height:1.4;margin:0}.summary-item p:last-child{color:#4a5568;font-size:14px;margin-top:8px}.reward-details{color:#4a5568;display:flex;flex-direction:column;font-size:14px;gap:8px;margin-top:12px}.reward-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-summary{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:32px;padding:28px}.reward-summary h3{border-bottom:2px solid #e2e8f0;color:#1a365d;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.reward-summary div{color:#2d3748;font-size:16px;line-height:1.6;margin-bottom:16px}.reward-summary div:last-child{grid-gap:16px;border-top:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;padding-top:20px}.reward-summary span{background:#f8fafc;border-radius:12px;display:block;font-weight:500;padding:16px}.reward-summary span:last-child{margin-top:8px}.sip3-employee-container,.sip3-sales-container{background:#fff;border-radius:12px;box-shadow:0 1.5px 4px #1a365d0a;padding:20px}.sip3-employee-header{color:#1a365d;font-size:20px;margin-bottom:20px}.sip3-employee-table,.sip3-sales-table{border-collapse:collapse;margin-bottom:20px;width:100%}.sip3-employee-table th,.sip3-sales-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600;padding:16px;text-align:left}.sip3-employee-table td,.sip3-sales-table td{border-bottom:1px solid #e9ecef;color:#4a5568;padding:16px}.sip3-employee-table tr:hover,.sip3-sales-table tr:hover{background-color:#f1f5fa}.text-center{text-align:center}.text-right{text-align:right}.grade{color:#1a365d;font-weight:600}.remaining-reward{border-top:1px solid #e9ecef;color:#4a5568;font-weight:500;margin-top:20px;padding-top:16px}.loading-container{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;color:#3182ce;font-size:28px;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:12px;color:#e53e3e;font-weight:500;margin-bottom:16px;padding:20px}.no-data{background-color:#f8f9fa;border-radius:8px;color:#4a5568;padding:40px;text-align:center}@media (max-width:1200px){.sales-summary{flex-wrap:wrap}.summary-item{flex-basis:calc(50% - 16px);flex-grow:1;flex-shrink:1;min-width:250px}.summary-item:last-child{flex:1 1 100%}}@media (max-width:768px){.sales-summary{flex-direction:column}.summary-item{flex:1 1 100%}.sip-3-rewards-container{padding:16px}.sip-3-rewards-title{font-size:20px;margin-bottom:24px}.sip-3-rewards-header{flex-direction:column;gap:16px}.sip-3-header-actions,.sip-3-tabs{flex-direction:column;width:100%}.sip-3-tab{text-align:center;width:100%}.sip-3-export-group{width:100%}.sip-3-export-btn{justify-content:center;width:100%}.sip-3-export-group,.sip-3-rewards-title,.sip-3-tabs{flex:none}.sip-3-filter-container{flex-direction:column;gap:12px}.sip3-employee-table,.sip3-sales-table{display:block;overflow-x:auto}.sip3-employee-table td,.sip3-employee-table th,.sip3-sales-table td,.sip3-sales-table th{font-size:14px;padding:12px}.reward-summary{padding:20px}.reward-summary h3{font-size:18px}.reward-summary div:last-child{grid-template-columns:1fr}}.stm-page{background-color:#f8f9fa;font-family:IBM Plex Sans Thai,sans-serif;min-height:calc(100vh - 48px);padding:32px}.stm-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.stm-page-header h1{color:#1a365d;font-size:24px;font-weight:600;margin:0}.stm-add-target-btn{align-items:center;background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;gap:8px;padding:12px 24px}.stm-add-target-btn:hover{background-color:#2c5282}.stm-add-target-btn:disabled{cursor:not-allowed;opacity:.7}.stm-search-section{margin-bottom:32px}.stm-search-filters{align-items:center;display:flex;gap:16px}.stm-search-filters input{border:1px solid #e9ecef;border-radius:4px;flex:1 1;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;max-width:320px;padding:12px 16px}.stm-search-filters input:focus{border-color:#1a365d;outline:none}.stm-search-filters button{background-color:#1a365d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-weight:500;padding:12px 24px}.stm-search-filters button:hover{background-color:#2c5282}.stm-table-container{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:32px}.stm-table{border-collapse:collapse;width:100%}.stm-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#1a365d;font-weight:600}.stm-table td,.stm-table th{padding:16px;text-align:center}.stm-table td{border-bottom:1px solid #e9ecef;color:#333}.stm-table tr:hover{background-color:#f8f9fa}.stm-dropdown-action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:22px;height:36px;justify-content:center;margin:0 auto;vertical-align:middle;width:36px}.stm-dropdown-action-btn:hover{background:#f1f5fa;border-color:#2c5282}.stm-dropdown-action-menu{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;min-width:160px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.stm-dropdown-action-menu button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;gap:8px;padding:12px 16px;text-align:left;width:100%}.stm-dropdown-action-menu button:hover{background-color:#f8f9fa}.stm-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px}.stm-pagination button{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#1a365d;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;padding:8px 16px}.stm-pagination button:hover{background-color:#f8f9fa;border-color:#1a365d}.stm-pagination button.active{background-color:#1a365d;border-color:#1a365d;color:#fff}.stm-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.stm-error-message{background-color:#fed7d7;color:#822727}.stm-error-message,.stm-success-message{border-radius:4px;margin-bottom:16px;padding:12px 16px}.stm-success-message{background-color:#c6f6d5;color:#22543d}.stm-loading{align-items:center;color:#1a365d;display:flex;font-size:16px;justify-content:center;min-height:200px}.stm-form .form-group{margin-bottom:20px}.stm-form .form-group label{display:block;margin-bottom:8px}.stm-form .form-group input{width:100%}.stm-form .form-actions{gap:16px;margin-top:32px}.stm-form .form-actions button[type=button]{background-color:#e9ecef;border:none;color:#333}.stm-form .form-actions button:hover{opacity:.9}.stm-form .error-message{color:#822727}.stm-form .detail-item label{margin-bottom:4px}.stm-form .delete-btn{background-color:#e53e3e!important;color:#fff!important}.stm-form .delete-btn:hover{background-color:#c53030!important}@media (max-width:768px){.stm-page{padding:16px}.stm-page-header{align-items:flex-start;flex-direction:column;gap:16px}.stm-search-filters{flex-direction:column;width:100%}.stm-search-filters input{max-width:none}.stm-table-container{overflow-x:auto}.stm-table{min-width:800px}.stm-form{margin:16px;max-height:calc(100vh - 32px)}}.stm-form .form-group{display:flex;flex-direction:column;gap:8px}.stm-form .form-group label{color:#1a365d;font-size:14px;font-weight:500}.stm-form .form-group input{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s}.stm-form .form-group input:focus{border-color:#1a365d;box-shadow:0 0 0 2px #1a365d1a;outline:none}.stm-form .form-group input:hover{border-color:#2c5282}.stm-form .error-message{background-color:#fed7d7;border:1px solid #f56565;border-radius:4px;color:#e53e3e;font-size:12px;margin-bottom:16px;margin-top:4px;padding:12px 16px}.stm-form .form-actions button[type=submit]{background-color:#1a365d;border:none;color:#fff}.stm-form .form-actions button[type=submit]:hover{background-color:#2c5282;transform:translateY(-1px)}.stm-form .form-actions button[type=submit]:disabled{cursor:not-allowed;opacity:.7;transform:none}.stm-form-header h2{color:#1a365d}.stm-form .details-content{margin-bottom:32px}.stm-form .detail-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:16px;padding:16px}.stm-form .detail-item:last-child{margin-bottom:0}.stm-form .detail-item label{color:#1a365d;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.stm-form .detail-item span{color:#333;font-size:14px;line-height:1.5}.stm-form .detail-item .value{color:#2c5282;font-weight:500}.stm-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;font-family:IBM Plex Sans Thai,sans-serif;gap:24px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.stm-form-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.stm-form-header h2{color:#e53e3e;font-size:20px;font-weight:600;margin:0}.stm-form .close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.stm-form .close-btn:hover{color:#1a365d}.stm-form .delete-confirm-content{margin-bottom:32px}.stm-form .delete-confirm-content p{color:#333;font-size:14px;line-height:1.5;margin:0 0 8px}.stm-form .delete-confirm-content .warning-text{color:#e53e3e;font-weight:500;margin-top:16px}.stm-form .form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.stm-form .form-actions button{border-radius:4px;cursor:pointer;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.stm-form .form-actions button[type=button]{background-color:#fff;border:1px solid #e9ecef;color:#1a365d}.stm-form .form-actions button[type=button]:hover{background-color:#f8f9fa;border-color:#1a365d;transform:translateY(-1px)}.stm-form .form-actions .delete-btn{background-color:#e53e3e;border:none;color:#fff}.stm-form .form-actions .delete-btn:hover{background-color:#c53030;transform:translateY(-1px)}.stm-form .form-actions button:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.stm-form{margin:16px;max-height:calc(100vh - 32px)}}
/*# sourceMappingURL=main.0a51fc81.css.map*/