:root{--primary: #eb4947;--primary-hover: #e61c19;--primary-transparent: #fef2f2}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{min-height:100vh}:root{--color-primary: var(--primary);--color-primary-hover: var(--primary-hover);--color-primary-light: var(--primary-transparent);--color-text: var(--gray-900, #051321);--color-text-secondary: var(--gray-500, #5D6772);--color-border: var(--border-color, #E2E4E6);--color-danger: var(--danger, #EF1E1E);--color-danger-bg: var(--danger-transparent, #FEF4F4)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.page-subtitle{font-size:.9375rem;color:var(--gray-500);margin:0}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:1050;padding:1.5rem;overflow-y:auto}.modal{background:#fff;border-radius:1rem;width:100%;max-width:480px;max-height:calc(100vh - 3rem);box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;margin:auto}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.form-group{margin-bottom:1rem}.form-group .form-label{margin-bottom:.375rem;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:575.98px){.form-row{grid-template-columns:1fr}}.required{color:var(--danger)}.empty{color:var(--gray-500);padding:2rem;text-align:center}.two-col-sidebar .twocol-mini{display:none!important}.two-col-sidebar .sidebar{left:0!important;width:260px!important}.header{left:260px!important}.page-wrapper{margin-left:260px!important}@media(max-width:991.98px){.header{left:0!important}.page-wrapper{margin-left:0!important}}.sidebar .sidebar-menu ul li a.nav-link{justify-content:flex-start;padding-left:16px}.sidebar .sidebar-menu ul li a.nav-link i{flex-shrink:0;font-size:1.125rem}.sidebar .sidebar-menu ul li a.nav-link span{margin-left:8px}.data-table-page .page-header-kanakku{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.data-table-page .filter-bar{margin-bottom:1rem}.data-table-page .filter-bar .filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.data-table-page .filter-group label.form-label{font-size:.8125rem;color:var(--gray-500);margin-bottom:0}.filter-input,.input-icon-end .filter-input{height:38px}.data-table-page .table-responsive{min-height:260px}.data-table-page .table-responsive table{white-space:nowrap;border:1px solid var(--border-color);margin-bottom:0}.data-table-page .table-responsive table thead th{font-weight:600}.data-table-page .table-responsive .action-item{width:1%;white-space:nowrap}.data-table-page .pagination-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.data-table-page .pagination-wrap .pagination{margin-bottom:0}.modal-dialog{max-width:600px;margin:auto}.premium-swal-popup{border-radius:20px!important;padding:1.5rem!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important;font-family:inherit!important}.swal2-title{font-size:1.5rem!important;font-weight:700!important;color:#1f2937!important}.swal2-html-container{color:#4b5563!important;font-size:1rem!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important;padding:.75rem 1.5rem!important;font-weight:600!important;font-size:.9375rem!important}