@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";body{margin:0}:root{--sidebar-bg:#5a3ec8;--page-bg:#f4f6ff;--active-text:#4b37c4;--inactive-text:#fff;--red:#e74c3c}#sidebar{z-index:2000;background:#5a3ec8;border-top-right-radius:22px;border-bottom-right-radius:22px;width:235px;height:100%;transition:width .3s,left .3s;position:fixed;top:0;left:0}#sidebar.hide{width:63px}#sidebar .logo{justify-content:space-between;align-items:center;padding:20px;display:flex}#sidebar .side-menu{scrollbar-width:none;max-height:calc(100% - 120px);margin:15px 0;padding:0 0 40px 10px;list-style:none;overflow-y:auto}#sidebar .side-menu::-webkit-scrollbar{display:none}#sidebar .side-menu li{margin:2px 0;position:relative}#sidebar .side-menu li a{color:#fff;background:0 0;border-radius:0;align-items:center;gap:19px;height:44px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}#sidebar .side-menu li a:hover{color:#fff}#sidebar .side-menu li a svg{color:#fff;flex-shrink:0;font-size:18px}#sidebar .side-menu li.logout-menu-item{margin-top:20px;padding:0 14px 0 4px}#sidebar .dropdown-item .dropdown-trigger{color:#fff;cursor:pointer;border-radius:0;align-items:center;gap:19px;height:44px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:relative}#sidebar .dropdown-item .dropdown-trigger:hover{color:#fff;background:#ffffff26}#sidebar .dropdown-item .dropdown-trigger .menu-icon{color:#fff;flex-shrink:0;align-items:center;font-size:18px;display:flex}#sidebar .dropdown-item .dropdown-trigger .menu-title{flex:1}#sidebar .dropdown-item .dropdown-trigger .dropdown-arrow{color:#fff9;align-items:center;font-size:14px;transition:transform .3s;display:flex}#sidebar .dropdown-item.active-parent .dropdown-trigger{color:#fff}#sidebar .dropdown-item .dropdown-menu{background:#ffffff14;border-radius:8px;max-height:0;margin:0 0 0 10px;padding:0;list-style:none;transition:max-height .3s,padding .3s;overflow:hidden}#sidebar .dropdown-item .dropdown-menu.open{max-height:500px;padding:5px 0}#sidebar .dropdown-item .dropdown-menu li a{color:#fffc;height:38px;padding:8px 14px 8px 20px;font-size:14px;font-weight:500}#sidebar .dropdown-item .dropdown-menu li a:hover{color:#fff;background:#ffffff26}#sidebar .dropdown-item .dropdown-menu li a svg{font-size:15px}#sidebar .dropdown-item .dropdown-menu li a.active{color:#4b37c4;background:#dfeafb;border-radius:25px 0 0 25px;width:calc(100% - 10px);margin-left:10px;padding-left:45px}#sidebar .dropdown-item .dropdown-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:20px;height:20px;padding:3px}#sidebar.hide .side-menu li a{justify-content:center;padding:10px}#sidebar.hide .side-menu li a .menu-title{display:none}#sidebar.hide .logout-menu-item{padding:0}#sidebar.hide .sidebar-logout-btn{background:0 0;border:none;justify-content:center;width:auto;padding:10px}#sidebar.hide .sidebar-logout-btn span{display:none}#sidebar.hide .dropdown-item .dropdown-trigger{justify-content:center;padding:10px}#sidebar.hide .dropdown-item .dropdown-trigger .menu-title,#sidebar.hide .dropdown-item .dropdown-trigger .dropdown-arrow{display:none}#sidebar.hide .dropdown-item .dropdown-menu{max-height:0;padding:0;overflow:hidden}#sidebar.hide .dropdown-item .dropdown-menu.open{max-height:0}#sidebar.hide .dropdown-item.active-parent .dropdown-trigger .menu-icon svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar:not(.hide) .side-menu li.active a,#sidebar:not(.hide) .side-menu li a.active{color:#4b37c4;z-index:1;background:#dfeafb;border-radius:25px 0 0 25px;width:calc(100% - 10px);margin-left:10px;padding-left:24px;font-weight:600;position:relative;box-shadow:4px 0 10px #0000000f}#sidebar:not(.hide) .side-menu li.active a svg,#sidebar:not(.hide) .side-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar:not(.hide) .side-menu li.active:before,#sidebar:not(.hide) .side-menu li.active:after{content:"";z-index:2;background:#5a3ec8;width:20px;height:20px;position:absolute;right:0}#sidebar:not(.hide) .side-menu li.active:before{border-bottom-right-radius:20px;top:-20px;box-shadow:10px 10px #dfeafb}#sidebar:not(.hide) .side-menu li.active:after{border-top-right-radius:20px;bottom:-20px;box-shadow:10px -10px #dfeafb}#sidebar:not(.hide) .dropdown-menu li.active a,#sidebar:not(.hide) .dropdown-menu li a.active{color:#4b37c4;background:#dfeafb;border-radius:25px 0 0 25px;width:calc(100% - 10px);margin-left:10px;padding-left:45px;box-shadow:4px 0 10px #0000000f}#sidebar:not(.hide) .dropdown-menu li.active a svg,#sidebar:not(.hide) .dropdown-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:20px;height:20px;padding:3px}#sidebar:not(.hide) .dropdown-item.active-parent .dropdown-trigger{color:#fff;position:relative}#sidebar:not(.hide) .dropdown-item.active-parent .dropdown-trigger:after{content:"";background:#ffffff4d;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}#sidebar.hide .side-menu li.active a svg,#sidebar.hide .side-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar .side-menu li a.logout{color:#e74c3c}.sidebar-logout-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:12px;width:100%;height:44px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-logout-btn:hover{background:#ffffff1f}.sidebar-logout-btn svg{flex-shrink:0;font-size:18px}.logoText{color:#fff;font-family:Roboto,sans-serif;font-size:24px;font-weight:700}.logoBox{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-logo{object-fit:contain;max-width:150px;height:auto}.menuIconHidden{color:#fff;cursor:pointer;font-size:18px}#content{background-color:#dfeafb;width:calc(100% - 220px);transition:left .3s,width .3s;position:relative;left:220px}#content nav{z-index:1000;background:#fff;border-radius:0 0 25px 25px;justify-content:space-between;align-items:center;width:95%;height:65px;margin:0 auto;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 6px 22px #97aad229}#content nav .menuIcon{cursor:pointer;color:#333;font-size:20px;display:none}#sidebar.hide~#content{background-color:#dfeafb;width:calc(100% - 60px);left:60px}.profile{align-items:center;gap:12px;display:flex}.profile-icon{color:#5a3ec8;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:18px;display:inline-flex;box-shadow:0 2px 6px #0000000f}.icon-button{color:#fff;cursor:pointer;background:#4b37c4;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.icon-button:hover{background:#5a3ec8;transform:scale(1.05)}.nav-main{align-items:center;gap:25px;display:flex}.page-title{color:#2d2f87;letter-spacing:.3px;text-transform:none;background:linear-gradient(135deg,#2d2f87 0%,#5a3ec8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding:8px 0;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;transition:all .3s;animation:.5s ease-out slideInTitle;position:relative}.page-title:hover{background:linear-gradient(135deg,#5a3ec8 0%,#8b7ad6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.page-title{-webkit-text-fill-color:initial;color:#2d2f87;background:0 0}}@keyframes slideInTitle{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){#sidebar{width:220px}#content{width:calc(100% - 220px);left:220px}}@media (width<=600px){#sidebar{border-radius:0;width:100%;transition:all .2s ease-out}#sidebar.hide{width:0}#sidebar .dropdown-item .dropdown-trigger .dropdown-arrow{display:flex!important}#sidebar .dropdown-item .dropdown-menu{max-height:0;transition:max-height .3s;overflow:hidden}#sidebar .dropdown-item .dropdown-menu.open{max-height:500px}#sidebar.hide .side-menu li.active a,#sidebar.hide .side-menu li a.active,#sidebar .side-menu li.active a,#sidebar .side-menu li a.active{color:#4b37c4;background:#dfeafb;border-radius:25px 0 0 25px;width:auto;margin-left:-10px;padding-left:24px;font-weight:600;box-shadow:4px 0 10px #0000000f}#sidebar.hide .side-menu li.active a svg,#sidebar.hide .side-menu li a.active svg,#sidebar .side-menu li.active a svg,#sidebar .side-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar.hide .logout-menu-item,#sidebar .logout-menu-item{padding:0 14px 0 4px}#sidebar.hide .sidebar-logout-btn,#sidebar .sidebar-logout-btn{background:#ffffff0f;border:1px solid #ffffff1f;justify-content:flex-start;width:100%;padding:10px 14px}#sidebar.hide .sidebar-logout-btn span,#sidebar .sidebar-logout-btn span{display:inline}#sidebar.hide .dropdown-item .dropdown-trigger,#sidebar .dropdown-item .dropdown-trigger{justify-content:flex-start;padding:10px 14px}#sidebar.hide .dropdown-item .dropdown-trigger .menu-title,#sidebar .dropdown-item .dropdown-trigger .menu-title{display:inline}#sidebar.hide .dropdown-item .dropdown-trigger .dropdown-arrow,#sidebar .dropdown-item .dropdown-trigger .dropdown-arrow{display:flex}#sidebar.hide .dropdown-item .dropdown-menu,#sidebar .dropdown-item .dropdown-menu{max-height:0;overflow:hidden}#sidebar.hide .dropdown-item .dropdown-menu.open,#sidebar .dropdown-item .dropdown-menu.open{max-height:500px}#content{width:0;transition:all .2s ease-out;left:100%}#sidebar.hide~#content{width:100%;left:0}.menuIconHidden,#content nav .menuIcon{display:block}}@media screen and (width<=1024px){.page-title{letter-spacing:.2px;font-size:20px}.nav-main{gap:20px}}@media screen and (width<=768px){.page-title{letter-spacing:.1px;font-size:18px}.nav-main{gap:15px}}@media screen and (width<=480px){.page-title{font-size:16px}.nav-main{gap:12px}}.navbar-loading-container{background:#dfeafb;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100vh;display:flex;font-family:Open Sans,sans-serif!important}.navbar-loading-container p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px;animation:1.5s ease-in-out infinite navbar-pulse}.navbar-loading-spinner{border:3.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:.8s linear infinite navbar-spin;display:inline-block}@keyframes navbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes navbar-pulse{0%,to{opacity:1}50%{opacity:.5}}@media screen and (width<=768px){.navbar-loading-container{padding:20px}.navbar-loading-container p{font-size:14px}.navbar-loading-spinner{border-width:3px;width:36px;height:36px}}@media (width<=480px){.navbar-loading-container p{font-size:13px}.navbar-loading-spinner{border-width:2.5px;width:30px;height:30px}}.form-container.premium{background:linear-gradient(145deg,#f9f9ff,#e1e1ef);border-radius:15px;max-width:100%;padding:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 8px 30px #0000001a}.form-row{gap:20px;margin-bottom:15px;display:flex}.form-field{flex-direction:column;flex:1;display:flex}label{color:#444;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}input,textarea,.select-field{background-color:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:all .3s}.select-field{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px}input:focus,textarea:focus,.select-field:focus{background-color:#f7f9ff;border-color:#7366ff;outline:none}.error{color:#d9534f;margin-top:4px;font-size:12px}button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7366ff,#948cff);border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:background .3s}button[type=submit]:hover{background:linear-gradient(90deg,#5f53cc,#7366ff)}.email-fields-group,.contact-fields-group{display:none}@media screen and (width<=768px){.form-row{flex-direction:column;gap:15px}.form-container.premium{padding:10px 20px!important}.email-contact-row{display:none}.email-fields-group,.contact-fields-group{flex-direction:column;gap:15px;margin-bottom:15px;display:flex}.form-row:not(.email-contact-row){flex-direction:column;gap:15px}}@media screen and (width<=480px){label{font-size:13px}input,textarea,.select-field{padding:8px 10px;font-size:13px}button[type=submit]{padding:10px;font-size:14px}}.page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.page-header .action-buttons-group .export-all-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.page-header .action-buttons-group .export-all-btn:hover{background:linear-gradient(135deg,#219653,#27ae60);box-shadow:0 5px 14px #27ae6059}.form-container .form-group{gap:20px;margin-bottom:18px;display:flex}.form-container .form-group .field-half{flex:1}.data-table table th:nth-child(4),.data-table table td:nth-child(4){text-align:center;color:#e67e22;font-family:Roboto,sans-serif;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-container{border-top:1px solid #f0f2f8;justify-content:center;padding:20px;display:flex}.load-more-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:50px;padding:9px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s}.load-more-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91;transform:translateY(-1px);box-shadow:0 4px 12px #3f3f9138}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.detail-value.loyalty-coins{color:#e67e22;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.edit-input.error,.edit-textarea.error{border-color:#dc3545}.modal-footer .import-btn{background:#3f3f91;flex:1;box-shadow:0 3px 8px #3f3f9140}.modal-footer .import-btn.loading{background:#9e9ecc}.import-instructions{background:#f5f7fc;border:1px dashed #c5cbdf;border-radius:8px;margin-bottom:18px;padding:14px 18px}.import-instructions h4{color:#2d2f87;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.import-instructions ul{margin:0;padding-left:18px}.import-instructions ul li{color:#555;font-family:Open Sans,sans-serif;font-size:13px;line-height:1.9}.file-drop-zone{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #c5cbdf;border-radius:8px;padding:32px 20px;transition:all .2s}.file-drop-zone:hover,.file-drop-zone.dragging{background:#f0f0fb;border-color:#6a6ac5}.file-drop-zone.has-file{background:#f0fff5;border-color:#28a745}.file-drop-zone.disabled{cursor:not-allowed;opacity:.6}.file-placeholder{flex-direction:column;align-items:center;gap:8px;display:flex}.file-placeholder .upload-icon{color:#b0b5c8;font-size:36px}.file-placeholder p{color:#666;margin:0;font-family:Open Sans,sans-serif;font-size:14px}.file-placeholder small{color:#aab0bc;font-size:12px}.file-selected{background:#fff;border:1px solid #d0e8d8;border-radius:8px;align-items:center;gap:14px;padding:8px 12px;display:flex}.file-selected .file-icon{color:#28a745;flex-shrink:0;font-size:28px}.file-selected .file-info{text-align:left;flex:1}.file-selected .file-info .file-name{color:#2d2d50;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.file-selected .file-info .file-size{color:#888;font-family:Open Sans,sans-serif;font-size:12px}.file-selected .remove-file{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;transition:all .2s;display:flex}.file-selected .remove-file:hover{color:#dc3545;background:#ffe8e8}.import-loading{flex-direction:column;align-items:center;gap:16px;padding:30px 0;display:flex}.import-loading p{color:#666;margin:0;font-family:Open Sans,sans-serif;font-size:14px}.loading-progress{width:100%}.loading-progress .progress-bar{background:#e8eaf0;border-radius:2px;width:100%;height:4px;overflow:hidden}.loading-progress .progress-bar .progress-fill{background:linear-gradient(90deg,#3f3f91,#6a6ac5);border-radius:2px;height:100%;animation:1.4s ease-in-out infinite progressAnim}@keyframes progressAnim{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@media screen and (width<=768px){.main{padding:16px 14px 32px}.page-header{gap:12px;padding:14px 16px}.page-header h2{font-size:18px}.page-header .right-section{flex-direction:column;align-items:stretch;gap:10px;width:100%}.page-header .search-container{width:100%}.page-header .action-buttons-group{gap:8px;width:100%}.page-header .action-buttons-group button{flex:1;justify-content:center}.data-table table th,.data-table table td{padding:11px 14px;font-size:13px}.form-container{padding:18px}.form-container .form-row,.form-container .form-group{flex-direction:column;gap:14px}.modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.modal-overlay{align-items:flex-end;padding:0}.modal-footer{flex-wrap:wrap}.modal-footer button{flex:1;min-width:calc(50% - 5px)}}@media (width<=480px){.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.modal-footer button{padding:10px 14px;font-size:13px}.page-header h2{font-size:17px}.confirm-dialog{padding:20px 16px}}.modal-lg{max-width:900px!important}.inv-summary-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.inv-summary-cards .inv-summary-card{text-align:center;background:#f5f7fc;border:1px solid #e8ecf5;border-radius:8px;padding:14px 18px}.inv-summary-cards .inv-summary-card .inv-summary-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.inv-summary-cards .inv-summary-card .inv-summary-number{color:#2d2f87;font-family:Roboto,sans-serif;font-size:20px;font-weight:700}.inv-summary-cards .inv-summary-card:nth-child(2) .inv-summary-number{color:#28a745}.inv-summary-cards .inv-summary-card:nth-child(3) .inv-summary-number{color:#e67e22}.inv-table{border-collapse:collapse;width:100%}.inv-table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.inv-table thead th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.inv-table tbody td{color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.inv-table tbody tr:last-child td{border-bottom:none}.inv-table tbody tr:hover td{background-color:#f5f6fb}.inv-table .inv-number-cell{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:600}.inv-table .inv-total-cell{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:600}.inv-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.inv-status-badge.inv-status-active{color:#155724;background:#d4edda}.inv-status-badge.inv-status-cancelled{color:#721c24;background:#f8d7da}.inv-status-badge.inv-status-default{color:#383d41;background:#e2e3e5}.inv-payment-pill{color:#555;background:#e8ecf5;border-radius:50px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:500;display:inline-block}.inv-view-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:50px;align-items:center;gap:5px;padding:6px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.inv-view-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91;transform:translateY(-1px)}.inv-pagination{border-top:1px solid #f0f2f8;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.inv-pagination .inv-page-btn{color:#555;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;padding:6px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.inv-pagination .inv-page-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-color:#3f3f91}.inv-pagination .inv-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-pagination .inv-page-info{color:#666;font-family:Open Sans,sans-serif;font-size:13px}.invoices-btn{color:#fff;cursor:pointer;background:#3f3f91;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 18px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #3f3f9140}.invoices-btn:hover{background:#2d2f87;transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.inv-list-empty{text-align:center;padding:40px 20px}.inv-list-empty .inv-list-empty-icon{color:#c5cbdf;margin-bottom:12px;font-size:48px}.inv-list-empty p{color:#888;font-family:Open Sans,sans-serif;font-size:15px}.inv-list-loading{flex-direction:column;align-items:center;padding:40px 20px;display:flex}.inv-list-loading p{color:#888;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.inv-modal-overlay{z-index:1200;background:#1e1e3c80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.inv-modal-content{background:#fff;border-radius:14px;width:100%;max-width:800px;max-height:90vh;animation:.25s ease-out slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.inv-modal-content.inv-modal-lg{max-width:900px}.inv-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.inv-modal-header .inv-modal-title{color:#2d2f87;align-items:center;gap:10px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700;display:flex}.inv-modal-header .inv-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .2s;display:flex}.inv-modal-header .inv-modal-close:hover{color:#3f3f91;background:#ede8fa}.inv-modal-body{padding:24px}.inv-modal-footer{border-top:1px solid #eaeef6;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.inv-modal-footer .inv-modal-btn-close{color:#666;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.inv-modal-footer .inv-modal-btn-close:hover{background:#f5f6fb;border-color:#c8cde0}.inv-details-header-strip{background:#f5f7fc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.inv-details-header-strip .inv-details-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.inv-details-header-strip .inv-details-invoice-number{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px}.inv-details-section{margin-bottom:20px}.inv-details-section h4{color:#2d2f87;border-bottom:1px solid #f0f2f8;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;display:flex}.inv-details-grid{grid-template-columns:repeat(2,1fr);gap:12px 20px;display:grid}.inv-details-grid .inv-details-item .inv-details-label{color:#888;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.inv-details-grid .inv-details-item strong{color:#2d2d50;font-family:Roboto,sans-serif;font-size:14px}.inv-details-table-wrap{overflow-x:auto}.inv-details-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.inv-details-table-wrap table thead{background:#f7f8fc}.inv-details-table-wrap table thead th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #eaeef6;padding:8px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600}.inv-details-table-wrap table tbody td{color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:8px 12px;font-family:Open Sans,sans-serif}.inv-details-table-wrap table tbody tr:last-child td{border-bottom:none}.inv-details-totals{grid-template-columns:1fr;gap:6px;max-width:350px;display:grid}.inv-details-totals .inv-details-totals-row{color:#555;justify-content:space-between;padding:4px 0;font-family:Open Sans,sans-serif;font-size:14px;display:flex}.inv-details-totals .inv-details-totals-row strong{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:600}.inv-details-totals .inv-details-totals-row.inv-details-totals-sub{color:#777;border-bottom:1px dashed #eee;font-size:13px}.inv-details-totals .inv-details-totals-row.inv-details-totals-promo{color:#dc3545}.inv-details-totals .inv-details-totals-row.inv-details-totals-grand{border-top:2px solid #3f3f91;margin-top:4px;padding-top:8px;font-size:16px;font-weight:700}.inv-details-totals .inv-details-totals-row.inv-details-totals-grand strong{color:#3f3f91;font-size:18px}.inv-details-notes{color:#555;background:#f5f7fc;border-radius:8px;margin:0;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:14px}.inv-details-footer-meta{color:#888;text-align:right;margin-top:16px;font-family:Open Sans,sans-serif;font-size:12px}.inv-details-footer-meta strong{color:#555}@media screen and (width<=768px){.inv-summary-cards{grid-template-columns:1fr;gap:10px}.inv-details-grid{grid-template-columns:1fr}.inv-details-totals{max-width:100%}.inv-modal-content{border-radius:16px 16px 0 0;max-height:95vh}.inv-modal-overlay{align-items:flex-end;padding:0}.inv-details-header-strip{flex-direction:column;align-items:flex-start;gap:8px}.inv-table{font-size:12px}.inv-table thead th,.inv-table tbody td{padding:8px 10px}.inv-pagination{flex-wrap:wrap;gap:10px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Poppins,sans-serif;display:flex}.login-wrapper{border-radius:18px;width:100%;max-width:1100px;min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.login-left{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#fffa 0% 100%);flex:1;align-items:center;padding:64px;display:flex;position:relative}.login-left:before{content:"";z-index:0;background:linear-gradient(135deg,#4a6cf714,#7b9dfc0a);border-radius:24px;width:120px;height:120px;position:absolute;top:18%;left:40px;transform:rotate(12deg)}.login-left .left-inner{z-index:2;max-width:420px;position:relative}.login-left .logo-placeholder{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-weight:700;display:inline-flex}.login-left .left-logo{object-fit:contain;background:0 0;border-radius:8px;width:200px;height:auto;margin-bottom:10px}.login-left .welcome-title{color:#0f172a;margin:0 0 12px;font-size:44px;line-height:1}.login-left .divider{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));border-radius:3px;width:36px;height:3px;margin:12px 0}.login-left .welcome-desc{color:#0f172a;opacity:.75;margin-bottom:20px;line-height:1.6}.login-left .left-footer-home{color:#243042;background:linear-gradient(135deg,#4a6cf714,#7b9dfc0f);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 6px 16px #4a6cf714}.login-left .left-footer-home p{color:#0f172a;flex-shrink:0;margin:0;font-weight:500}.login-left .home-button{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;font-weight:600;transition:transform .2s,box-shadow .2s}.login-left .home-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a6cf726}.login-right{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#fffa 0% 100%);border-left:1px solid #ffffff4d;flex:1;justify-content:center;align-items:center;padding:56px;display:flex;position:relative}.form-bg{z-index:1;filter:blur(.6px);pointer-events:none;background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);border-radius:12px;width:420px;height:420px;position:absolute;top:50%;right:56px;transform:translateY(-50%)rotate(-2deg);box-shadow:0 18px 40px #4a6cf70f,inset 0 -6px 20px #ffffff05}.login-title{color:#0f172a;text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.login-subtitle{color:var(--muted);text-align:center;margin-bottom:22px;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}@media (width<=768px){.login-wrapper{min-height:auto;box-shadow:none;background:0 0;border-radius:12px;flex-direction:column}.login-left{display:none}.login-right{padding:28px}.form-bg{display:none}.glass-card{border-radius:12px;width:100%;padding:20px}.welcome-title{font-size:28px}}@media (width<=400px){.login-container{padding:12px}.glass-card{padding:16px}.form-input,.submit-button{padding:10px 12px}}:root{--accent-1:#4a6cf7;--accent-2:#7b9dfc;--muted:#666;--card-white:#ffffffb8;--card-border:#fff9}*{box-sizing:border-box}.register-container{background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Poppins,sans-serif;display:flex}.register-wrapper{border-radius:18px;width:100%;max-width:1100px;min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.register-left{background:linear-gradient(#fffa 0% 100%);flex:1;justify-content:center;align-items:center;padding:56px;display:flex;position:relative}.form-bg{z-index:1;filter:blur(.6px);pointer-events:none;background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);border-radius:12px;width:430px;height:620px;position:absolute;top:50%;left:56px;transform:translateY(-50%)rotate(2deg);box-shadow:0 18px 40px #4a6cf70f,inset 0 -6px 20px #ffffff05}.glass-card{background:var(--card-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);z-index:2;border-radius:14px;width:360px;max-width:calc(100% - 40px);padding:34px;position:relative;box-shadow:0 12px 30px #0f172a14}.register-title{color:#0f172a;text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.register-subtitle{color:var(--muted);text-align:center;margin-bottom:22px;font-size:14px}.register-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#243042;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.input-icon{color:#8a93a6;font-size:16px}.form-input{background:#ffffffe6;border:1px solid #0f172a0f;border-radius:10px;padding:12px 16px;font-size:14px;transition:box-shadow .16s,border-color .16s}.form-input:focus{border-color:#4a6cf7b3;outline:none;box-shadow:0 6px 18px #4a6cf70f}.form-input.error{border-color:#ff4d4f}.password-input-container{position:relative}.password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.error-message{color:#ff4d4f;margin-top:4px;font-size:12px}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff9f43,#ff6b6b);border:none;border-radius:10px;margin-top:6px;padding:12px 14px;font-weight:600;transition:transform .16s,box-shadow .16s}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ff6b6b1f}.switch-auth{text-align:center;color:#475569;margin-top:16px;font-size:13px}.switch-button{color:var(--accent-1);cursor:pointer;background:0 0;border:none;margin-left:6px;font-weight:700}.register-right{background:linear-gradient(#fffa 0% 100%);flex:1;align-items:center;padding:64px;display:flex;position:relative}.register-right:before{content:"";z-index:0;background:linear-gradient(135deg,#4a6cf714,#7b9dfc0a);border-radius:24px;width:120px;height:120px;position:absolute;top:18%;right:40px;transform:rotate(-12deg)}.register-right .right-inner{z-index:2;max-width:420px;margin-left:auto;position:relative}.register-right .logo-placeholder{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-weight:700;display:inline-flex}.register-right .left-logo{object-fit:contain;background:0 0;border-radius:8px;width:200px;height:auto;margin-bottom:10px}.register-right .welcome-title{color:#0f172a;margin:0 0 12px;font-size:44px;line-height:1}.register-right .divider{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));border-radius:3px;width:36px;height:3px;margin:12px 0}.register-right .welcome-desc{color:#0f172a;opacity:.75;margin-bottom:20px;line-height:1.6}@media (width<=768px){.register-wrapper{min-height:auto;box-shadow:none;background:0 0;border-radius:12px;flex-direction:column}.register-right{display:none}.register-left{padding:28px}.form-bg{display:none}.glass-card{border-radius:12px;width:100%;padding:20px}}@media (width<=400px){.register-container{padding:12px}.glass-card{padding:16px}.form-input,.submit-button{padding:10px 12px}}.au-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.au-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.au-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.au-page-header .au-right-section{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;width:100%;display:flex}.au-page-header .au-search-container{width:250px;position:relative}.au-page-header .au-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.au-page-header .au-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-page-header .au-search-container input::placeholder{color:#aab0bc}.au-page-header .au-search-container .au-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.au-page-header .au-action-buttons-group{align-items:center;gap:10px;display:flex}.au-page-header .au-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.au-page-header .au-action-buttons-group button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.au-page-header .au-action-buttons-group button:active{transform:translateY(0)}.au-page-header .au-action-buttons-group button.disabled,.au-page-header .au-action-buttons-group button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.au-page-header .au-action-buttons-group .au-export-all-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.au-page-header .au-action-buttons-group .au-export-all-btn:hover{background:linear-gradient(135deg,#219653,#27ae60);box-shadow:0 5px 14px #27ae6059}.au-page-header .au-action-buttons-group .au-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12);position:relative}.au-page-header .au-action-buttons-group .au-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.au-page-header .au-action-buttons-group .au-add-btn .au-warning-icon{opacity:.85;font-size:12px}.au-limit-indicator{background:#fff;border-left:4px solid #6a6ac5;border-radius:8px;max-width:1200px;margin:0 auto 18px;padding:13px 20px;box-shadow:0 2px 10px #00000012}.au-limit-indicator.au-limit-reached{background:#fff8f8;border-left-color:#dc3545}.au-limit-indicator.au-limit-reached .au-limit-info{color:#dc3545}.au-limit-indicator.au-limit-reached .au-limit-progress-bar{background:#dc3545!important}.au-limit-indicator .au-limit-info{color:#3f3f91;align-items:center;gap:8px;margin-bottom:9px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;display:flex}.au-limit-indicator .au-limit-info .au-limit-icon{flex-shrink:0;font-size:13px}.au-limit-indicator .au-limit-progress{background:#e8eaf0;border-radius:3px;height:5px;overflow:hidden}.au-limit-indicator .au-limit-progress .au-limit-progress-bar{background:linear-gradient(90deg,#3f3f91,#6a6ac5);border-radius:3px;height:100%;transition:width .4s}.au-limit-warning{color:#8a4800;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;align-items:center;gap:9px;margin-bottom:18px;padding:11px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.au-limit-warning svg{color:#e67e22;flex-shrink:0;font-size:14px}.au-form-container{background:#fff;border-top:3px solid #6a6ac5;border-radius:14px;max-width:1200px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.au-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.au-form-container .au-form-row{gap:20px;margin-bottom:18px;display:flex}.au-form-container .au-form-row .au-form-field{flex:1}.au-form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.au-form-container input[type=text],.au-form-container input[type=email],.au-form-container input[type=password],.au-form-container textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.au-form-container input[type=text]:focus,.au-form-container input[type=email]:focus,.au-form-container input[type=password]:focus,.au-form-container textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-form-container input[type=text]::placeholder,.au-form-container input[type=email]::placeholder,.au-form-container input[type=password]::placeholder,.au-form-container textarea::placeholder{color:#bfc5ce}.au-form-container .au-password-input-container{align-items:center;display:flex;position:relative}.au-form-container .au-password-input-container input{padding-right:42px}.au-form-container .au-password-input-container .au-password-toggle{cursor:pointer;color:#aab0bc;background:0 0;border:none;align-items:center;padding:0;font-size:15px;transition:color .2s;display:flex;position:absolute;right:13px}.au-form-container .au-password-input-container .au-password-toggle:hover{color:#3f3f91}.au-form-container .au-permissions-grid{flex-wrap:wrap;gap:8px;padding:12px 0 4px;display:flex}.au-form-container .au-permissions-grid .au-permission-checkbox{cursor:pointer;color:#555;background:#f5f7fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:7px;padding:7px 14px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.au-form-container .au-permissions-grid .au-permission-checkbox input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;border-radius:3px;flex-shrink:0;width:14px;height:14px;padding:0}.au-form-container .au-permissions-grid .au-permission-checkbox input[type=checkbox]:focus{box-shadow:none;border-color:#0000}.au-form-container .au-permissions-grid .au-permission-checkbox:hover{color:#2d2f87;background:#ededfb;border-color:#6a6ac5}.au-form-container .au-permissions-grid .au-permission-checkbox:has(input:checked){color:#2d2f87;background:#ededfb;border-color:#3f3f91;font-weight:600}.au-form-container .au-error{color:#dc3545;align-items:center;gap:5px;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px;display:flex}.au-form-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;margin-top:6px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.au-form-container button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.au-form-container button[type=submit]:disabled,.au-form-container button[type=submit].disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.au-data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.au-data-table table{border-collapse:collapse;width:100%}.au-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.au-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.au-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.au-data-table table tr{cursor:pointer;transition:background-color .15s}.au-data-table table tr:last-child td{border-bottom:none}.au-data-table table tr:hover td{background-color:#f5f6fb}.au-data-table table tr.au-selected td{color:#2d2f87;background-color:#edf0fc}.au-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.au-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.au-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite au-spin;display:inline-block}.au-loading-spinner.large{border-width:3px;width:40px;height:40px}.au-loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes au-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.au-load-more-container{border-top:1px solid #f0f2f8;justify-content:center;padding:20px;display:flex}.au-load-more-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:50px;padding:9px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s}.au-load-more-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91;transform:translateY(-1px);box-shadow:0 4px 12px #3f3f9138}.au-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out au-fadeIn;display:flex;position:fixed;inset:0}@keyframes au-fadeIn{0%{opacity:0}to{opacity:1}}.au-modal-content{background:#fff;border-radius:14px;width:100%;max-width:580px;max-height:90vh;animation:.25s ease-out au-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}@keyframes au-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.au-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.au-modal-title{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.au-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;transition:all .2s;display:flex}.au-modal-close:hover{color:#3f3f91;background:#ede8fa}.au-modal-body{padding:22px}.au-details-grid{grid-template-columns:1fr;gap:0;display:grid}.au-detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding:14px 0;display:flex}.au-detail-row:first-child{padding-top:0}.au-detail-row:last-child{border-bottom:none;padding-bottom:0}.au-detail-label{color:#999;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:flex}.au-detail-value{color:#2d2d50;word-break:break-word;font-family:Open Sans,sans-serif;font-size:14.5px}.au-edit-field-container{flex-direction:column;gap:5px;display:flex}.au-edit-input,.au-edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.au-edit-input:focus,.au-edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-edit-input.error,.au-edit-textarea.error{border-color:#dc3545}.au-edit-textarea{resize:vertical;min-height:80px}.au-error-message{color:#dc3545;font-family:Open Sans,sans-serif;font-size:12px}.au-permissions-grid-horizontal{flex-wrap:wrap;gap:7px;padding:4px 0;display:flex}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal{cursor:pointer;color:#555;background:#f5f7fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:6px;padding:6px 13px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;flex-shrink:0;width:13px;height:13px;padding:0}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal input[type=checkbox]:focus{box-shadow:none}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal:hover{color:#2d2f87;background:#ededfb;border-color:#6a6ac5}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal:has(input:checked){color:#2d2f87;background:#ededfb;border-color:#3f3f91;font-weight:600}.au-password-toggle-btn{color:#3f3f91;cursor:pointer;background:#f5f7fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.au-password-toggle-btn:hover{background:#ededfb;border-color:#6a6ac5}.au-password-toggle-btn.active{color:#2d2f87;background:#ededfb;border-color:#3f3f91}.au-password-field-container{flex-direction:column;gap:6px;margin-top:12px;display:flex}.au-password-input-wrapper{align-items:center;display:flex;position:relative}.au-password-input-wrapper input{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 42px 9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.au-password-input-wrapper input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-password-input-wrapper input.error{border-color:#dc3545}.au-password-input-wrapper .au-password-visibility-toggle{cursor:pointer;color:#aab0bc;background:0 0;border:none;align-items:center;padding:0;font-size:15px;transition:color .2s;display:flex;position:absolute;right:13px}.au-password-input-wrapper .au-password-visibility-toggle:hover{color:#3f3f91}.au-password-hint{color:#aab0bc;font-family:Open Sans,sans-serif;font-size:12px}.au-admin-note{color:#8a4800;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.au-admin-note svg{color:#e67e22;flex-shrink:0}.au-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.au-modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;min-width:120px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.au-modal-footer button:hover{opacity:.92;transform:translateY(-1px)}.au-modal-footer button:active{transform:translateY(0)}.au-modal-footer button:disabled{cursor:not-allowed;background-color:#b8b8cc;transform:none}.au-modal-footer .au-export-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.au-modal-footer .au-update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.au-modal-footer .au-update-btn.au-save-btn{background:#e55a2b;box-shadow:0 3px 8px #e55a2b40}.au-modal-footer .au-delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.au-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.au-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.au-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.au-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.au-confirm-dialog .au-confirm-buttons{justify-content:center;gap:12px;display:flex}.au-confirm-dialog .au-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.au-confirm-dialog .au-confirm-buttons .au-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.au-confirm-dialog .au-confirm-buttons .au-confirm-cancel:hover{background:#e5e8f0}.au-confirm-dialog .au-confirm-buttons .au-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.au-confirm-dialog .au-confirm-buttons .au-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}@media screen and (width<=768px){.au-main{padding:16px 14px 32px}.au-page-header{padding:14px 16px}.au-page-header .au-right-section{flex-direction:column;align-items:stretch;gap:10px}.au-page-header .au-search-container{width:100%}.au-page-header .au-action-buttons-group{gap:8px;width:100%}.au-page-header .au-action-buttons-group button{flex:1;justify-content:center}.au-data-table table th,.au-data-table table td{padding:11px 14px;font-size:13px}.au-form-container{padding:18px}.au-form-container .au-form-row{flex-direction:column;gap:14px}.au-form-container .au-permissions-grid{gap:6px}.au-modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.au-modal-overlay{align-items:flex-end;padding:0}.au-modal-footer{flex-wrap:wrap}.au-modal-footer button{flex:1;min-width:calc(50% - 5px)}.au-permissions-grid-horizontal{gap:6px}}@media (width<=480px){.au-modal-header{padding:14px 16px}.au-modal-body{padding:16px}.au-modal-footer{padding:12px 16px}.au-modal-footer button{padding:10px 14px;font-size:13px}.au-confirm-dialog{padding:20px 16px}}@keyframes pr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pr-pulse{0%,to{opacity:1}50%{opacity:.5}}@media screen and (width<=768px){.pr-loading-container{padding:20px}.pr-loading-container p{font-size:14px}.pr-loading-spinner{border-width:3px;width:36px;height:36px}}@media (width<=480px){.pr-loading-container p{font-size:13px}.pr-loading-spinner{border-width:2.5px;width:30px;height:30px}}.pr-loading-container{background:#dfeafb;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex;font-family:Open Sans,sans-serif!important}.pr-loading-container p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px;animation:1.5s ease-in-out infinite pr-pulse}.pr-loading-spinner{border:3.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:.8s linear infinite pr-spin;display:inline-block}@media screen and (width<=768px){.pr-loading-container{padding:20px}.pr-loading-container p{font-size:14px}.pr-loading-spinner{border-width:3px;width:36px;height:36px}}@media (width<=480px){.pr-loading-container p{font-size:13px}.pr-loading-spinner{border-width:2.5px;width:30px;height:30px}}.logs-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.logs-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.logs-page-header h2{color:#2d2f87;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex;font-family:Roboto,sans-serif!important}.logs-page-header h2 svg{color:#3f3f91}.logs-page-header .logs-header-actions{align-items:center;gap:10px;display:flex}.logs-page-header .logs-export-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:50px;align-items:center;gap:8px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #27ae6040}.logs-page-header .logs-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60);transform:translateY(-2px);box-shadow:0 5px 14px #27ae6059}.logs-page-header .logs-export-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.logs-filters-bar{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto 18px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000012}.logs-filters-bar .logs-filters-group{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.logs-filters-bar .logs-filter-field{align-items:center;display:flex;position:relative}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;min-width:180px;padding:8px 12px 8px 36px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.logs-filters-bar .logs-filter-field input[type=text]:focus,.logs-filters-bar .logs-filter-field input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.logs-filters-bar .logs-filter-field input[type=text]::placeholder,.logs-filters-bar .logs-filter-field input[type=date]::placeholder{color:#aab0bc}.logs-filters-bar .logs-filter-field input[type=date]{min-width:160px;padding-right:10px}.logs-filters-bar .logs-filter-field select{color:#333;cursor:pointer;appearance:none;background:#f5f7fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aab0bc' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center no-repeat;border:1.5px solid #e3e8f0;border-radius:50px;min-width:140px;padding:8px 38px 8px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.logs-filters-bar .logs-filter-field select:focus{background-color:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.logs-filters-bar .logs-filter-field .logs-filter-icon{color:#aab0bc;pointer-events:none;z-index:1;font-size:13px;position:absolute;left:12px}.logs-filters-bar .logs-filter-field .logs-filter-clear{color:#aab0bc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:12px;transition:color .2s;display:flex;position:absolute;right:10px}.logs-filters-bar .logs-filter-field .logs-filter-clear:hover{color:#dc3545}.logs-filters-bar .logs-date-field input[type=date]{min-width:150px}.logs-filters-bar .logs-apply-filter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:7px;padding:8px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #3f3f9133}.logs-filters-bar .logs-apply-filter-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #3f3f914d}.logs-filters-bar .logs-apply-filter-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.logs-filters-bar .logs-clear-filter-btn{color:#dc3545;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #dc3545;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .22s;display:flex}.logs-filters-bar .logs-clear-filter-btn:hover{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354533}.logs-filters-bar .logs-result-count{color:#3f3f91;white-space:nowrap;background:#f0f0fb;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.logs-table-container{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.logs-table-wrap{overflow-x:auto}.logs-table-wrap table{border-collapse:collapse;width:100%;min-width:900px}.logs-table-wrap table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.logs-table-wrap table thead th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;z-index:5;background:#f7f8fc;padding:14px 16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;position:sticky;top:0}.logs-table-wrap table tbody tr{transition:background-color .15s}.logs-table-wrap table tbody tr:hover td{background-color:#f5f6fb}.logs-table-wrap table tbody tr td{text-align:left;color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.logs-serial{color:#aab0bc;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;text-align:center!important}.logs-module{color:#2d2f87;align-items:center;gap:8px;font-weight:600;display:flex}.logs-module .logs-module-icon{flex-shrink:0;font-size:16px}.logs-user{align-items:center;gap:6px;display:flex}.logs-user .logs-user-icon{color:#aab0bc;flex-shrink:0;font-size:12px}.logs-email{color:#555;font-size:13px}.logs-email a{color:#3f3f91;text-decoration:none}.logs-email a:hover{text-decoration:underline}.logs-action .logs-action-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-block}.logs-action .logs-action-badge.logs-action-create{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-update{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-delete{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-toggle{color:#856404;background:#fff3cd}.logs-action .logs-action-badge.logs-action-add{color:#0c5460;background:#d1ecf1}.logs-action .logs-action-badge.logs-action-remove{color:#721c24;background:#f5c6cb}.logs-action .logs-action-badge.logs-action-patch{color:#6c3483;background:#e8daef}.logs-action .logs-action-badge.logs-action-export{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-dispose{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-invoice{color:#0c5460;background:#d1ecf1}.logs-action .logs-action-badge.logs-action-bulk-upload{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-create-product{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-update-product{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-delete-product{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-add-stock{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-remove-stock{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-login{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-logout{color:#856404;background:#fff3cd}.logs-action .logs-action-badge.logs-action-register{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-update-user{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-delete-user{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-update-loyalty{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-unknown{color:#6b6b9a;background:#eaeef6}.logs-action .logs-action-badge.logs-action-bulk-create{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-toggle-status{color:#856404;background:#fff3cd}.logs-action .logs-action-badge.logs-action-reset-coins{color:#721c24;background:#f8d7da}.logs-heading{white-space:nowrap;text-overflow:ellipsis;color:#2d2d50;max-width:200px;font-weight:500;overflow:hidden}.logs-status .log-status-success{color:#155724;background:#d4edda;border-radius:20px;align-items:center;gap:5px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.logs-status .log-status-success svg{font-size:11px}.logs-status .log-status-failed{color:#721c24;background:#f8d7da;border-radius:20px;align-items:center;gap:5px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.logs-status .log-status-failed svg{font-size:11px}.logs-timestamp{color:#888;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.logs-timestamp .logs-clock-icon{color:#aab0bc;flex-shrink:0;font-size:12px}.logs-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.logs-loading p{color:#888;margin:16px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.logs-loading-spinner{border:3px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:.8s linear infinite logs-spin;display:inline-block}.logs-loading-spinner.small{border-width:2.5px;width:20px;height:20px}@keyframes logs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logs-empty-state{text-align:center;padding:60px 20px}.logs-empty-state .logs-empty-icon{color:#ccd2e0;margin-bottom:16px;font-size:48px}.logs-empty-state p{color:#aab0bc;margin:0 0 16px;font-family:Open Sans,sans-serif;font-size:15px}.logs-empty-state .logs-empty-clear-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #3f3f91;border-radius:50px;padding:8px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.logs-empty-state .logs-empty-clear-btn:hover{color:#fff;background:#3f3f91}.logs-pagination{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 24px;padding:16px 24px;display:flex;box-shadow:0 2px 10px #00000012}.logs-pagination .logs-pagination-info{color:#555;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:500}.logs-pagination .logs-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.logs-pagination .logs-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;transition:all .2s;display:flex}.logs-pagination .logs-pagination-btn:hover:not(:disabled){color:#3f3f91;background:#f5f6fb;border-color:#3f3f91}.logs-pagination .logs-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.logs-pagination .logs-pagination-pages{align-items:center;gap:4px;display:flex}.logs-pagination .logs-pagination-page{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.logs-pagination .logs-pagination-page:hover:not(.logs-pagination-active){background:#f5f6fb;border-color:#e3e8f0}.logs-pagination .logs-pagination-page.logs-pagination-active{color:#fff;background:#3f3f91;border-color:#3f3f91;box-shadow:0 2px 8px #3f3f9140}@media screen and (width<=1024px){.logs-filters-bar .logs-filters-group{gap:10px}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{min-width:140px;font-size:13px}.logs-filters-bar .logs-filter-field select{min-width:120px;font-size:13px}}@media screen and (width<=768px){.logs-main{padding:16px 14px 32px}.logs-page-header{padding:14px 16px}.logs-page-header h2{font-size:18px}.logs-page-header .logs-header-actions{width:100%}.logs-page-header .logs-export-btn{justify-content:center;width:100%;padding:10px 20px}.logs-filters-bar{flex-direction:column;align-items:stretch;padding:14px 16px}.logs-filters-bar .logs-filters-group{flex-direction:column;align-items:stretch;gap:10px}.logs-filters-bar .logs-filter-field{width:100%}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{width:100%;min-width:auto;padding:9px 12px 9px 36px;font-size:13px}.logs-filters-bar .logs-filter-field select{width:100%;min-width:auto;padding:9px 38px 9px 14px;font-size:13px}.logs-filters-bar .logs-apply-filter-btn,.logs-filters-bar .logs-clear-filter-btn{justify-content:center;width:100%;padding:10px 20px}.logs-filters-bar .logs-result-count{text-align:center;justify-content:center;width:100%;padding:6px 12px}.logs-table-wrap table{min-width:700px}.logs-table-wrap table thead th,.logs-table-wrap table tbody td{padding:10px 12px;font-size:12.5px}.logs-heading{max-width:120px}.logs-pagination{text-align:center;flex-direction:column;align-items:stretch;padding:14px 16px}.logs-pagination .logs-pagination-info{text-align:center}.logs-pagination .logs-pagination-controls{justify-content:center}.logs-pagination .logs-pagination-pages{gap:3px}.logs-pagination .logs-pagination-page{min-width:32px;height:32px;padding:0 8px;font-size:12px}.logs-pagination .logs-pagination-btn{width:32px;height:32px;font-size:12px}.logs-status .log-status-success,.logs-status .log-status-failed{padding:2px 10px;font-size:11px}.logs-timestamp{flex-wrap:wrap;font-size:11px}.logs-action .logs-action-badge{padding:2px 10px;font-size:10px}}@media (width<=480px){.logs-page-header{padding:12px 14px}.logs-page-header h2{font-size:16px}.logs-filters-bar{gap:8px;padding:12px 14px}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{padding:8px 10px 8px 34px;font-size:12px}.logs-filters-bar .logs-filter-field select{padding:8px 34px 8px 12px;font-size:12px}.logs-filters-bar .logs-filter-field .logs-filter-icon{font-size:12px;left:10px}.logs-filters-bar .logs-apply-filter-btn,.logs-filters-bar .logs-clear-filter-btn{padding:8px 16px;font-size:12px}.logs-filters-bar .logs-result-count{font-size:12px}.logs-table-wrap table{min-width:600px}.logs-table-wrap table thead th,.logs-table-wrap table tbody td{padding:8px 10px;font-size:11.5px}.logs-serial{font-size:10px}.logs-module{gap:4px;font-size:11.5px}.logs-module .logs-module-icon{font-size:13px}.logs-user{gap:4px;font-size:11.5px}.logs-user .logs-user-icon{font-size:10px}.logs-email{font-size:11px}.logs-heading{max-width:80px;font-size:11.5px}.logs-timestamp{gap:3px;font-size:10px}.logs-timestamp .logs-clock-icon{font-size:10px}.logs-status .log-status-success,.logs-status .log-status-failed{gap:3px;padding:2px 8px;font-size:10px}.logs-status .log-status-success svg,.logs-status .log-status-failed svg{font-size:9px}.logs-action .logs-action-badge{padding:2px 8px;font-size:9px}.logs-pagination{padding:10px 12px}.logs-pagination .logs-pagination-info{font-size:12px}.logs-pagination .logs-pagination-page{min-width:28px;height:28px;padding:0 6px;font-size:11px}.logs-pagination .logs-pagination-btn{width:28px;height:28px;font-size:11px}.logs-empty-state{padding:40px 16px}.logs-empty-state .logs-empty-icon{font-size:36px}.logs-empty-state p{font-size:13px}.logs-loading{padding:40px 20px}.logs-loading p{font-size:13px}}.logs-table-wrap::-webkit-scrollbar{width:6px;height:6px}.logs-table-wrap::-webkit-scrollbar-track{background:#f0f2f8;border-radius:3px}.logs-table-wrap::-webkit-scrollbar-thumb{background:#ccd2e0;border-radius:3px}.logs-table-wrap::-webkit-scrollbar-thumb:hover{background:#aab0bc}.logs-heading{position:relative}.logs-heading:hover:after{content:attr(title);color:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:10;background:#2d2d50;border-radius:8px;max-width:400px;padding:6px 12px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.form-container input,.form-container textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.form-container input:focus,.form-container textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.form-container input::placeholder,.form-container textarea::placeholder{color:#bfc5ce}.status-active,.status-inactive{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.status-active{color:#155724;background:#d4edda}.status-inactive{color:#721c24;background:#f8d7da}.modal-body{flex-direction:column;gap:16px;padding:22px;display:flex}.detail-row input,.detail-row textarea,.detail-row select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.detail-row input:focus,.detail-row textarea:focus,.detail-row select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.detail-row textarea{resize:vertical;min-height:70px}.detail-row select{cursor:pointer}@media screen and (width<=768px){.main{padding:16px 14px 32px}.page-header{gap:12px;padding:14px 16px}.page-header .right-section{flex-direction:column;align-items:stretch;gap:10px;width:100%}.page-header .search-container,.page-header .action-buttons-group{width:100%}.page-header .action-buttons-group button{flex:1;justify-content:center}.data-table table th,.data-table table td{padding:11px 14px;font-size:13px}.form-container{padding:18px}.form-container .form-row{flex-direction:column;gap:14px}.modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.modal-overlay{align-items:flex-end;padding:0}.modal-footer{flex-wrap:wrap}.modal-footer button{flex:1;min-width:calc(50% - 5px)}}.page-header .right-section{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.page-header .filters-group select{appearance:none;color:#444;cursor:pointer;background:#f5f7fa url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath fill='%236b6b9a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 12px center/13px no-repeat;border:1.5px solid #e3e8f0;border-radius:50px;min-width:140px;padding:9px 32px 9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .25s}.page-header .filters-group select:focus{background-color:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.page-header .action-buttons-group{align-items:center;gap:10px;display:flex}.page-header .action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.page-header .action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.page-header .action-buttons-group button:active{transform:translateY(0)}.page-header .action-buttons-group .add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.page-header .action-buttons-group .add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.form-container h2{color:#3f3f91;align-items:center;gap:8px;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;display:flex}.form-container input,.form-container select,.form-container textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.form-container input::placeholder,.form-container select::placeholder,.form-container textarea::placeholder{color:#bfc5ce}.form-container select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath fill='%236b6b9a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:13px;padding-right:34px}.form-container .error{color:#dc3545;align-items:center;gap:5px;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px;display:flex}.data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.status-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.status-badge.status-available{color:#155724;background:#d4edda}.status-badge.status-occupied{color:#721c24;background:#f8d7da}.status-badge.status-maintenance{color:#a35315;background:#fde3cf}.status-badge.status-cleaning{color:#135c85;background:#d6ecf9}.status-badge.status-booked{color:#4d2d91;background:#e6def7}.modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;line-height:1;transition:all .2s;display:flex}.edit-field-container{flex-direction:column;gap:4px;display:flex}.edit-input,.edit-select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.edit-input:focus,.edit-select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.edit-input.error,.edit-select.error{border-color:#dc3545}.edit-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath fill='%236b6b9a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:13px;padding-right:34px}.error-message{color:#dc3545;margin-top:2px;font-family:Open Sans,sans-serif;font-size:12px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;display:grid}.pricing-item{background:#f5f7fc;border:1px solid #e8ecf5;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.pricing-item .pricing-item-label{color:#888;text-transform:uppercase;letter-spacing:.3px;font-family:Open Sans,sans-serif;font-size:11px}.pricing-item .pricing-item-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;min-width:120px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.modal-footer button:disabled{cursor:not-allowed;background-color:#b8b8cc;transform:none}@media screen and (width<=768px){.main{padding:16px 14px 32px}.page-header{gap:12px;padding:14px 16px}.page-header .right-section{flex-direction:column;align-items:stretch;gap:10px;width:100%}.page-header .search-container{width:100%}.page-header .filters-group{flex-direction:column;width:100%}.page-header .filters-group select,.page-header .action-buttons-group{width:100%}.page-header .action-buttons-group button{flex:1;justify-content:center}.data-table table th,.data-table table td{padding:11px 14px;font-size:13px}.form-container{padding:18px}.form-container .form-row{flex-direction:column;gap:14px}.modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.modal-overlay{align-items:flex-end;padding:0}.pricing-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{flex-wrap:wrap;padding:12px 16px}.modal-footer button{flex:1;min-width:calc(50% - 5px);padding:10px 14px;font-size:13px}.confirm-dialog{padding:20px 16px}}.ckin-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.ckin-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;max-width:1300px;margin:0 auto 22px;padding:14px 20px;display:flex;box-shadow:0 2px 10px #00000012}.ckin-page-header .ckin-search-container{flex:0 0 200px;min-width:150px;position:relative}.ckin-page-header .ckin-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:8px 12px 8px 34px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .25s}.ckin-page-header .ckin-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckin-page-header .ckin-search-container input::placeholder{color:#aab0bc;font-size:12px}.ckin-page-header .ckin-search-container .ckin-search-icon{color:#aab0bc;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ckin-page-header .ckin-status-filter-wrapper{flex:none;position:relative}.ckin-page-header .ckin-status-filter-toggle{color:#333;cursor:pointer;white-space:nowrap;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:6px;padding:8px 14px 8px 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .25s;display:flex}.ckin-page-header .ckin-status-filter-toggle:hover{background:#ede8fa;border-color:#6a6ac5}.ckin-page-header .ckin-status-filter-toggle.ckin-status-filter-active{background:#edf0fc;border-color:#3f3f91}.ckin-page-header .ckin-status-filter-toggle .ckin-status-filter-label{color:#888;font-weight:500}.ckin-page-header .ckin-status-filter-toggle .ckin-status-filter-selected{color:#3f3f91;align-items:center;gap:4px;font-weight:700;display:flex}.ckin-page-header .ckin-status-filter-toggle .ckin-status-filter-selected .ckin-status-count{color:#fff;background:#3f3f91;border-radius:50px;margin-left:3px;padding:1px 7px;font-size:9px;font-weight:700}.ckin-page-header .ckin-status-filter-toggle .ckin-status-filter-arrow{color:#aab0bc;margin-left:2px;font-size:10px;transition:transform .25s}.ckin-page-header .ckin-status-filter-toggle .ckin-status-filter-arrow.ckin-status-filter-arrow-open{transform:rotate(180deg)}.ckin-page-header .ckin-status-dropdown{z-index:100;transform-origin:0 0;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;min-width:220px;padding:12px 14px;animation:.2s ease-out ckin-dropdownSlide;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 30px #1e1e3c2e}@keyframes ckin-dropdownSlide{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-header{border-bottom:1px solid #f0f2f8;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-header .ckin-status-dropdown-title{color:#888;text-transform:uppercase;letter-spacing:.3px;font-family:Roboto,sans-serif;font-size:11px;font-weight:700}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-header .ckin-status-select-all{color:#3f3f91;cursor:pointer;font-family:Open Sans,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-header .ckin-status-select-all:hover{color:#2d2f87;text-decoration:underline}.ckin-page-header .ckin-status-dropdown .ckin-status-options{flex-direction:column;gap:3px;display:flex}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item{cursor:pointer;color:#444;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item:hover{background:#f5f6fb}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;flex-shrink:0;width:14px;height:14px;margin:0}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item .ckin-status-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item .ckin-status-color-dot.ckin-dot-active{background:#28a745}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item .ckin-status-color-dot.ckin-dot-extended{background:#e67e22}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item .ckin-status-color-dot.ckin-dot-checkedout{background:#6c757d}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item .ckin-status-color-dot.ckin-dot-cancelled{background:#dc3545}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item .ckin-status-checkbox-label{flex:1;font-weight:500}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item .ckin-status-checkbox-count{color:#aab0bc;background:#f5f6fa;border-radius:50px;padding:0 8px;font-size:11px;font-weight:600}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item.ckin-status-checked{background:#edf0fc;border-left:3px solid #3f3f91;padding-left:7px}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item.ckin-status-checked-active{background:#d4edda;border-left:3px solid #28a745;padding-left:7px}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item.ckin-status-checked-extended{background:#fff3cd;border-left:3px solid #e67e22;padding-left:7px}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item.ckin-status-checked-checkedout{background:#e2e3e5;border-left:3px solid #6c757d;padding-left:7px}.ckin-page-header .ckin-status-dropdown .ckin-status-checkbox-item.ckin-status-checked-cancelled{background:#f8d7da;border-left:3px solid #dc3545;padding-left:7px}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-footer{border-top:1px solid #f0f2f8;justify-content:flex-end;margin-top:8px;padding-top:8px;display:flex}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-footer .ckin-status-reset-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #dde1ed;border-radius:50px;align-items:center;gap:5px;padding:4px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:flex}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-footer .ckin-status-reset-btn:hover{color:#dc3545;background:#f5f6fb;border-color:#c8cde0}.ckin-page-header .ckin-status-dropdown .ckin-status-dropdown-footer .ckin-status-reset-btn svg{font-size:10px}.ckin-page-header .ckin-filters-group{flex:1;align-items:center;gap:8px;display:flex}.ckin-page-header .ckin-filters-group select,.ckin-page-header .ckin-filters-group input[type=date]{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;min-width:110px;padding:8px 12px;font-family:Open Sans,sans-serif;font-size:12.5px;transition:all .25s}.ckin-page-header .ckin-filters-group select:focus,.ckin-page-header .ckin-filters-group input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckin-page-header .ckin-filters-group input[type=date]{min-width:130px}.ckin-page-header .ckin-action-buttons-group{flex:none;align-items:center;gap:8px;display:flex}.ckin-page-header .ckin-action-buttons-group button{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.ckin-page-header .ckin-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.ckin-page-header .ckin-action-buttons-group button:active{transform:translateY(0)}.ckin-page-header .ckin-action-buttons-group button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important}.ckin-page-header .ckin-action-buttons-group button .ckin-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite ckin-spin}.ckin-page-header .ckin-action-buttons-group .ckin-export-all-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.ckin-page-header .ckin-action-buttons-group .ckin-export-all-btn:hover{background:linear-gradient(135deg,#219653,#27ae60);box-shadow:0 5px 14px #27ae6059}.ckin-page-header .ckin-action-buttons-group .ckin-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.ckin-page-header .ckin-action-buttons-group .ckin-add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.ckin-field-hint{color:#888;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.ckin-rooms-loading-text,.ckin-loading-text{color:#888;padding:9px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.ckin-no-rooms-warning{color:#dc3545;background:#f8d7da;border-radius:8px;margin-top:6px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13px}.ckin-no-rooms-warning-box{color:#dc3545;background:#f8d7da;border-radius:8px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.ckin-booking-number-value{color:#3f3f91;font-weight:700}.ckin-selected-customer-icon{color:#28a745;margin-right:8px}.ckin-hidden-pdf-print{visibility:hidden;position:absolute;top:0;left:-9999px}.ckin-text-danger{color:#dc3545!important}.ckin-text-success{color:#28a745!important}.ckin-text-warning{color:#e67e22!important}@keyframes ckin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ckin-spin{animation:.9s linear infinite ckin-spin;display:inline-flex}.ckin-booking-type-badge{letter-spacing:.2px;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.ckin-booking-type-badge.ckin-pernight-badge{color:#6c5ce7;background:#f0f0ff;border:1px solid #d6d6ff}.ckin-booking-type-badge.ckin-simple-badge{color:#556;background:#eef1f8;border:1px solid #dde1ed}.ckin-customer-search-wrap{position:relative}.ckin-customer-search-row{align-items:center;gap:8px;display:flex}.ckin-customer-search-input{flex:1;width:100%}.ckin-add-customer-btn{white-space:nowrap;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.ckin-add-customer-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px)}.ckin-booking-section-divider{border:none;border-top:1.5px dashed #e3e8f0;margin:4px 0 20px}.ckin-booking-search-wrap{position:relative}.ckin-booking-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.ckin-booking-search-input{width:100%;padding:9px 13px 9px 38px!important}.ckin-searching-spinner{color:#6a6ac5;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.ckin-booking-dropdown .ckin-booking-dropdown-item{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.ckin-booking-dropdown .ckin-booking-dropdown-item .ckin-booking-dropdown-number{color:#2d2f87;min-width:90px;font-family:Roboto,sans-serif;font-size:13.5px}.ckin-booking-dropdown .ckin-booking-dropdown-item .ckin-booking-dropdown-guest{color:#333;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600}.ckin-booking-dropdown .ckin-booking-dropdown-item .ckin-booking-dropdown-phone{color:#888;font-family:Open Sans,sans-serif;font-size:12px}.ckin-booking-dropdown .ckin-booking-dropdown-item .ckin-booking-dropdown-date{color:#666;margin-left:auto;font-family:Open Sans,sans-serif;font-size:12px}.ckin-booking-dropdown .ckin-booking-dropdown-item .ckin-booking-dropdown-rooms{color:#3f3f91;background:#edf0fc;border-radius:50px;width:100%;padding:2px 9px;font-family:Open Sans,sans-serif;font-size:11.5px}.ckin-selected-booking-info{color:#256029;background:#edf7ed;border:1px solid #c8e6c9;border-radius:50px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-top:10px;padding:9px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ckin-selected-booking-info .ckin-selected-booking-icon{color:#28a745;flex-shrink:0}.ckin-selected-booking-info .ckin-selected-booking-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ckin-selected-booking-info .ckin-selected-booking-text strong{color:#2d2f87}.ckin-selected-booking-info .ckin-selected-booking-remove{color:#256029;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;margin-left:6px;padding:0;font-size:13px;display:flex}.ckin-selected-booking-info .ckin-selected-booking-remove:hover{color:#dc3545}.ckin-dropdown-list{z-index:50;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #1e1e3c24}.ckin-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f2f8;flex-direction:column;gap:2px;padding:10px 14px;transition:background .15s;display:flex}.ckin-dropdown-item:last-child{border-bottom:none}.ckin-dropdown-item:hover{background:#f5f6fb}.ckin-dropdown-item strong{color:#2d2f87;font-family:Roboto,sans-serif;font-size:14px}.ckin-dropdown-item .ckin-dropdown-item-sub{color:#888;font-family:Open Sans,sans-serif;font-size:12px}.ckin-dropdown-item.ckin-dropdown-item-center{justify-content:center;align-items:center}.ckin-dropdown-item.ckin-create-new-option{color:#3f3f91;border-top:1px solid #ddd;flex-direction:row;align-items:center;gap:8px;margin-top:5px;padding-top:10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.ckin-dropdown-item.ckin-create-new-option:hover{background:#ede8fa}.ckin-selected-customer{color:#256029;background:#edf7ed;border:1px solid #c8e6c9;border-radius:50px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-top:10px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ckin-selected-customer .ckin-remove-btn{color:#256029;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;margin-left:6px;padding:0;font-size:13px;display:flex}.ckin-selected-customer .ckin-remove-btn:hover{color:#dc3545}.ckin-inline-customer-create{background:#f9f9ff;border:2px solid #3f3f91;border-radius:8px;margin-top:10px;padding:16px}.ckin-inline-customer-create h4{color:#3f3f91;align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.ckin-inline-customer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ckin-inline-customer-field{flex-direction:column;gap:4px;display:flex}.ckin-inline-customer-field.ckin-inline-customer-field-full{grid-column:1/-1}.ckin-inline-customer-field label{color:#555;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600}.ckin-inline-customer-actions{gap:10px;margin-top:12px;display:flex}.ckin-inline-customer-actions button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 22px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ckin-inline-customer-actions .ckin-create-customer-submit{color:#fff;background:#3f3f91}.ckin-inline-customer-actions .ckin-create-customer-submit:hover{background:#2d2f87}.ckin-inline-customer-actions .ckin-create-customer-submit:disabled{cursor:not-allowed;background:#9e9ecc}.ckin-inline-customer-actions .ckin-cancel-create-customer{color:#dc3545;background:0 0;border:1.5px solid #dc3545}.ckin-inline-customer-actions .ckin-cancel-create-customer:hover{color:#fff;background:#dc3545}.ckin-form-container{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;max-width:1300px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.ckin-form-container.ckin-premium{border-top:3px solid #6a6ac5}.ckin-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.ckin-form-container .ckin-form-row{align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.ckin-form-container .ckin-form-row .ckin-form-field{flex:1;min-width:0;position:relative}.ckin-form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.ckin-form-container input,.ckin-form-container textarea,.ckin-form-container select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ckin-form-container input:focus,.ckin-form-container textarea:focus,.ckin-form-container select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckin-form-container input::placeholder,.ckin-form-container textarea::placeholder,.ckin-form-container select::placeholder{color:#bfc5ce}.ckin-form-container select{cursor:pointer}.ckin-form-container textarea{resize:vertical;min-height:80px}.ckin-form-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;margin-top:6px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.ckin-form-container button[type=submit]:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.ckin-form-container button[type=submit]:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.ckin-form-container .ckin-error{color:#dc3545;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px}.ckin-room-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.ckin-room-checkbox{cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;padding:12px 14px;transition:all .2s}.ckin-room-checkbox:hover{background:#f5f6fb;border-color:#6a6ac5}.ckin-room-checkbox.ckin-selected{background:#edf0fc;border-color:#3f3f91}.ckin-room-checkbox label{cursor:pointer;align-items:flex-start;gap:10px;margin:0;display:flex}.ckin-room-checkbox input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;width:auto;margin-top:3px}.ckin-room-checkbox .ckin-room-info{flex-direction:column;gap:2px;display:flex}.ckin-room-checkbox .ckin-room-info strong{color:#2d2f87;font-family:Roboto,sans-serif;font-size:14px}.ckin-room-checkbox .ckin-room-info span{color:#666;font-family:Open Sans,sans-serif;font-size:12px}.ckin-selected-rooms-summary{background:#e8f5e9;border-radius:8px;margin-top:12px;padding:10px 16px;font-family:Open Sans,sans-serif}.ckin-selected-rooms-summary strong{color:#256029;font-family:Roboto,sans-serif;font-size:14px}.ckin-selected-rooms-summary .ckin-selected-rooms-list{color:#555;margin-top:4px;font-size:13px}.ckin-price-preview{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;margin-top:15px;padding:15px}.ckin-price-preview h4{color:#2e7d32;align-items:center;gap:8px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.ckin-price-preview-list{color:#333;font-family:Open Sans,sans-serif;font-size:14px}.ckin-price-preview-item{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.ckin-price-preview-item.ckin-editable-price-item{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0}.ckin-price-preview-room-info{flex:1;align-items:center;gap:8px;min-width:160px;display:flex}.ckin-room-category-tag{color:#3f3f91;white-space:nowrap;background:#edf0fc;border-radius:50px;padding:2px 9px;font-family:Open Sans,sans-serif;font-size:11px}.ckin-price-preview-input-group{background:#fff;border:1.5px solid #c8e6c9;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:flex}.ckin-price-preview-input-group .ckin-currency-symbol{color:#2e7d32;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.ckin-price-edit-input{color:#2e7d32;background:0 0;border:none;width:90px;padding:3px 2px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.ckin-price-edit-input:focus{outline:none}.ckin-price-preview-divider{border:1px solid #4caf50;margin:8px 0}.ckin-price-preview-total{justify-content:space-between;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.ckin-price-preview-total .ckin-price-preview-total-value{color:#2e7d32}.ckin-price-breakdown-row{background:#f5f5f5;border-radius:8px;padding:15px}.ckin-price-breakdown-box{background:#f5f5f5;border-radius:8px;margin:6px 0;padding:14px 16px}.ckin-price-breakdown-box h4{color:#3f3f91;align-items:center;gap:8px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.ckin-price-breakdown-box.ckin-live-price{background:#f0f4ff;border:1.5px dashed #6a6ac5}.ckin-live-price-hint{color:#888;margin-top:8px;font-family:Open Sans,sans-serif;font-size:11.5px;font-style:italic;display:block}.ckin-price-breakdown-grid{color:#333;grid-template-columns:1fr 1fr;gap:5px;font-family:Open Sans,sans-serif;font-size:14px;display:grid}.ckin-price-breakdown-grid .ckin-price-val{text-align:right}.ckin-price-breakdown-grid .ckin-price-divider{border:1px solid #ddd;grid-column:1/-1;margin:4px 0}.ckin-price-breakdown-grid .ckin-price-divider.ckin-price-divider-thick{border:2px solid #3f3f91}.ckin-price-breakdown-grid .ckin-price-grand-label,.ckin-price-breakdown-grid .ckin-price-grand-value{color:#3f3f91;font-size:16px;font-weight:700}.ckin-price-section-label{color:#444;margin-top:6px;font-size:13px}.ckin-room-price-label{color:#555;padding-left:10px;font-size:13px}.ckin-price-total-label{color:#333;padding-left:10px;font-size:13px;font-weight:600}.ckin-price-total{color:#3f3f91;font-weight:600}.ckin-removed-label,.ckin-removed-text{color:#dc3545}.ckin-removed-badge{color:#721c24;text-transform:uppercase;letter-spacing:.3px;background:#f8d7da;border-radius:50px;padding:2px 8px;font-size:9px;font-weight:700}.ckin-balance-due{color:#dc3545!important}.ckin-balance-clear{color:#28a745!important}.ckin-edit-room-prices{flex-direction:column;gap:10px;display:flex}.ckin-room-price-edit-row{background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ckin-room-info-edit{flex-wrap:wrap;align-items:center;gap:8px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.ckin-room-info-edit strong{color:#2d2f87;font-family:Roboto,sans-serif}.ckin-room-info-edit .ckin-room-category{color:#888;font-size:12px}.ckin-room-info-edit .ckin-room-duration{color:#3f3f91;background:#edf0fc;border-radius:50px;padding:2px 9px;font-size:11px}.ckin-room-price-input-group{background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;display:flex}.ckin-room-price-input-group .ckin-currency-symbol{color:#3f3f91;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.ckin-room-price-input{color:#2d2f87;background:0 0;border:none;width:100px;padding:2px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.ckin-room-price-input:focus{outline:none}.ckin-payment-type-badge{text-transform:uppercase;letter-spacing:.3px;color:#556;background:#eef1f8;border-radius:50px;align-items:center;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.ckin-payment-type-badge.ckin-payment-type-cash{color:#2e7d32;background:#e8f5e9}.ckin-payment-type-badge.ckin-payment-type-upi{color:#1565c0;background:#e3f2fd}.ckin-payment-type-badge.ckin-payment-type-bank{color:#856404;background:#fff3cd}.ckin-payment-type-badge.ckin-payment-type-cheque{color:#6a1b9a;background:#f3e5f5}.ckin-payment-type-badge.ckin-payment-type-multiple{color:#3f3f91;background:#edf0fc}.ckin-payment-details-list{flex-direction:column;gap:6px;display:flex}.ckin-payment-detail-item{color:#333;border-bottom:1px dashed #f0f2f8;align-items:center;gap:8px;padding:4px 0;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ckin-payment-detail-item:last-child{border-bottom:none}.ckin-payment-detail-item .ckin-payment-method{color:#2d2f87;min-width:60px;font-family:Roboto,sans-serif;font-weight:600}.ckin-payment-detail-item .ckin-payment-amount{color:#28a745;font-weight:700}.ckin-payment-detail-item .ckin-payment-ref{color:#888;font-size:12px}.ckin-payment-total{color:#555;border-top:1px solid #f0f2f8;margin-top:6px;padding-top:6px;font-family:Open Sans,sans-serif;font-size:13px}.ckin-payment-total strong{color:#3f3f91}.ckin-payment-details-edit{flex-direction:column;gap:10px;display:flex}.ckin-payment-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ckin-payment-method-select{flex:0 0 110px}.ckin-payment-amount-input{flex:1;min-width:90px}.ckin-payment-ref-input{flex:1;min-width:120px}.ckin-remove-payment-btn{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;transition:all .2s;display:flex}.ckin-remove-payment-btn:hover:not(:disabled){color:#fff;background:#dc3545}.ckin-remove-payment-btn:disabled{opacity:.4;cursor:not-allowed}.ckin-payment-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ckin-add-payment-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px dashed #6a6ac5;border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ckin-add-payment-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-style:solid}.ckin-add-payment-btn:disabled{opacity:.5;cursor:not-allowed}.ckin-extra-req-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.ckin-extra-req-row input{flex:1}.ckin-extra-req-row button{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:all .2s;display:flex}.ckin-extra-req-row button:hover{color:#fff;background:#dc3545}.ckin-add-req-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px dashed #6a6ac5;border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ckin-add-req-btn:hover{color:#fff;background:#3f3f91;border-style:solid}.ckin-add-proof-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3f3f91;border:none;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ckin-add-proof-btn:hover{background:#2d2f87}.ckin-inline-amount-paid{border-top:1px dashed #e3e8f0;margin-top:14px;padding-top:14px}.ckin-inline-amount-paid label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.ckin-inline-amount-paid input{width:100%}.ckin-edit-requirements,.ckin-edit-id-proofs{flex-direction:column;gap:8px;display:flex}.ckin-edit-req-row,.ckin-edit-proof-row{align-items:center;gap:10px;display:flex}.ckin-edit-req-desc{flex:2}.ckin-edit-req-price{flex:1}.ckin-edit-req-remove{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;display:flex}.ckin-edit-req-remove:hover{color:#fff;background:#dc3545}.ckin-edit-proof-name{color:#444;word-break:break-all;flex:1;font-family:Open Sans,sans-serif;font-size:13.5px}.ckin-edit-proof-select{flex:1}.ckin-edit-proof-add-row{align-items:center;gap:10px;margin-top:4px;display:flex}.ckin-edit-proof-file-input{flex:1}.ckin-edit-input{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ckin-edit-input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}select.ckin-edit-input{cursor:pointer}.ckin-edit-textarea{color:#333;box-sizing:border-box;resize:vertical;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;min-height:70px;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ckin-edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckin-read-only-input{color:#888!important;cursor:not-allowed!important;background:#f0f1f5!important}.ckin-read-only-input:focus{box-shadow:none!important;border-color:#e3e8f0!important}.ckin-input-highlight-border{border-color:#3f3f91!important}.ckin-input-error-border{border-color:#dc3545!important}.ckin-error-message{color:#dc3545;align-items:center;gap:5px;margin-top:4px;font-family:Open Sans,sans-serif;font-size:12px;display:flex}.ckin-detail-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.ckin-detail-value{color:#2d2d50;word-break:break-word;font-family:Open Sans,sans-serif;font-size:14.5px}.ckin-grand-total-value{color:#3f3f91;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.ckin-balance-value{font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.ckin-balance-value.ckin-balance-due{color:#dc3545}.ckin-balance-value.ckin-balance-clear{color:#28a745}.ckin-extended-note{color:#e67e22}.ckin-rooms-list,.ckin-id-proofs-list,.ckin-extra-req-list{flex-direction:column;gap:8px;display:flex}.ckin-extra-req-list-item{color:#444;border-bottom:1px solid #eee;padding:3px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.ckin-extra-req-list-item:last-child{border-bottom:none}.ckin-room-detail-item{color:#444;border-bottom:1px solid #eee;padding:8px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.ckin-room-detail-item:last-child{border-bottom:none}.ckin-room-detail-item small{color:#888}.ckin-removed-rooms-list{flex-direction:column;gap:12px;display:flex}.ckin-removed-room-item{background:#fdf6f6;border:1.5px solid #f0d0d3;border-radius:8px;padding:12px 14px;overflow:hidden}.ckin-removed-room-header{color:#2d2f87;border-bottom:1px dashed #f0d0d3;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.ckin-removed-room-header strong{color:#2d2f87;font-family:Roboto,sans-serif}.ckin-removed-room-status{color:#721c24;text-transform:uppercase;letter-spacing:.4px;background:#f8d7da;border-radius:50px;margin-left:auto;padding:3px 10px;font-family:Roboto,sans-serif;font-size:10.5px;font-weight:700}.ckin-removed-room-details{grid-template-columns:1fr 1fr;gap:6px 14px;display:grid}.ckin-removed-room-date,.ckin-removed-room-price,.ckin-removed-room-hours,.ckin-removed-room-reason{color:#444;align-items:baseline;gap:8px;font-family:Open Sans,sans-serif;font-size:12.5px;display:flex}.ckin-removed-room-reason{grid-column:1/-1}.ckin-removed-label{color:#888;white-space:nowrap;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.ckin-removed-price-value{color:#dc3545;font-family:Roboto,sans-serif;font-weight:700}.ckin-file-upload-area{flex-direction:column;gap:12px;display:flex}.ckin-upload-btn{color:#3f3f91;cursor:pointer;background:#f5f7fc;border:1.5px dashed #6a6ac5;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ckin-upload-btn:hover{background:#ede8fa}.ckin-file-list{flex-direction:column;gap:8px;display:flex}.ckin-file-item{color:#555;background:#fafbfc;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.ckin-file-item button{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;padding:0;display:flex}.ckin-file-item button:hover{color:#dc3545;background:#ffe8e8}.ckin-file-item.ckin-file-item-labeled{flex-wrap:wrap}.ckin-file-item .ckin-file-info{flex-direction:column;flex:1;gap:2px;min-width:140px;display:flex}.ckin-file-item .ckin-file-info span:first-child{color:#333;font-weight:600}.ckin-file-item .ckin-file-info span:last-child{color:#999;font-size:11.5px}.ckin-file-item .ckin-file-label select{border-radius:50px;min-width:140px;padding:6px 10px;font-size:12.5px}.ckin-data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 24px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}.ckin-data-table table{border-collapse:collapse;width:100%}.ckin-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.ckin-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.ckin-data-table table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.ckin-data-table table tr{transition:background-color .15s}.ckin-data-table table tr:last-child td{border-bottom:none}.ckin-data-table table tr:hover td{background-color:#f5f6fb}.ckin-data-table table tr.ckin-selected td{color:#2d2f87;background-color:#edf0fc}.ckin-empty-state{text-align:center;padding:50px 20px}.ckin-empty-state p{color:#888;font-family:Open Sans,sans-serif;font-size:15px}.ckin-action-buttons{align-items:center;gap:8px;display:flex}.ckin-action-buttons .ckin-action-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.ckin-action-buttons .ckin-action-btn.ckin-whatsapp-btn-sm{background:#25d366}.ckin-action-buttons .ckin-action-btn.ckin-whatsapp-btn-sm:hover{background:#1da851;transform:translateY(-1px)}.ckin-action-buttons .ckin-action-btn.ckin-pdf-btn-sm{background:#dc3545}.ckin-action-buttons .ckin-action-btn.ckin-pdf-btn-sm:hover{background:#c82333;transform:translateY(-1px)}.ckin-action-buttons .ckin-action-btn.ckin-view-btn-sm{background:#3f3f91}.ckin-action-buttons .ckin-action-btn.ckin-view-btn-sm:hover{background:#2d2f87;transform:translateY(-1px)}.ckin-action-buttons .ckin-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ckin-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.ckin-status-badge.ckin-status-active{color:#155724;background:#d4edda}.ckin-status-badge.ckin-status-checked-out{color:#383d41;background:#e2e3e5}.ckin-status-badge.ckin-status-extended{color:#856404;background:#fff3cd}.ckin-status-badge.ckin-status-cancelled{color:#721c24;background:#f8d7da}.ckin-status-badge.ckin-status-paid{color:#155724;background:#d4edda}.ckin-status-badge.ckin-status-partialpaid{color:#856404;background:#fff3cd}.ckin-status-badge.ckin-status-notpaid{color:#721c24;background:#f8d7da}.ckin-pagination-container{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 24px;padding:14px 20px;display:flex;box-shadow:0 2px 10px #00000012}.ckin-pagination-info{color:#666;font-family:Open Sans,sans-serif;font-size:13px}.ckin-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ckin-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:50px;justify-content:center;align-items:center;gap:6px;min-width:36px;padding:7px 14px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.ckin-pagination-btn:hover:not(:disabled),.ckin-pagination-btn.ckin-active{color:#fff;background:#3f3f91;border-color:#3f3f91}.ckin-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ckin-pagination-dots{color:#aab0bc;padding:0 4px;font-family:Open Sans,sans-serif}.ckin-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.ckin-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.ckin-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite ckin-spin;display:inline-block}.ckin-loading-spinner.large{border-width:3px;width:40px;height:40px}.ckin-loading-spinner.small{border-width:2px;width:16px;height:16px}.ckin-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out ckin-fadeIn;display:flex;position:fixed;inset:0}@keyframes ckin-fadeIn{0%{opacity:0}to{opacity:1}}.ckin-modal-content{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out ckin-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.ckin-modal-content.ckin-modal-lg{max-width:800px}@keyframes ckin-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ckin-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.ckin-modal-title{color:#2d2f87;align-items:center;gap:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.ckin-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;transition:all .2s;display:flex}.ckin-modal-close:hover{color:#3f3f91;background:#ede8fa}.ckin-modal-body{padding:22px}.ckin-details-grid{grid-template-columns:1fr;gap:16px;display:grid}.ckin-detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.ckin-detail-row:last-child{border-bottom:none;padding-bottom:0}.ckin-detail-row input,.ckin-detail-row textarea,.ckin-detail-row select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ckin-detail-row input:focus,.ckin-detail-row textarea:focus,.ckin-detail-row select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckin-detail-row select{cursor:pointer}.ckin-detail-row textarea{resize:vertical;min-height:70px}.ckin-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.ckin-modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ckin-modal-footer button:hover{opacity:.92;transform:translateY(-1px)}.ckin-modal-footer button:active{transform:translateY(0)}.ckin-modal-footer button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;transform:none;background:#b8b8cc!important}.ckin-modal-footer button:disabled .ckin-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px}.ckin-modal-footer .ckin-update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.ckin-modal-footer .ckin-update-btn.ckin-save-btn{background:#e55a2b;box-shadow:0 3px 8px #e55a2b40}.ckin-modal-footer .ckin-delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.ckin-modal-footer .ckin-export-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.ckin-modal-footer .ckin-invoices-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.ckin-modal-footer .ckin-whatsapp-btn{background:#25d366;box-shadow:0 3px 8px #25d3664d}.ckin-modal-footer .ckin-whatsapp-btn:hover{background:#1da851}.ckin-modal-footer .ckin-extend-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.ckin-modal-footer .ckin-change-room-btn{background:#7b1fa2;box-shadow:0 3px 8px #7b1fa240}.ckin-modal-footer .ckin-change-room-btn:hover{background:#611a80}.ckin-modal-footer .ckin-add-room-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.ckin-modal-footer .ckin-add-room-btn:hover{background:#218838}.ckin-modal-footer .ckin-remove-room-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.ckin-modal-footer .ckin-remove-room-btn:hover{background:#c82333}.ckin-modal-footer .ckin-cancel-btn{color:#666;box-shadow:none;background:0 0;border:1.5px solid #dde1ed}.ckin-modal-footer .ckin-cancel-btn:hover{background:#f5f6fb;border-color:#c8cde0}.ckin-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ckin-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.ckin-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.ckin-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.ckin-confirm-dialog .ckin-confirm-buttons{justify-content:center;gap:12px;display:flex}.ckin-confirm-dialog .ckin-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.ckin-confirm-dialog .ckin-confirm-buttons .ckin-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.ckin-confirm-dialog .ckin-confirm-buttons .ckin-confirm-cancel:hover{background:#e5e8f0}.ckin-confirm-dialog .ckin-confirm-buttons .ckin-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.ckin-confirm-dialog .ckin-confirm-buttons .ckin-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}.ckin-extension-options{flex-direction:column;gap:10px;display:flex}.ckin-extension-option{cursor:pointer;color:#333;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .2s;display:flex}.ckin-extension-option input[type=radio]{accent-color:#3f3f91;cursor:pointer;flex-shrink:0;width:auto}.ckin-extension-option span{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:600}.ckin-extension-option:hover{background:#f5f6fb;border-color:#6a6ac5}.ckin-extension-option:has(input:checked){background:#edf0fc;border-color:#3f3f91}.ckin-option-hint{color:#888;width:100%;margin-left:26px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;display:block}.ckin-room-change-table{border:1.5px solid #e3e8f0;border-radius:8px;overflow:hidden}.ckin-room-change-header{background:#f7f8fc;border-bottom:1.5px solid #eaeef6;gap:12px;padding:10px 14px;display:flex}.ckin-room-change-header .ckin-room-change-col{color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.ckin-room-change-row{background:#fff;border-bottom:1px solid #f0f2f8;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.ckin-room-change-row:last-child{border-bottom:none}.ckin-room-change-col.ckin-room-change-check{flex:0 0 60px;align-items:center;gap:6px;display:flex}.ckin-room-change-col.ckin-room-change-check input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;width:auto}.ckin-room-change-col.ckin-room-change-current{color:#333;flex:1;min-width:0;font-family:Open Sans,sans-serif;font-size:13.5px}.ckin-room-change-col.ckin-room-change-current strong{color:#2d2f87;font-family:Roboto,sans-serif}.ckin-room-change-col.ckin-room-change-current small{color:#888;font-size:11.5px}.ckin-room-change-col.ckin-room-change-new{flex:1.4;min-width:0}.ckin-room-category{color:#888;margin-left:4px;font-size:12.5px}.ckin-room-unchanged{color:#aab0bc;font-family:Open Sans,sans-serif;font-size:13px;font-style:italic}.ckin-no-rooms-hint{cursor:help;font-size:13px}.ckin-extension-summary{background:#f0f4ff;border:1.5px solid #6a6ac5;border-radius:8px;margin-top:8px;padding:14px 16px}.ckin-extension-summary h4{color:#3f3f91;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.ckin-summary-grid{color:#444;grid-template-columns:1fr 1fr;gap:6px 12px;font-family:Open Sans,sans-serif;font-size:13px;display:grid}.ckin-summary-grid span:nth-child(odd){color:#888}.ckin-summary-grid span:nth-child(2n){text-align:right;color:#333;font-weight:600}button:disabled{opacity:.7!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important}button:disabled:hover{box-shadow:none!important;opacity:.6!important;transform:none!important}.ckin-form-container button[type=submit]:disabled .ckin-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:16px;height:16px}@media screen and (width<=1024px){.ckin-page-header .ckin-search-container{flex:0 0 160px;min-width:120px}.ckin-page-header .ckin-filters-group select,.ckin-page-header .ckin-filters-group input[type=date]{min-width:90px;padding:7px 10px;font-size:11.5px}}@media screen and (width<=768px){.ckin-main{padding:16px 14px 32px}.ckin-page-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.ckin-page-header .ckin-search-container{flex:1;min-width:100%}.ckin-page-header .ckin-filters-group{flex-wrap:wrap;flex:1}.ckin-page-header .ckin-filters-group select,.ckin-page-header .ckin-filters-group input[type=date]{flex:1;min-width:100px;padding:7px 10px;font-size:11.5px}.ckin-page-header .ckin-status-filter-wrapper{flex:1}.ckin-page-header .ckin-status-filter-toggle{justify-content:center;width:100%;padding:7px 12px;font-size:11.5px}.ckin-page-header .ckin-status-dropdown{min-width:200px;left:auto;right:0}.ckin-page-header .ckin-action-buttons-group{flex:1}.ckin-page-header .ckin-action-buttons-group button{flex:1;justify-content:center;padding:7px 14px;font-size:11.5px}.ckin-data-table table th,.ckin-data-table table td{padding:11px 14px;font-size:13px}.ckin-form-container{padding:18px}.ckin-form-container .ckin-form-row{flex-direction:column;gap:14px}.ckin-customer-search-row{flex-direction:column;align-items:stretch}.ckin-customer-search-row .ckin-add-customer-btn{justify-content:center}.ckin-room-grid{grid-template-columns:1fr 1fr}.ckin-inline-customer-grid{grid-template-columns:1fr}.ckin-price-breakdown-grid{font-size:13px}.ckin-booking-dropdown-item .ckin-booking-dropdown-date{width:100%;margin-left:0}.ckin-pagination-container{text-align:center;flex-direction:column;align-items:stretch}.ckin-pagination-controls{justify-content:center}.ckin-modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.ckin-modal-content.ckin-modal-lg{max-width:100%}.ckin-modal-overlay{align-items:flex-end;padding:0}.ckin-modal-footer button{flex:1;min-width:calc(50% - 5px);padding:8px 14px;font-size:12px}.ckin-edit-req-row,.ckin-edit-proof-row,.ckin-edit-proof-add-row{flex-wrap:wrap}.ckin-room-change-header{display:none}.ckin-room-change-row{flex-wrap:wrap}.ckin-room-change-col.ckin-room-change-check{flex:0 0 100%}.ckin-room-change-col.ckin-room-change-current,.ckin-room-change-col.ckin-room-change-new{flex:100%}.ckin-summary-grid{font-size:12.5px}.ckin-removed-room-details{grid-template-columns:1fr}.ckin-removed-room-date,.ckin-removed-room-price,.ckin-removed-room-hours{flex-direction:column;align-items:flex-start;gap:2px}.ckin-payment-row{flex-direction:column;align-items:stretch}.ckin-payment-row .ckin-remove-payment-btn{align-self:flex-end}.ckin-room-price-edit-row{flex-direction:column;align-items:stretch}.ckin-price-preview-item.ckin-editable-price-item{flex-direction:column;align-items:flex-start}}@media screen and (width<=480px){.ckin-room-grid{grid-template-columns:1fr}.ckin-page-header .ckin-filters-group select,.ckin-page-header .ckin-filters-group input[type=date]{min-width:80px;padding:6px 8px;font-size:10.5px}.ckin-page-header .ckin-status-dropdown{min-width:170px;padding:10px 12px}.ckin-page-header .ckin-status-checkbox-item{padding:5px 8px;font-size:12px}}#checkin-pdf{color:#333;box-sizing:border-box;background:#fff;width:210mm;margin:0 auto;padding:15mm;font-family:Arial,sans-serif;font-size:12px;position:relative}#checkin-pdf .invoice-container{flex-direction:column;gap:15px;display:flex}#checkin-pdf .invoice-header{border-bottom:2px solid #333;flex-direction:column;min-height:100px;margin-bottom:0;padding:10px 0;display:flex;position:relative}#checkin-pdf .invoice-header .logo-address-center{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:35px;display:flex}#checkin-pdf .invoice-header .invoice-logo{margin-bottom:6px}#checkin-pdf .invoice-header .invoice-logo img{max-width:130px;height:auto;margin:0 auto;display:block}#checkin-pdf .invoice-header .company-address{text-align:center}#checkin-pdf .invoice-header .company-address .address-details{margin:0}#checkin-pdf .invoice-header .company-address .address-details p{margin:2px 0;font-size:11px;line-height:1.3}#checkin-pdf .tax-invoice-heading{text-align:center;margin:0 0 10px}#checkin-pdf .tax-invoice-heading h1{color:#333;margin:0;font-size:20px;font-weight:700;text-decoration:none}#checkin-pdf .invoice-details-section{page-break-inside:avoid;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#checkin-pdf .invoice-details-section .customer-info,#checkin-pdf .invoice-details-section .invoice-info{flex:1}#checkin-pdf .invoice-details-section .customer-info h3,#checkin-pdf .invoice-details-section .invoice-info h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:13px}#checkin-pdf .invoice-details-section .customer-info .details-table,#checkin-pdf .invoice-details-section .invoice-info .details-table{border-collapse:collapse;width:100%}#checkin-pdf .invoice-details-section .customer-info .details-table td,#checkin-pdf .invoice-details-section .invoice-info .details-table td{vertical-align:top;border:none;padding:4px 0}#checkin-pdf .invoice-details-section .customer-info .details-table td:first-child,#checkin-pdf .invoice-details-section .invoice-info .details-table td:first-child{width:120px;padding-right:10px;font-weight:700}#checkin-pdf .status-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}#checkin-pdf .status-badge.payment-paid{color:#fff;background:#4caf50}#checkin-pdf .status-badge.payment-partialpaid{color:#fff;background:#ff9800}#checkin-pdf .status-badge.payment-notpaid{color:#fff;background:#f44336}#checkin-pdf .stay-duration-section{page-break-inside:avoid;margin-bottom:5px}#checkin-pdf .stay-duration-section h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:13px}#checkin-pdf .stay-duration-section .duration-grid{background:#f9f9f9;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 15px;display:grid}#checkin-pdf .stay-duration-section .duration-grid .duration-item{flex-direction:column;display:flex}#checkin-pdf .stay-duration-section .duration-grid .duration-item .duration-label{color:#666;font-size:10px;font-weight:700}#checkin-pdf .stay-duration-section .duration-grid .duration-item .duration-value{margin-top:2px;font-size:12px;font-weight:500}#checkin-pdf .items-section{page-break-inside:auto;margin-bottom:5px}#checkin-pdf .items-section h3{color:#333;page-break-after:avoid;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:14px}#checkin-pdf .items-section .items-table{border-collapse:collapse;table-layout:auto;width:100%}#checkin-pdf .items-section .items-table th,#checkin-pdf .items-section .items-table td{word-wrap:break-word;page-break-inside:avoid;border:1px solid #ddd;padding:6px;font-size:11px}#checkin-pdf .items-section .items-table th{text-align:center;background:#f5f5f5;font-weight:700}#checkin-pdf .items-section .items-table td{text-align:right}#checkin-pdf .items-section .items-table td:nth-child(2),#checkin-pdf .items-section .items-table td:nth-child(3),#checkin-pdf .items-section .items-table td:nth-child(4){text-align:left}#checkin-pdf .items-section .items-table td .item-detail{color:#666;margin-top:2px;font-size:9px}#checkin-pdf .items-section .items-table tr{page-break-inside:avoid;page-break-after:auto}#checkin-pdf .totals-section{page-break-inside:avoid;page-break-before:auto;justify-content:flex-end;margin-bottom:5px;display:flex}#checkin-pdf .totals-section .amount-details{width:300px}#checkin-pdf .totals-section .amount-details table{border-collapse:collapse;width:100%}#checkin-pdf .totals-section .amount-details table td{text-align:right;padding:6px}#checkin-pdf .totals-section .amount-details table td:first-child{text-align:left;font-weight:700}#checkin-pdf .totals-section .amount-details table .final-total td{border-top:1.5px solid #333;padding-top:5px;font-size:13px;font-weight:700}#checkin-pdf .totals-section .amount-details table .payment-row td{font-size:12px}#checkin-pdf .totals-section .amount-details table .balance-row td{border-top:1px solid #ddd;padding-top:8px;font-size:13px;font-weight:700}#checkin-pdf .totals-section .amount-details table .balance-row td .balance-due{color:#d32f2f}#checkin-pdf .totals-section .amount-details table .balance-row td .balance-clear{color:#2e7d32}#checkin-pdf .amount-in-words{page-break-inside:avoid;page-break-before:auto;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:5px;padding:8px 12px}#checkin-pdf .amount-in-words p{margin:0;font-size:11px;font-style:italic}#checkin-pdf .notes-section{page-break-inside:avoid;margin-bottom:5px}#checkin-pdf .notes-section h3{border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px}#checkin-pdf .notes-section p{background:#f9f9f9;border-left:3px solid #3f3f91;border-radius:4px;margin:0;padding:5px 10px;font-size:11px}#checkin-pdf .declaration-terms-section{page-break-inside:avoid;page-break-before:auto;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#checkin-pdf .declaration-terms-section .declaration-section,#checkin-pdf .declaration-terms-section .terms-section{flex:1}#checkin-pdf .declaration-terms-section .declaration-section h3,#checkin-pdf .declaration-terms-section .terms-section h3{border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px}#checkin-pdf .declaration-terms-section .declaration-section p,#checkin-pdf .declaration-terms-section .terms-section p{word-wrap:break-word;margin:0;font-family:inherit;font-size:10px;line-height:1.4}#checkin-pdf .invoice-footer{page-break-inside:avoid;page-break-before:auto;border-top:1px solid #ddd;justify-content:space-between;align-items:flex-end;margin-top:5px;padding-top:15px;display:flex}#checkin-pdf .invoice-footer .thank-you{text-align:left;flex:1}#checkin-pdf .invoice-footer .thank-you p{margin:2px 0;font-size:11px;font-style:italic;font-weight:700}#checkin-pdf .invoice-footer .thank-you .welcome-again{color:#666;font-size:10px;font-style:normal;font-weight:400}#checkin-pdf .invoice-footer .signature{text-align:center;flex:1}#checkin-pdf .invoice-footer .signature p{margin:0 0 5px;font-size:11px}#checkin-pdf .invoice-footer .signature .signature-line{background:#333;width:150px;height:1px;margin:0 auto}#checkin-pdf .invoice-footer .signature .signature-date{color:#666;margin-top:3px;font-size:9px}#checkin-pdf .invoice-footer .developer-note{text-align:right;flex:1}#checkin-pdf .invoice-footer .developer-note p{color:#666;margin:2px 0;font-size:9px}#checkin-pdf .invoice-footer .developer-note .generated-time{color:#999;font-size:8px}#checkin-pdf .invoice-footer .developer-note a{color:#3f3f91;text-decoration:none}#checkin-pdf .invoice-footer .developer-note a:hover{text-decoration:underline}@media print{#checkin-pdf{width:100%;height:100%;box-shadow:none;margin:0;padding:15mm}#checkin-pdf .invoice-footer .developer-note a{color:#3f3f91}#checkin-pdf .items-table{page-break-inside:auto}#checkin-pdf .items-table tr{page-break-inside:avoid;page-break-after:auto}#checkin-pdf .totals-section,#checkin-pdf .amount-in-words,#checkin-pdf .declaration-terms-section,#checkin-pdf .invoice-footer{page-break-before:avoid;page-break-inside:avoid}#checkin-pdf .status-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}#checkin-pdf .status-badge.payment-paid{color:#fff!important;background:#4caf50!important}#checkin-pdf .status-badge.payment-partialpaid{color:#fff!important;background:#ff9800!important}#checkin-pdf .status-badge.payment-notpaid{color:#fff!important;background:#f44336!important}}@media screen and (width<=768px){#checkin-pdf{padding:10mm;margin-top:10mm!important}#checkin-pdf .invoice-details-section{flex-direction:column;gap:10px}#checkin-pdf .stay-duration-section .duration-grid{grid-template-columns:1fr;gap:5px}#checkin-pdf .declaration-terms-section{flex-direction:column;gap:10px}#checkin-pdf .invoice-footer{text-align:center;flex-direction:column;align-items:center;gap:10px}#checkin-pdf .invoice-footer .thank-you,#checkin-pdf .invoice-footer .signature,#checkin-pdf .invoice-footer .developer-note{text-align:center;flex:none;width:100%}#checkin-pdf .totals-section .amount-details{width:100%}}.bk-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.bk-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:end;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.bk-page-header .bk-right-section{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;width:100%;display:flex}.bk-page-header .bk-search-container{width:250px;position:relative}.bk-page-header .bk-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.bk-page-header .bk-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bk-page-header .bk-search-container input::placeholder{color:#aab0bc}.bk-page-header .bk-search-container .bk-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.bk-page-header .bk-filters-group{align-items:center;gap:10px;display:flex}.bk-page-header .bk-filters-group select,.bk-page-header .bk-filters-group input[type=date]{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.bk-page-header .bk-filters-group select:focus,.bk-page-header .bk-filters-group input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bk-page-header .bk-action-buttons-group{align-items:center;gap:10px;display:flex}.bk-page-header .bk-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.bk-page-header .bk-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.bk-page-header .bk-action-buttons-group button:active{transform:translateY(0)}.bk-page-header .bk-action-buttons-group .bk-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.bk-page-header .bk-action-buttons-group .bk-add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.bk-form-container{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;max-width:1300px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.bk-form-container.bk-premium{border-top:3px solid #6a6ac5}.bk-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.bk-form-container .bk-form-row{gap:20px;margin-bottom:18px;display:flex}.bk-form-container .bk-form-row .bk-form-field{flex:1;position:relative}.bk-form-container .bk-form-row .bk-form-field.bk-form-field-full{flex:100%}.bk-form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.bk-form-container input,.bk-form-container textarea,.bk-form-container select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.bk-form-container input:focus,.bk-form-container textarea:focus,.bk-form-container select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bk-form-container input::placeholder,.bk-form-container textarea::placeholder,.bk-form-container select::placeholder{color:#bfc5ce}.bk-form-container select{cursor:pointer}.bk-form-container textarea{resize:vertical;min-height:80px}.bk-form-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;margin-top:6px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.bk-form-container button[type=submit]:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.bk-form-container button[type=submit]:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.bk-form-container .bk-error{color:#dc3545;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px}.bk-form-container .bk-field-hint{color:#888;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.bk-form-container .bk-rooms-loading-text{color:#888;padding:9px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.bk-form-container .bk-no-rooms-warning-box{color:#dc3545;background:#f8d7da;border-radius:8px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.bk-customer-search-wrap{position:relative}.bk-customer-search-input{width:100%}.bk-dropdown-list{z-index:50;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #1e1e3c24}.bk-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f2f8;flex-direction:column;gap:2px;padding:10px 14px;transition:background .15s;display:flex}.bk-dropdown-item:last-child{border-bottom:none}.bk-dropdown-item:hover{background:#f5f6fb}.bk-dropdown-item strong{color:#2d2f87;font-family:Roboto,sans-serif;font-size:14px}.bk-dropdown-item .bk-dropdown-item-sub{color:#888;font-family:Open Sans,sans-serif;font-size:12px}.bk-dropdown-item.bk-dropdown-item-center{justify-content:center;align-items:center}.bk-dropdown-item.bk-create-new-option{color:#3f3f91;border-top:1px solid #ddd;flex-direction:row;align-items:center;gap:8px;margin-top:5px;padding-top:10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.bk-dropdown-item.bk-create-new-option:hover{background:#ede8fa}.bk-selected-customer{color:#256029;background:#edf7ed;border:1px solid #c8e6c9;border-radius:50px;align-items:center;gap:8px;width:fit-content;margin-top:10px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.bk-selected-customer .bk-selected-customer-icon{color:#2e7d32;font-size:13px}.bk-selected-customer .bk-remove-btn{color:#256029;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:6px;padding:0;font-size:13px;display:flex}.bk-selected-customer .bk-remove-btn:hover{color:#dc3545}.bk-inline-customer-create{background:#f9f9ff;border:2px solid #3f3f91;border-radius:8px;margin-top:10px;padding:16px}.bk-inline-customer-create h4{color:#3f3f91;align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.bk-inline-customer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bk-inline-customer-field{flex-direction:column;gap:4px;display:flex}.bk-inline-customer-field.bk-inline-customer-field-full{grid-column:1/-1}.bk-inline-customer-field label{color:#555;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600}.bk-inline-customer-actions{gap:10px;margin-top:12px;display:flex}.bk-inline-customer-actions button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 22px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bk-inline-customer-actions .bk-create-customer-submit{color:#fff;background:#3f3f91}.bk-inline-customer-actions .bk-create-customer-submit:hover{background:#2d2f87}.bk-inline-customer-actions .bk-create-customer-submit:disabled{cursor:not-allowed;background:#9e9ecc}.bk-inline-customer-actions .bk-cancel-create-customer{color:#dc3545;background:0 0;border:1.5px solid #dc3545}.bk-inline-customer-actions .bk-cancel-create-customer:hover{color:#fff;background:#dc3545}.bk-customer-search-row{align-items:center;gap:10px;width:100%;display:flex}.bk-customer-search-row .bk-customer-search-input{flex:1;min-width:0}.bk-customer-search-row .bk-add-customer-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 16px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .25s;display:flex}.bk-customer-search-row .bk-add-customer-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 3px 10px #3f3f914d}.bk-customer-search-row .bk-add-customer-btn:active{transform:translateY(0)}.bk-room-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.bk-room-checkbox{cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;padding:12px 14px;transition:all .2s}.bk-room-checkbox:hover{background:#f5f6fb;border-color:#6a6ac5}.bk-room-checkbox.bk-selected{background:#edf0fc;border-color:#3f3f91}.bk-room-checkbox label{cursor:pointer;align-items:flex-start;gap:10px;margin:0;display:flex}.bk-room-checkbox input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;width:auto;margin-top:3px}.bk-room-checkbox .bk-room-info{flex-direction:column;gap:2px;display:flex}.bk-room-checkbox .bk-room-info strong{color:#2d2f87;font-family:Roboto,sans-serif;font-size:14px}.bk-room-checkbox .bk-room-info span{color:#666;font-family:Open Sans,sans-serif;font-size:12px}.bk-selected-rooms-summary{background:#e8f5e9;border-radius:8px;margin-top:12px;padding:10px 16px;font-family:Open Sans,sans-serif}.bk-selected-rooms-summary strong{color:#256029;font-family:Roboto,sans-serif;font-size:14px}.bk-selected-rooms-summary .bk-selected-rooms-list{color:#555;margin-top:4px;font-size:13px}.bk-price-preview{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;margin-top:15px;padding:15px}.bk-price-preview h4{color:#2e7d32;align-items:center;gap:8px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.bk-price-preview-list{color:#333;font-family:Open Sans,sans-serif;font-size:14px}.bk-price-preview-item{justify-content:space-between;padding:3px 0;display:flex}.bk-price-preview-divider{border:1px solid #4caf50;margin:8px 0}.bk-price-preview-total{justify-content:space-between;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.bk-price-preview-total .bk-price-preview-total-value{color:#2e7d32}.bk-final-price-calculation{background:#f0f4ff;border:2px solid #3f3f91;border-radius:8px;padding:20px}.bk-final-price-calculation h4{color:#3f3f91;align-items:center;gap:8px;margin:0 0 15px;font-family:Roboto,sans-serif;font-size:15px;display:flex}.bk-final-price-grid{color:#333;grid-template-columns:1fr 1fr;gap:8px;font-family:Open Sans,sans-serif;font-size:15px;display:grid}.bk-final-price-grid .bk-final-price-val{text-align:right}.bk-final-price-grid .bk-final-price-divider{border:2px solid #3f3f91;grid-column:1/-1}.bk-final-price-grid .bk-final-price-grand-label,.bk-final-price-grid .bk-final-price-grand-value{color:#3f3f91;font-size:18px;font-weight:700}.bk-price-breakdown-row{background:#f5f5f5;border-radius:8px;padding:15px}.bk-price-breakdown-box{background:#f5f5f5;border-radius:8px;margin:6px 0;padding:14px 16px}.bk-price-breakdown-box h4{color:#3f3f91;align-items:center;gap:8px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.bk-price-breakdown-box.bk-live-price{background:#f0f4ff;border:1.5px dashed #6a6ac5}.bk-live-price-hint{color:#888;margin-top:8px;font-family:Open Sans,sans-serif;font-size:11.5px;font-style:italic;display:block}.bk-price-breakdown-grid{color:#333;grid-template-columns:1fr 1fr;gap:5px;font-family:Open Sans,sans-serif;font-size:14px;display:grid}.bk-price-breakdown-grid .bk-price-val{text-align:right}.bk-price-breakdown-grid .bk-price-divider{border:1px solid #ddd;grid-column:1/-1;margin:4px 0}.bk-price-breakdown-grid .bk-price-divider.bk-price-divider-thick{border:2px solid #3f3f91}.bk-price-breakdown-grid .bk-price-grand-label,.bk-price-breakdown-grid .bk-price-grand-value{color:#3f3f91;font-size:16px;font-weight:700}.bk-extra-req-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.bk-extra-req-row input{flex:1}.bk-extra-req-row button{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:all .2s;display:flex}.bk-extra-req-row button:hover{color:#fff;background:#dc3545}.bk-edit-extra-reqs{flex-direction:column;gap:10px;display:flex}.bk-extra-req-row-edit{align-items:center;gap:10px;display:flex}.bk-extra-req-row-edit input{flex:1}.bk-remove-req-btn{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:all .2s;display:flex}.bk-remove-req-btn:hover{color:#fff;background:#dc3545}.bk-add-req-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px dashed #6a6ac5;border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bk-add-req-btn:hover{color:#fff;background:#3f3f91;border-style:solid}.bk-payment-details-edit{flex-direction:column;gap:10px;display:flex}.bk-payment-row{background:#f8f9fa;border:1px solid #e3e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.bk-payment-row:hover{background:#f5f6fb;border-color:#6a6ac5}.bk-payment-row .bk-payment-method-select{flex:1.2;min-width:100px}.bk-payment-row .bk-payment-amount-input{flex:1;min-width:80px}.bk-payment-row .bk-payment-ref-input{flex:1.5;min-width:120px}.bk-payment-row .bk-remove-payment-btn{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:all .2s;display:flex}.bk-payment-row .bk-remove-payment-btn:hover{color:#fff;background:#dc3545}.bk-payment-row .bk-remove-payment-btn:disabled{opacity:.4;cursor:not-allowed}.bk-payment-row .bk-remove-payment-btn:disabled:hover{color:#dc3545;background:#fdecea}.bk-payment-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bk-add-payment-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px dashed #6a6ac5;border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bk-add-payment-btn:hover{color:#fff;background:#3f3f91;border-style:solid}.bk-add-payment-btn:disabled{opacity:.5;cursor:not-allowed}.bk-add-payment-btn:disabled:hover{color:#3f3f91;background:0 0;border-style:dashed}.bk-payment-details-list{flex-direction:column;gap:6px;width:100%;display:flex}.bk-payment-detail-item{background:#f8f9fa;border-left:3px solid #3f3f91;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.bk-payment-detail-item .bk-payment-method{color:#2d2f87;min-width:60px;font-weight:600}.bk-payment-detail-item .bk-payment-amount{color:#3f3f91;font-weight:700}.bk-payment-detail-item .bk-payment-ref{color:#888;font-size:12px}.bk-payment-total{color:#333;border-top:1px solid #e3e8f0;margin-top:6px;padding-top:8px;font-size:14px}.bk-payment-total strong{color:#3f3f91}.bk-payment-type-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-block}.bk-payment-type-badge.bk-payment-type-cash{color:#155724;background:#d4edda}.bk-payment-type-badge.bk-payment-type-upi{color:#004085;background:#cce5ff}.bk-payment-type-badge.bk-payment-type-bank{color:#856404;background:#fff3cd}.bk-payment-type-badge.bk-payment-type-cheque{color:#383d41;background:#e2e3e5}.bk-payment-type-badge.bk-payment-type-multiple{color:#6f2da8;background:#e8d5f5}.bk-refund-amount{font-family:Roboto,sans-serif;font-size:15px;font-weight:700;color:#e67e22!important}.bk-refund-field{background:#fff8e1;border:1px solid #ffd54f;border-radius:8px;margin-top:8px;padding:10px 14px}.bk-refund-field label{color:#555;align-items:center;gap:7px;margin-bottom:5px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;display:flex}.bk-refund-field input{color:#333;background:#fff;border:1.5px solid #ffd54f;border-radius:8px;width:100%;padding:8px 12px;font-family:Open Sans,sans-serif;font-size:14px}.bk-refund-field input:focus{border-color:#e67e22;outline:none;box-shadow:0 0 0 3px #e67e2233}.bk-refund-field .bk-refund-hint{color:#888;margin-top:4px;font-family:Open Sans,sans-serif;font-size:11px;display:block}.bk-data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 24px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}.bk-data-table table{border-collapse:collapse;width:100%}.bk-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.bk-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.bk-data-table table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.bk-data-table table tr{cursor:pointer;transition:background-color .15s}.bk-data-table table tr:last-child td{border-bottom:none}.bk-data-table table tr:hover td{background-color:#f5f6fb}.bk-data-table table tr.bk-selected td{color:#2d2f87;background-color:#edf0fc}.bk-empty-state{text-align:center;padding:50px 20px}.bk-empty-state p{color:#888;font-family:Open Sans,sans-serif;font-size:15px}.bk-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.bk-status-badge.bk-status-confirmed{color:#155724;background:#d4edda}.bk-status-badge.bk-status-cancelled{color:#721c24;background:#f8d7da}.bk-status-badge.bk-status-checked-in{color:#084298;background:#cfe2ff}.bk-status-badge.bk-status-paid{color:#155724;background:#d4edda}.bk-status-badge.bk-status-partialpaid{color:#856404;background:#fff3cd}.bk-status-badge.bk-status-notpaid{color:#721c24;background:#f8d7da}.bk-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.bk-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.bk-loading-text{color:#888;padding:9px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.bk-no-rooms-warning{color:#dc3545;background:#f8d7da;border-radius:8px;margin-top:6px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13px}.bk-text-danger{color:#dc3545!important}.bk-text-warning{color:#e67e22!important}.bk-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite bk-spin;display:inline-block}.bk-loading-spinner.large{border-width:3px;width:40px;height:40px}.bk-loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes bk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bk-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out bk-fadeIn;display:flex;position:fixed;inset:0}@keyframes bk-fadeIn{0%{opacity:0}to{opacity:1}}.bk-modal-content{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out bk-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.bk-modal-content.bk-modal-lg{max-width:800px}.bk-modal-content.bk-child-modal{max-width:520px}@keyframes bk-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bk-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.bk-modal-title{color:#2d2f87;align-items:center;gap:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.bk-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;transition:all .2s;display:flex}.bk-modal-close:hover{color:#3f3f91;background:#ede8fa}.bk-modal-body{padding:22px}.bk-details-grid{grid-template-columns:1fr;gap:16px;display:grid}.bk-detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.bk-detail-row:last-child{border-bottom:none;padding-bottom:0}.bk-detail-row input,.bk-detail-row textarea,.bk-detail-row select,.bk-detail-row .bk-edit-input,.bk-detail-row .bk-edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.bk-detail-row input:focus,.bk-detail-row textarea:focus,.bk-detail-row select:focus,.bk-detail-row .bk-edit-input:focus,.bk-detail-row .bk-edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bk-detail-row select{cursor:pointer}.bk-detail-row .bk-edit-textarea{resize:vertical;min-height:70px}.bk-detail-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.bk-detail-value{color:#2d2d50;word-break:break-word;font-family:Open Sans,sans-serif;font-size:14.5px}.bk-grand-total-value{color:#3f3f91;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.bk-balance-value{font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.bk-balance-value.bk-balance-due{color:#dc3545}.bk-balance-value.bk-balance-clear{color:#28a745}.bk-price-val.bk-balance-due{color:#dc3545}.bk-price-val.bk-balance-clear{color:#28a745}.bk-rooms-list,.bk-extra-req-list{flex-direction:column;gap:8px;display:flex}.bk-extra-req-list-item{color:#444;border-bottom:1px solid #eee;padding:3px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.bk-extra-req-list-item:last-child{border-bottom:none}.bk-room-detail-item{color:#444;border-bottom:1px solid #eee;padding:8px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.bk-room-detail-item:last-child{border-bottom:none}.bk-room-detail-item small{color:#888}.bk-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.bk-modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.bk-modal-footer button:hover{opacity:.92;transform:translateY(-1px)}.bk-modal-footer button:active{transform:translateY(0)}.bk-modal-footer button:disabled{cursor:not-allowed;opacity:1;transform:none;background:#b8b8cc!important}.bk-modal-footer .bk-update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.bk-modal-footer .bk-update-btn.bk-save-btn{background:#e55a2b;box-shadow:0 3px 8px #e55a2b40}.bk-modal-footer .bk-delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.bk-modal-footer .bk-export-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.bk-modal-footer .bk-invoices-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.bk-modal-footer .bk-add-room-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.bk-modal-footer .bk-remove-room-btn{background:#e67e22;box-shadow:0 3px 8px #e67e2240}.bk-modal-footer .bk-change-room-btn{background:#6a6ac5;box-shadow:0 3px 8px #6a6ac540}.bk-modal-footer .bk-cancel-btn{color:#666;box-shadow:none;background:0 0;border:1.5px solid #dde1ed}.bk-modal-footer .bk-cancel-btn:hover{background:#f5f6fb;border-color:#c8cde0}.bk-whatsapp-btn{color:#fff;background:#25d366;box-shadow:0 3px 8px #25d3664d}.bk-whatsapp-btn:hover{background:#128c7e;box-shadow:0 3px 8px #128c7e4d}.bk-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bk-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.bk-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.bk-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.bk-confirm-dialog .bk-confirm-buttons{justify-content:center;gap:12px;display:flex}.bk-confirm-dialog .bk-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.bk-confirm-dialog .bk-confirm-buttons .bk-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.bk-confirm-dialog .bk-confirm-buttons .bk-confirm-cancel:hover{background:#e5e8f0}.bk-confirm-dialog .bk-confirm-buttons .bk-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.bk-confirm-dialog .bk-confirm-buttons .bk-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}.bk-action-buttons{align-items:center;gap:6px;display:flex}.bk-action-buttons .bk-action-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .25s;display:flex}.bk-action-buttons .bk-action-btn:hover{transform:scale(1.08)}.bk-action-buttons .bk-action-btn.bk-whatsapp-btn-sm{background:#25d366}.bk-action-buttons .bk-action-btn.bk-whatsapp-btn-sm:hover{background:#128c7e}.bk-action-buttons .bk-action-btn.bk-pdf-btn-sm{background:#dc3545}.bk-action-buttons .bk-action-btn.bk-pdf-btn-sm:hover{background:#a71d2a}.bk-action-buttons .bk-action-btn.bk-view-btn-sm{background:#3f3f91}.bk-action-buttons .bk-action-btn.bk-view-btn-sm:hover{background:#2d2f87}.bk-hidden-pdf-print{z-index:-1;width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.bk-inline-amount-paid{background:#f8f9fa;border:1px solid #e3e8f0;border-radius:8px;margin-top:10px;padding:10px 14px}.bk-inline-amount-paid label{color:#555;align-items:center;gap:7px;margin-bottom:5px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;display:flex}.bk-inline-amount-paid input{color:#333;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:8px 12px;font-family:Open Sans,sans-serif;font-size:14px}.bk-inline-amount-paid input:focus{border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bk-inline-amount-paid .bk-error{margin-top:5px;font-size:12px}@media screen and (width<=768px){.bk-main{padding:16px 14px 32px}.bk-page-header{gap:12px;padding:14px 16px}.bk-page-header .bk-right-section{flex-direction:column;align-items:stretch;gap:10px}.bk-page-header .bk-search-container{width:100%}.bk-page-header .bk-filters-group{flex-direction:column;width:100%}.bk-page-header .bk-filters-group select,.bk-page-header .bk-filters-group input[type=date],.bk-page-header .bk-action-buttons-group{width:100%}.bk-page-header .bk-action-buttons-group button{flex:1;justify-content:center}.bk-data-table table th,.bk-data-table table td{padding:11px 14px;font-size:13px}.bk-form-container{padding:18px}.bk-form-container .bk-form-row{flex-direction:column;gap:14px}.bk-room-grid{grid-template-columns:1fr 1fr}.bk-inline-customer-grid{grid-template-columns:1fr}.bk-price-breakdown-grid,.bk-final-price-grid{font-size:13px}.bk-modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.bk-modal-content.bk-modal-lg{max-width:100%}.bk-modal-overlay{align-items:flex-end;padding:0}.bk-modal-footer button{flex:1;min-width:calc(50% - 5px)}.bk-customer-search-row{flex-direction:column;align-items:stretch}.bk-customer-search-row .bk-add-customer-btn{justify-content:center}.bk-extra-req-row-edit{flex-direction:column;align-items:stretch}.bk-extra-req-row-edit .bk-remove-req-btn{align-self:flex-end}.bk-payment-row{flex-wrap:wrap}.bk-payment-row .bk-payment-method-select,.bk-payment-row .bk-payment-amount-input,.bk-payment-row .bk-payment-ref-input{flex:100%;min-width:100%}.bk-payment-row .bk-remove-payment-btn{align-self:flex-end}}@media screen and (width<=480px){.bk-room-grid,.bk-inline-customer-grid{grid-template-columns:1fr}}.bk-action-buttons .bk-action-btn{transition:all .25s;position:relative}.bk-action-buttons .bk-action-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.bk-action-buttons .bk-action-btn:disabled:hover{opacity:.6!important;transform:none!important}.bk-action-buttons .bk-action-btn .bk-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite bk-spin}.bk-action-buttons .bk-action-btn.bk-whatsapp-btn-sm:disabled,.bk-action-buttons .bk-action-btn.bk-pdf-btn-sm:disabled{opacity:.5!important;transform:none!important}.bk-action-buttons .bk-action-btn.bk-whatsapp-btn-sm:disabled:hover,.bk-action-buttons .bk-action-btn.bk-pdf-btn-sm:disabled:hover{transform:none!important}.bk-modal-footer button:disabled{opacity:.6!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important}.bk-modal-footer button:disabled:hover{opacity:.6!important;transform:none!important}.bk-modal-footer button .bk-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite bk-spin}.bk-form-container button[type=submit]:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.bk-form-container button[type=submit]:disabled .bk-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:16px;height:16px;animation:.8s linear infinite bk-spin}.bk-whatsapp-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.bk-whatsapp-btn:disabled .bk-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;animation:.8s linear infinite bk-spin}.bk-export-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.bk-export-btn:disabled .bk-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;animation:.8s linear infinite bk-spin}.bk-update-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.bk-add-room-btn:disabled,.bk-remove-room-btn:disabled,.bk-change-room-btn:disabled,.bk-delete-btn:disabled,.bk-cancel-btn:disabled,.bk-create-customer-submit:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.bk-update-btn:disabled .bk-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;animation:.8s linear infinite bk-spin}button .bk-loading-spinner.small{flex-shrink:0;display:inline-block}.bk-price-error{color:#dc3545;text-align:center;background:#f8d7da;border-radius:4px;grid-column:1/-1;padding:6px 10px;font-size:13px;font-weight:600}.bk-change-summary{background:#f8f9fa;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.bk-change-summary .bk-old-room{color:#dc3545;font-weight:600}.bk-change-summary .bk-change-arrow{color:#3f3f91;font-size:18px;font-weight:700}.bk-change-summary .bk-new-room{color:#28a745;font-weight:600}#booking-pdf{color:#333;box-sizing:border-box;background:#fff;width:210mm;margin:0 auto;padding:15mm;font-family:Arial,sans-serif;font-size:12px;position:relative}#booking-pdf .invoice-container{flex-direction:column;gap:15px;display:flex}#booking-pdf .invoice-header{border-bottom:2px solid #333;flex-direction:column;min-height:100px;margin-bottom:0;padding:10px 0;display:flex;position:relative}#booking-pdf .invoice-header .logo-address-center{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}#booking-pdf .invoice-header .invoice-logo{margin-bottom:6px}#booking-pdf .invoice-header .invoice-logo img{max-width:130px;height:auto;margin:0 auto;display:block}#booking-pdf .invoice-header .company-address{text-align:center}#booking-pdf .invoice-header .company-address .address-details{margin:0}#booking-pdf .invoice-header .company-address .address-details p{margin:2px 0;font-size:11px;line-height:1.3}#booking-pdf .tax-invoice-heading{text-align:center;margin:0 0 10px}#booking-pdf .tax-invoice-heading h1{color:#333;margin:0;font-size:20px;font-weight:700;text-decoration:none}#booking-pdf .invoice-details-section{page-break-inside:avoid;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#booking-pdf .invoice-details-section .customer-info,#booking-pdf .invoice-details-section .invoice-info{flex:1}#booking-pdf .invoice-details-section .customer-info h3,#booking-pdf .invoice-details-section .invoice-info h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:13px}#booking-pdf .invoice-details-section .customer-info .details-table,#booking-pdf .invoice-details-section .invoice-info .details-table{border-collapse:collapse;width:100%}#booking-pdf .invoice-details-section .customer-info .details-table td,#booking-pdf .invoice-details-section .invoice-info .details-table td{vertical-align:top;border:none;padding:4px 0}#booking-pdf .invoice-details-section .customer-info .details-table td:first-child,#booking-pdf .invoice-details-section .invoice-info .details-table td:first-child{width:120px;padding-right:10px;font-weight:700}#booking-pdf .status-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}#booking-pdf .status-badge.payment-paid{color:#fff;background:#4caf50}#booking-pdf .status-badge.payment-partialpaid{color:#fff;background:#ff9800}#booking-pdf .status-badge.payment-notpaid{color:#fff;background:#f44336}#booking-pdf .status-badge.status-confirmed{color:#fff;background:#2196f3}#booking-pdf .status-badge.status-cancelled{color:#fff;background:#f44336}#booking-pdf .status-badge.status-checked-in{color:#fff;background:#4caf50}#booking-pdf .stay-duration-section{page-break-inside:avoid;margin-bottom:5px}#booking-pdf .stay-duration-section h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:13px}#booking-pdf .stay-duration-section .duration-grid{background:#f9f9f9;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 15px;display:grid}#booking-pdf .stay-duration-section .duration-grid .duration-item{flex-direction:column;display:flex}#booking-pdf .stay-duration-section .duration-grid .duration-item .duration-label{color:#666;font-size:10px;font-weight:700}#booking-pdf .stay-duration-section .duration-grid .duration-item .duration-value{margin-top:2px;font-size:12px;font-weight:500}#booking-pdf .items-section{page-break-inside:auto;margin-bottom:5px}#booking-pdf .items-section h3{color:#333;page-break-after:avoid;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:14px}#booking-pdf .items-section .items-table{border-collapse:collapse;table-layout:auto;width:100%}#booking-pdf .items-section .items-table th,#booking-pdf .items-section .items-table td{word-wrap:break-word;page-break-inside:avoid;border:1px solid #ddd;padding:6px;font-size:11px}#booking-pdf .items-section .items-table th{text-align:center;background:#f5f5f5;font-weight:700}#booking-pdf .items-section .items-table td{text-align:right}#booking-pdf .items-section .items-table td:nth-child(2),#booking-pdf .items-section .items-table td:nth-child(3),#booking-pdf .items-section .items-table td:nth-child(4){text-align:left}#booking-pdf .items-section .items-table td .item-detail{color:#666;margin-top:2px;font-size:9px}#booking-pdf .items-section .items-table tr{page-break-inside:avoid;page-break-after:auto}#booking-pdf .totals-section{page-break-inside:avoid;page-break-before:auto;justify-content:flex-end;margin-bottom:5px;display:flex}#booking-pdf .totals-section .amount-details{width:300px}#booking-pdf .totals-section .amount-details table{border-collapse:collapse;width:100%}#booking-pdf .totals-section .amount-details table td{text-align:right;padding:6px}#booking-pdf .totals-section .amount-details table td:first-child{text-align:left;font-weight:700}#booking-pdf .totals-section .amount-details table .grand-total td{border-top:1px solid #333;border-bottom:1px solid #333;font-size:13px;font-weight:700}#booking-pdf .totals-section .amount-details table .final-total td{border-top:2px solid #333;padding-top:8px;font-size:15px;font-weight:700}#booking-pdf .totals-section .amount-details table .payment-row td{font-size:12px}#booking-pdf .totals-section .amount-details table .balance-row td{border-top:1px solid #ddd;padding-top:8px;font-size:13px;font-weight:700}#booking-pdf .totals-section .amount-details table .balance-row td .balance-due{color:#d32f2f}#booking-pdf .totals-section .amount-details table .balance-row td .balance-clear{color:#2e7d32}#booking-pdf .totals-section .amount-details table .extended-row td{color:#ff6f00;text-align:center;border-top:1px solid #ffcc80;padding-top:8px;font-size:11px}#booking-pdf .totals-section .amount-details table .extended-row td .extended-note{font-weight:700}#booking-pdf .amount-in-words{page-break-inside:avoid;page-break-before:auto;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:5px;padding:8px 12px}#booking-pdf .amount-in-words p{margin:0;font-size:11px;font-style:italic}#booking-pdf .notes-section{page-break-inside:avoid;margin-bottom:5px}#booking-pdf .notes-section h3{border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px}#booking-pdf .notes-section p{background:#f9f9f9;border-left:3px solid #3f3f91;border-radius:4px;margin:0;padding:5px 10px;font-size:11px}#booking-pdf .declaration-terms-section{page-break-inside:avoid;page-break-before:auto;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#booking-pdf .declaration-terms-section .declaration-section,#booking-pdf .declaration-terms-section .terms-section{flex:1}#booking-pdf .declaration-terms-section .declaration-section h3,#booking-pdf .declaration-terms-section .terms-section h3{border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px}#booking-pdf .declaration-terms-section .declaration-section p,#booking-pdf .declaration-terms-section .terms-section p{word-wrap:break-word;margin:0;font-family:inherit;font-size:10px;line-height:1.4}#booking-pdf .invoice-footer{page-break-inside:avoid;page-break-before:auto;border-top:1px solid #ddd;justify-content:space-between;align-items:flex-end;margin-top:5px;padding-top:15px;display:flex}#booking-pdf .invoice-footer .thank-you{text-align:left;flex:1}#booking-pdf .invoice-footer .thank-you p{margin:2px 0;font-size:11px;font-style:italic;font-weight:700}#booking-pdf .invoice-footer .thank-you .welcome-again{color:#666;font-size:10px;font-style:normal;font-weight:400}#booking-pdf .invoice-footer .signature{text-align:center;flex:1}#booking-pdf .invoice-footer .signature p{margin:0 0 5px;font-size:11px}#booking-pdf .invoice-footer .signature .signature-line{background:#333;width:150px;height:1px;margin:0 auto}#booking-pdf .invoice-footer .signature .signature-date{color:#666;margin-top:3px;font-size:9px}#booking-pdf .invoice-footer .developer-note{text-align:right;flex:1}#booking-pdf .invoice-footer .developer-note p{color:#666;margin:2px 0;font-size:9px}#booking-pdf .invoice-footer .developer-note .generated-time{color:#999;font-size:8px}#booking-pdf .invoice-footer .developer-note a{color:#3f3f91;text-decoration:none}#booking-pdf .invoice-footer .developer-note a:hover{text-decoration:underline}@media print{#booking-pdf{width:100%;height:100%;box-shadow:none;margin:0;padding:15mm}#booking-pdf .invoice-footer .developer-note a{color:#3f3f91}#booking-pdf .items-table{page-break-inside:auto}#booking-pdf .items-table tr{page-break-inside:avoid;page-break-after:auto}#booking-pdf .totals-section,#booking-pdf .amount-in-words,#booking-pdf .declaration-terms-section,#booking-pdf .invoice-footer{page-break-before:avoid;page-break-inside:avoid}#booking-pdf .status-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}#booking-pdf .status-badge.payment-paid{color:#fff!important;background:#4caf50!important}#booking-pdf .status-badge.payment-partialpaid{color:#fff!important;background:#ff9800!important}#booking-pdf .status-badge.payment-notpaid{color:#fff!important;background:#f44336!important}#booking-pdf .status-badge.status-confirmed{color:#fff!important;background:#2196f3!important}#booking-pdf .status-badge.status-cancelled{color:#fff!important;background:#f44336!important}#booking-pdf .status-badge.status-checked-in{color:#fff!important;background:#4caf50!important}}@media screen and (width<=768px){#booking-pdf{padding:10mm;margin-top:10mm!important}#booking-pdf .invoice-details-section{flex-direction:column;gap:10px}#booking-pdf .stay-duration-section .duration-grid{grid-template-columns:1fr;gap:5px}#booking-pdf .declaration-terms-section{flex-direction:column;gap:10px}#booking-pdf .invoice-footer{text-align:center;flex-direction:column;align-items:center;gap:10px}#booking-pdf .invoice-footer .thank-you,#booking-pdf .invoice-footer .signature,#booking-pdf .invoice-footer .developer-note{text-align:center;flex:none;width:100%}#booking-pdf .totals-section .amount-details{width:100%}}.ckout-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.ckout-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:end;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.ckout-page-header .ckout-right-section{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;width:100%;display:flex}.ckout-page-header .ckout-search-container{width:250px;position:relative}.ckout-page-header .ckout-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.ckout-page-header .ckout-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckout-page-header .ckout-search-container input::placeholder{color:#aab0bc}.ckout-page-header .ckout-search-container .ckout-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.ckout-page-header .ckout-filters-group{align-items:center;gap:10px;display:flex}.ckout-page-header .ckout-filters-group select,.ckout-page-header .ckout-filters-group input[type=date]{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.ckout-page-header .ckout-filters-group select:focus,.ckout-page-header .ckout-filters-group input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckout-page-header .ckout-action-buttons-group{align-items:center;gap:10px;display:flex}.ckout-page-header .ckout-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.ckout-page-header .ckout-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.ckout-page-header .ckout-action-buttons-group button:active{transform:translateY(0)}.ckout-page-header .ckout-action-buttons-group .ckout-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.ckout-page-header .ckout-action-buttons-group .ckout-add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.ckout-export-all-btn{color:#fff;background:linear-gradient(135deg,#28a745,#20c997)}.ckout-export-all-btn:hover{background:linear-gradient(135deg,#1e7e34,#1aa179);box-shadow:0 5px 14px #28a74559}.ckout-booking-type-badge{letter-spacing:.2px;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.ckout-booking-type-badge.ckout-pernight-badge{color:#6c5ce7;background:#f0f0ff;border:1px solid #d6d6ff}.ckout-booking-type-badge.ckout-simple-badge{color:#556;background:#eef1f8;border:1px solid #dde1ed}.ckout-payment-type-badge{text-transform:uppercase;letter-spacing:.3px;color:#556;background:#eef1f8;border-radius:50px;align-items:center;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.ckout-payment-type-badge.ckout-payment-type-cash{color:#2e7d32;background:#e8f5e9}.ckout-payment-type-badge.ckout-payment-type-upi{color:#1565c0;background:#e3f2fd}.ckout-payment-type-badge.ckout-payment-type-bank{color:#856404;background:#fff3cd}.ckout-payment-type-badge.ckout-payment-type-cheque{color:#6a1b9a;background:#f3e5f5}.ckout-payment-type-badge.ckout-payment-type-multiple{color:#3f3f91;background:#edf0fc}.ckout-payment-details-list{flex-direction:column;gap:6px;display:flex}.ckout-payment-detail-item{color:#333;border-bottom:1px dashed #f0f2f8;align-items:center;gap:8px;padding:4px 0;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ckout-payment-detail-item:last-child{border-bottom:none}.ckout-payment-detail-item .ckout-payment-method{color:#2d2f87;min-width:60px;font-family:Roboto,sans-serif;font-weight:600}.ckout-payment-detail-item .ckout-payment-amount{color:#28a745;font-weight:700}.ckout-payment-detail-item .ckout-payment-ref{color:#888;font-size:12px}.ckout-payment-total{color:#555;border-top:1px solid #f0f2f8;margin-top:6px;padding-top:6px;font-family:Open Sans,sans-serif;font-size:13px}.ckout-payment-total strong{color:#3f3f91}.ckout-payment-details-edit{flex-direction:column;gap:10px;display:flex}.ckout-payment-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ckout-payment-method-select{flex:0 0 110px}.ckout-payment-amount-input{flex:1;min-width:90px}.ckout-payment-ref-input{flex:1;min-width:120px}.ckout-remove-payment-btn{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;transition:all .2s;display:flex}.ckout-remove-payment-btn:hover:not(:disabled){color:#fff;background:#dc3545}.ckout-remove-payment-btn:disabled{opacity:.4;cursor:not-allowed}.ckout-payment-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ckout-add-payment-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px dashed #6a6ac5;border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ckout-add-payment-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-style:solid}.ckout-add-payment-btn:disabled{opacity:.5;cursor:not-allowed}.ckout-form-container{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;max-width:1300px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.ckout-form-container.ckout-premium{border-top:3px solid #6a6ac5}.ckout-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.ckout-form-container .ckout-form-row{gap:20px;margin-bottom:18px;display:flex}.ckout-form-container .ckout-form-row .ckout-form-field{flex:1;position:relative}.ckout-form-container .ckout-form-row .ckout-form-field.ckout-form-field-full{flex:100%}.ckout-form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.ckout-form-container input,.ckout-form-container textarea,.ckout-form-container select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ckout-form-container input:focus,.ckout-form-container textarea:focus,.ckout-form-container select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckout-form-container input::placeholder,.ckout-form-container textarea::placeholder,.ckout-form-container select::placeholder{color:#bfc5ce}.ckout-form-container select{cursor:pointer}.ckout-form-container textarea{resize:vertical;min-height:80px}.ckout-form-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;margin-top:6px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.ckout-form-container button[type=submit]:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.ckout-form-container button[type=submit]:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.ckout-form-container .ckout-error{color:#dc3545;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px}.ckout-form-container .ckout-field-hint{color:#888;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.ckout-edit-input,.ckout-edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ckout-edit-input:focus,.ckout-edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}select.ckout-edit-input{cursor:pointer}.ckout-edit-textarea{resize:vertical;min-height:70px}.ckout-read-only-input{color:#888!important;cursor:not-allowed!important;background:#f0f1f5!important}.ckout-read-only-input:focus{box-shadow:none!important;border-color:#e3e8f0!important}.ckout-booking-search-section{margin-bottom:18px}.ckout-booking-search-wrap{position:relative}.ckout-booking-search-input{padding-right:38px!important}.ckout-booking-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.ckout-searching-spinner{color:#3f3f91;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.ckout-searching-spinner .ckout-spin{animation:.9s linear infinite ckout-spin}@keyframes ckout-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ckout-booking-dropdown{max-height:300px}.ckout-booking-dropdown-item{flex-direction:column;gap:2px;display:flex}.ckout-booking-dropdown-number{color:#2d2f87;font-family:Roboto,sans-serif;font-size:14px}.ckout-booking-dropdown-guest{color:#444;font-family:Open Sans,sans-serif;font-size:13px}.ckout-booking-dropdown-phone,.ckout-booking-dropdown-date{color:#888;font-family:Open Sans,sans-serif;font-size:12px}.ckout-selected-booking-info{color:#256029;background:#edf7ed;border:1px solid #c8e6c9;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:10px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ckout-selected-booking-info .ckout-selected-booking-icon{flex-shrink:0}.ckout-selected-booking-info .ckout-selected-booking-text{flex:1}.ckout-selected-booking-info .ckout-selected-booking-text strong{font-family:Roboto,sans-serif}.ckout-selected-booking-info .ckout-selected-booking-remove{color:#256029;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:14px;display:flex}.ckout-selected-booking-info .ckout-selected-booking-remove:hover{color:#dc3545}.ckout-booking-section-divider{border:none;border-top:1px solid #eaeef6;margin:18px 0}.ckout-dropdown-list{z-index:50;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #1e1e3c24}.ckout-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f2f8;flex-direction:column;gap:2px;padding:10px 14px;transition:background .15s;display:flex}.ckout-dropdown-item:last-child{border-bottom:none}.ckout-dropdown-item:hover{background:#f5f6fb}.ckout-dropdown-item.ckout-dropdown-item-center{color:#888;cursor:default;justify-content:center;align-items:center;font-family:Open Sans,sans-serif;font-size:13.5px}.ckout-dropdown-item.ckout-dropdown-item-center:hover{background:0 0}.ckout-edit-requirements{flex-direction:column;gap:8px;display:flex}.ckout-edit-req-row{align-items:center;gap:10px;display:flex}.ckout-edit-req-desc{flex:2}.ckout-edit-req-price{flex:1}.ckout-edit-req-remove{color:#dc3545;cursor:pointer;background:#fdecea;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0;display:flex}.ckout-edit-req-remove:hover{color:#fff;background:#dc3545}.ckout-add-req-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px dashed #6a6ac5;border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ckout-add-req-btn:hover{color:#fff;background:#3f3f91;border-style:solid}.ckout-add-proof-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3f3f91;border:none;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ckout-add-proof-btn:hover{background:#2d2f87}.ckout-edit-id-proofs{flex-direction:column;gap:8px;display:flex}.ckout-edit-proof-row{align-items:center;gap:10px;display:flex}.ckout-edit-proof-name{color:#444;word-break:break-all;flex:1;font-family:Open Sans,sans-serif;font-size:13.5px}.ckout-edit-proof-select{flex:1}.ckout-edit-proof-add-row{align-items:center;gap:10px;margin-top:4px;display:flex}.ckout-edit-proof-file-input{flex:1}.ckout-discount-row{gap:10px;display:flex}.ckout-discount-type-select,.ckout-discount-value-input{flex:1}.ckout-discount-reason-input{margin-top:8px}.ckout-rooms-pricing,.ckout-room-pricing-edit{flex-direction:column;gap:10px;display:flex}.ckout-room-price-row{background:#fafbfc;border:1px solid #eee;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.ckout-room-price-row.ckout-room-removed-row{background:#fdecea;border-color:#f5c6cb}.ckout-room-info{color:#333;flex:1;align-items:center;gap:8px;min-width:160px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ckout-room-info strong{color:#2d2f87;font-family:Roboto,sans-serif}.ckout-room-status-active{color:#155724;text-transform:uppercase;letter-spacing:.3px;background:#d4edda;border-radius:50px;padding:2px 9px;font-family:Roboto,sans-serif;font-size:10.5px;font-weight:700}.ckout-room-status-removed{color:#721c24;text-transform:uppercase;letter-spacing:.3px;background:#f8d7da;border-radius:50px;padding:2px 9px;font-family:Roboto,sans-serif;font-size:10.5px;font-weight:700}.ckout-room-price-input{align-items:center;gap:6px;display:flex}.ckout-room-price-input .ckout-price-symbol,.ckout-room-price-input .ckout-price-currency{color:#3f3f91;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.ckout-room-price-input .ckout-price-input{width:110px}.ckout-room-duration{color:#888;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12px}.ckout-room-removed-info,.ckout-removed-info{color:#a94442;width:100%;font-family:Open Sans,sans-serif;font-size:12px}.ckout-room-removed-info small,.ckout-removed-info small{display:block}.ckout-file-upload-area{flex-direction:column;gap:12px;display:flex}.ckout-upload-btn{color:#3f3f91;cursor:pointer;background:#f5f7fc;border:1.5px dashed #6a6ac5;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ckout-upload-btn:hover{background:#ede8fa}.ckout-file-list{flex-direction:column;gap:8px;display:flex}.ckout-file-item{color:#555;background:#fafbfc;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.ckout-file-item button{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;padding:0;display:flex}.ckout-file-item button:hover{color:#dc3545;background:#ffe8e8}.ckout-file-item.ckout-file-item-labeled{flex-wrap:wrap}.ckout-file-item .ckout-file-info{flex-direction:column;flex:1;gap:2px;min-width:140px;display:flex}.ckout-file-item .ckout-file-info span:first-child{color:#333;font-weight:600}.ckout-file-item .ckout-file-info span:last-child{color:#999;font-size:11.5px}.ckout-file-item .ckout-file-label select{border-radius:50px;min-width:140px;padding:6px 10px;font-size:12.5px}.ckout-price-breakdown-box{background:#f5f5f5;border-radius:8px;margin:6px 0;padding:14px 16px}.ckout-price-breakdown-box h4{color:#3f3f91;align-items:center;gap:8px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;display:flex}.ckout-price-breakdown-grid{color:#333;grid-template-columns:1fr 1fr;gap:5px;font-family:Open Sans,sans-serif;font-size:14px;display:grid}.ckout-price-breakdown-grid .ckout-price-val{text-align:right}.ckout-price-breakdown-grid .ckout-price-discount{color:#dc3545}.ckout-price-breakdown-grid .ckout-price-section-label{color:#2d2f87;grid-column:1/-1;margin-top:6px;font-family:Roboto,sans-serif;font-size:13px}.ckout-price-breakdown-grid .ckout-room-price-label{padding-left:8px}.ckout-price-breakdown-grid .ckout-price-total-label{padding-left:8px;font-weight:700}.ckout-price-breakdown-grid .ckout-price-total{font-weight:700}.ckout-price-breakdown-grid .ckout-removed-label{color:#dc3545}.ckout-price-breakdown-grid .ckout-removed-text{color:#a94442}.ckout-price-breakdown-grid .ckout-removed-badge{color:#721c24;text-transform:uppercase;background:#f8d7da;border-radius:50px;padding:1px 8px;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;display:inline-block}.ckout-price-breakdown-grid .ckout-price-divider{border:1px solid #ddd;grid-column:1/-1;margin:4px 0}.ckout-price-breakdown-grid .ckout-price-divider.ckout-price-divider-thick{border:2px solid #3f3f91}.ckout-price-breakdown-grid .ckout-price-grand-label,.ckout-price-breakdown-grid .ckout-price-grand-value{color:#3f3f91;font-size:16px;font-weight:700}.ckout-price-breakdown-grid .ckout-price-grand-value.ckout-balance-due{color:#dc3545}.ckout-price-breakdown-grid .ckout-price-grand-value.ckout-balance-clear{color:#28a745}.ckout-data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 24px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}.ckout-data-table table{border-collapse:collapse;width:100%}.ckout-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.ckout-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.ckout-data-table table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.ckout-data-table table tr{cursor:pointer;transition:background-color .15s}.ckout-data-table table tr:last-child td{border-bottom:none}.ckout-data-table table tr:hover td{background-color:#f5f6fb}.ckout-data-table table tr.ckout-selected td{color:#2d2f87;background-color:#edf0fc}.ckout-empty-state{text-align:center;padding:50px 20px}.ckout-empty-state p{color:#888;font-family:Open Sans,sans-serif;font-size:15px}.ckout-action-buttons{align-items:center;gap:6px;display:flex}.ckout-action-buttons .ckout-action-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .25s;display:flex}.ckout-action-buttons .ckout-action-btn:hover{transform:scale(1.08)}.ckout-action-buttons .ckout-action-btn.ckout-print-btn-sm{background:#3f3f91}.ckout-action-buttons .ckout-action-btn.ckout-print-btn-sm:hover{background:#2d2f87}.ckout-action-buttons .ckout-action-btn.ckout-whatsapp-btn-sm{background:#25d366}.ckout-action-buttons .ckout-action-btn.ckout-whatsapp-btn-sm:hover{background:#128c7e}.ckout-action-buttons .ckout-action-btn.ckout-pdf-btn-sm{background:#dc3545}.ckout-action-buttons .ckout-action-btn.ckout-pdf-btn-sm:hover{background:#a71d2a}.ckout-action-buttons .ckout-action-btn.ckout-view-btn-sm{background:#3f3f91}.ckout-action-buttons .ckout-action-btn.ckout-view-btn-sm:hover{background:#2d2f87}.ckout-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.ckout-status-badge.ckout-status-completed{color:#155724;background:#d4edda}.ckout-status-badge.ckout-status-partial{color:#856404;background:#fff3cd}.ckout-status-badge.ckout-status-cancelled{color:#721c24;background:#f8d7da}.ckout-status-badge.ckout-status-paid{color:#155724;background:#d4edda}.ckout-status-badge.ckout-status-partialpaid{color:#856404;background:#fff3cd}.ckout-status-badge.ckout-status-notpaid{color:#721c24;background:#f8d7da}.ckout-pagination-container{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 24px;padding:14px 20px;display:flex;box-shadow:0 2px 10px #00000012}.ckout-pagination-info{color:#666;font-family:Open Sans,sans-serif;font-size:13px}.ckout-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ckout-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:50px;justify-content:center;align-items:center;gap:6px;min-width:36px;padding:7px 14px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.ckout-pagination-btn:hover:not(:disabled),.ckout-pagination-btn.ckout-active{color:#fff;background:#3f3f91;border-color:#3f3f91}.ckout-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ckout-pagination-dots{color:#aab0bc;padding:0 4px;font-family:Open Sans,sans-serif}.ckout-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.ckout-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.ckout-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite ckout-spin;display:inline-block}.ckout-loading-spinner.large{border-width:3px;width:40px;height:40px}.ckout-loading-spinner.small{border-width:2px;width:16px;height:16px}.ckout-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out ckout-fadeIn;display:flex;position:fixed;inset:0}@keyframes ckout-fadeIn{0%{opacity:0}to{opacity:1}}.ckout-modal-content{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out ckout-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.ckout-modal-content.ckout-modal-lg{max-width:800px}@keyframes ckout-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ckout-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.ckout-modal-title{color:#2d2f87;align-items:center;gap:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.ckout-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;transition:all .2s;display:flex}.ckout-modal-close:hover{color:#3f3f91;background:#ede8fa}.ckout-modal-body{padding:22px}.ckout-details-grid{grid-template-columns:1fr;gap:16px;display:grid}.ckout-detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.ckout-detail-row:last-child{border-bottom:none;padding-bottom:0}.ckout-detail-row input,.ckout-detail-row textarea,.ckout-detail-row select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ckout-detail-row input:focus,.ckout-detail-row textarea:focus,.ckout-detail-row select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ckout-detail-row select{cursor:pointer}.ckout-detail-row textarea{resize:vertical;min-height:70px}.ckout-detail-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.ckout-detail-value{color:#2d2d50;word-break:break-word;font-family:Open Sans,sans-serif;font-size:14.5px}.ckout-extra-req-list,.ckout-id-proofs-list,.ckout-rooms-list{flex-direction:column;gap:8px;display:flex}.ckout-extra-req-list-item{color:#444;border-bottom:1px solid #eee;padding:3px 0;font-family:Open Sans,sans-serif;font-size:13.5px}.ckout-extra-req-list-item:last-child{border-bottom:none}.ckout-room-detail-item{color:#444;background:#fafbfc;border:1px solid #eee;border-radius:8px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13.5px}.ckout-room-detail-item.ckout-room-removed{background:#fdecea;border-color:#f5c6cb}.ckout-room-detail-item small{color:#888}.ckout-removed-badge{color:#721c24;text-transform:uppercase;letter-spacing:.3px;background:#f8d7da;border-radius:50px;margin-left:8px;padding:2px 9px;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;display:inline-block}.ckout-removed-badge-sm{color:#721c24;text-transform:uppercase;background:#f8d7da;border-radius:50px;margin-left:4px;padding:1px 7px;font-family:Roboto,sans-serif;font-size:9.5px;font-weight:700;display:inline-block}.ckout-removed-info-text{color:#a94442;font-style:italic}.ckout-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.ckout-modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ckout-modal-footer button:hover{opacity:.92;transform:translateY(-1px)}.ckout-modal-footer button:active{transform:translateY(0)}.ckout-modal-footer button:disabled{cursor:not-allowed;transform:none;background:#b8b8cc!important}.ckout-modal-footer .ckout-update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.ckout-modal-footer .ckout-update-btn.ckout-save-btn{background:#e55a2b;box-shadow:0 3px 8px #e55a2b40}.ckout-modal-footer .ckout-delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.ckout-modal-footer .ckout-export-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.ckout-modal-footer .ckout-print-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.ckout-modal-footer .ckout-print-btn:hover{background:#2d2f87}.ckout-modal-footer .ckout-whatsapp-btn{color:#fff;background:#25d366;box-shadow:0 3px 8px #25d3664d}.ckout-modal-footer .ckout-whatsapp-btn:hover{background:#128c7e;box-shadow:0 3px 8px #128c7e4d}.ckout-modal-footer .ckout-cancel-btn{color:#666;box-shadow:none;background:0 0;border:1.5px solid #dde1ed}.ckout-modal-footer .ckout-cancel-btn:hover{background:#f5f6fb;border-color:#c8cde0}.ckout-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ckout-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.ckout-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.ckout-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.ckout-confirm-dialog .ckout-confirm-buttons{justify-content:center;gap:12px;display:flex}.ckout-confirm-dialog .ckout-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.ckout-confirm-dialog .ckout-confirm-buttons .ckout-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.ckout-confirm-dialog .ckout-confirm-buttons .ckout-confirm-cancel:hover{background:#e5e8f0}.ckout-confirm-dialog .ckout-confirm-buttons .ckout-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.ckout-confirm-dialog .ckout-confirm-buttons .ckout-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}@media screen and (width<=768px){.ckout-main{padding:16px 14px 32px}.ckout-page-header{gap:12px;padding:14px 16px}.ckout-page-header .ckout-right-section{flex-direction:column;align-items:stretch;gap:10px}.ckout-page-header .ckout-search-container{width:100%}.ckout-page-header .ckout-filters-group{flex-direction:column;width:100%}.ckout-page-header .ckout-filters-group select,.ckout-page-header .ckout-filters-group input[type=date],.ckout-page-header .ckout-action-buttons-group{width:100%}.ckout-page-header .ckout-action-buttons-group button{flex:1;justify-content:center}.ckout-data-table table th,.ckout-data-table table td{padding:11px 14px;font-size:13px}.ckout-form-container{padding:18px}.ckout-form-container .ckout-form-row{flex-direction:column;gap:14px}.ckout-discount-row{flex-direction:column}.ckout-price-breakdown-grid{font-size:13px}.ckout-room-price-row{flex-direction:column;align-items:stretch}.ckout-room-price-input .ckout-price-input{width:100%}.ckout-modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.ckout-modal-content.ckout-modal-lg{max-width:100%}.ckout-modal-overlay{align-items:flex-end;padding:0}.ckout-modal-footer button{flex:1;min-width:calc(50% - 5px)}.ckout-edit-req-row,.ckout-edit-proof-row,.ckout-edit-proof-add-row{flex-wrap:wrap}.ckout-payment-row{flex-direction:column;align-items:stretch}.ckout-payment-row .ckout-remove-payment-btn{align-self:flex-end}}.ckout-price-breakdown-grid{flex-direction:column;gap:6px;display:flex!important}.ckout-price-breakdown-grid .ckout-price-line{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.ckout-price-breakdown-grid .ckout-price-line .ckout-room-price-label{flex:1;padding-left:8px}.ckout-price-breakdown-grid .ckout-price-line .ckout-price-val{white-space:nowrap;text-align:right;flex-shrink:0}.ckout-price-breakdown-grid .ckout-price-total-line{border-top:1px dashed #ddd;margin-top:2px;padding-top:4px}.ckout-price-breakdown-grid .ckout-price-section-label{margin-top:6px}.ckout-price-breakdown-grid .ckout-price-section-label:first-child{margin-top:0}.ckout-action-buttons .ckout-action-btn{transition:all .25s;position:relative}.ckout-action-buttons .ckout-action-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.ckout-action-buttons .ckout-action-btn:disabled:hover{opacity:.6!important;transform:none!important}.ckout-action-buttons .ckout-action-btn .ckout-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite ckout-spin}.ckout-action-buttons .ckout-action-btn.ckout-whatsapp-btn-sm:disabled,.ckout-action-buttons .ckout-action-btn.ckout-pdf-btn-sm:disabled,.ckout-action-buttons .ckout-action-btn.ckout-print-btn-sm:disabled{opacity:.5!important;transform:none!important}.ckout-action-buttons .ckout-action-btn.ckout-whatsapp-btn-sm:disabled:hover,.ckout-action-buttons .ckout-action-btn.ckout-pdf-btn-sm:disabled:hover,.ckout-action-buttons .ckout-action-btn.ckout-print-btn-sm:disabled:hover{transform:none!important}.ckout-modal-footer button:disabled{opacity:.6!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important}.ckout-modal-footer button:disabled:hover{opacity:.6!important;transform:none!important}.ckout-modal-footer button .ckout-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite ckout-spin}.ckout-export-all-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.ckout-export-all-btn:disabled .ckout-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;animation:.8s linear infinite ckout-spin}.ckout-form-container button[type=submit]:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.ckout-form-container button[type=submit]:disabled .ckout-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:16px;height:16px;animation:.8s linear infinite ckout-spin}.ckout-whatsapp-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.ckout-whatsapp-btn:disabled .ckout-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;animation:.8s linear infinite ckout-spin}.ckout-export-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.ckout-export-btn:disabled .ckout-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;animation:.8s linear infinite ckout-spin}.ckout-print-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.ckout-print-btn:disabled .ckout-loading-spinner.small{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:14px;height:14px;animation:.8s linear infinite ckout-spin}button .ckout-loading-spinner.small{flex-shrink:0;display:inline-block}@media screen and (width<=768px){.ckout-action-buttons .ckout-action-btn .ckout-loading-spinner.small,.ckout-modal-footer button .ckout-loading-spinner.small{width:12px;height:12px}}@media print{@page{size:A4 portrait;margin:0}html,body{height:auto!important;margin:0!important;padding:0!important}body.ckout-print-mode>:not(.ckout-print-target){display:none!important}body.ckout-print-mode .ckout-print-target{visibility:visible!important;width:100%!important;margin:0!important;position:static!important;top:0!important;left:0!important}body.ckout-print-mode .ckout-print-target *{visibility:visible!important}}#checkout-pdf{color:#333;box-sizing:border-box;background:#fff;width:210mm;margin:0 auto;padding:15mm;font-family:Arial,sans-serif;font-size:12px;position:relative}#checkout-pdf .invoice-container{flex-direction:column;gap:15px;display:flex}#checkout-pdf .invoice-header{border-bottom:2px solid #333;flex-direction:column;min-height:100px;margin-bottom:0;padding:10px 0;display:flex;position:relative}#checkout-pdf .invoice-header .logo-address-center{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:35px;display:flex}#checkout-pdf .invoice-header .invoice-logo{margin-bottom:6px}#checkout-pdf .invoice-header .invoice-logo img{max-width:130px;height:auto;margin:0 auto;display:block}#checkout-pdf .invoice-header .company-address{text-align:center}#checkout-pdf .invoice-header .company-address .address-details{margin:0}#checkout-pdf .invoice-header .company-address .address-details p{margin:2px 0;font-size:11px;line-height:1.3}#checkout-pdf .tax-invoice-heading{text-align:center;margin:0 0 10px}#checkout-pdf .tax-invoice-heading h1{color:#333;margin:0;font-size:20px;font-weight:700;text-decoration:none}#checkout-pdf .invoice-details-section{page-break-inside:avoid;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#checkout-pdf .invoice-details-section .customer-info,#checkout-pdf .invoice-details-section .invoice-info{flex:1}#checkout-pdf .invoice-details-section .customer-info h3,#checkout-pdf .invoice-details-section .invoice-info h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:13px}#checkout-pdf .invoice-details-section .customer-info .details-table,#checkout-pdf .invoice-details-section .invoice-info .details-table{border-collapse:collapse;width:100%}#checkout-pdf .invoice-details-section .customer-info .details-table td,#checkout-pdf .invoice-details-section .invoice-info .details-table td{vertical-align:top;border:none;padding:4px 0}#checkout-pdf .invoice-details-section .customer-info .details-table td:first-child,#checkout-pdf .invoice-details-section .invoice-info .details-table td:first-child{width:120px;padding-right:10px;font-weight:700}#checkout-pdf .status-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}#checkout-pdf .status-badge.payment-paid{color:#fff;background:#4caf50}#checkout-pdf .status-badge.payment-partialpaid{color:#fff;background:#ff9800}#checkout-pdf .status-badge.payment-notpaid{color:#fff;background:#f44336}#checkout-pdf .stay-duration-section{page-break-inside:avoid;margin-bottom:5px}#checkout-pdf .stay-duration-section h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:13px}#checkout-pdf .stay-duration-section .duration-grid{background:#f9f9f9;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 15px;display:grid}#checkout-pdf .stay-duration-section .duration-grid .duration-item{flex-direction:column;display:flex}#checkout-pdf .stay-duration-section .duration-grid .duration-item .duration-label{color:#666;font-size:10px;font-weight:700}#checkout-pdf .stay-duration-section .duration-grid .duration-item .duration-value{margin-top:2px;font-size:12px;font-weight:500}#checkout-pdf .items-section{page-break-inside:auto;margin-bottom:5px}#checkout-pdf .items-section h3{color:#333;page-break-after:avoid;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:14px}#checkout-pdf .items-section .items-table{border-collapse:collapse;table-layout:auto;width:100%}#checkout-pdf .items-section .items-table th,#checkout-pdf .items-section .items-table td{word-wrap:break-word;page-break-inside:avoid;border:1px solid #ddd;padding:6px;font-size:11px}#checkout-pdf .items-section .items-table th{text-align:center;background:#f5f5f5;font-weight:700}#checkout-pdf .items-section .items-table td{text-align:right}#checkout-pdf .items-section .items-table td:nth-child(2),#checkout-pdf .items-section .items-table td:nth-child(3),#checkout-pdf .items-section .items-table td:nth-child(4){text-align:left}#checkout-pdf .items-section .items-table td .item-detail{color:#666;margin-top:2px;font-size:9px}#checkout-pdf .items-section .items-table tr{page-break-inside:avoid;page-break-after:auto}#checkout-pdf .totals-section{page-break-inside:avoid;page-break-before:auto;justify-content:flex-end;margin-bottom:5px;display:flex}#checkout-pdf .totals-section .amount-details{width:300px}#checkout-pdf .totals-section .amount-details table{border-collapse:collapse;width:100%}#checkout-pdf .totals-section .amount-details table td{text-align:right;padding:6px}#checkout-pdf .totals-section .amount-details table td:first-child{text-align:left;font-weight:700}#checkout-pdf .totals-section .amount-details table .grand-total td{border-top:1px solid #333;border-bottom:1px solid #333;font-size:13px;font-weight:700}#checkout-pdf .totals-section .amount-details table .discount-row td{color:#d32f2f;font-weight:500}#checkout-pdf .totals-section .amount-details table .discount-reason-row td{color:#666;text-align:left;border:none;padding-top:0;font-size:10px;font-weight:400}#checkout-pdf .totals-section .amount-details table .discount-reason-row td .discount-reason{font-style:italic}#checkout-pdf .totals-section .amount-details table .final-total td{border-top:2px solid #333;padding-top:8px;font-size:13px;font-weight:700}#checkout-pdf .totals-section .amount-details table .payment-row td{font-size:12px}#checkout-pdf .totals-section .amount-details table .balance-row td{border-top:1px solid #ddd;padding-top:8px;font-size:13px;font-weight:700}#checkout-pdf .totals-section .amount-details table .balance-row td .balance-due{color:#d32f2f}#checkout-pdf .totals-section .amount-details table .balance-row td .balance-clear{color:#2e7d32}#checkout-pdf .amount-in-words{page-break-inside:avoid;page-break-before:auto;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:5px;padding:8px 12px}#checkout-pdf .amount-in-words p{margin:0;font-size:11px;font-style:italic}#checkout-pdf .id-proofs-section{page-break-inside:avoid;margin-bottom:5px}#checkout-pdf .id-proofs-section h3{border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px}#checkout-pdf .id-proofs-section .id-proofs-list{flex-wrap:wrap;gap:6px;display:flex}#checkout-pdf .id-proofs-section .id-proofs-list .id-proof-tag{color:#1565c0;background:#e3f2fd;border:1px solid #90caf9;border-radius:12px;padding:3px 10px;font-size:10px}#checkout-pdf .notes-section{page-break-inside:avoid;margin-bottom:5px}#checkout-pdf .notes-section h3{border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px}#checkout-pdf .notes-section p{background:#f9f9f9;border-left:3px solid #3f3f91;border-radius:4px;margin:0;padding:5px 10px;font-size:11px}#checkout-pdf .declaration-terms-section{page-break-inside:avoid;page-break-before:auto;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#checkout-pdf .declaration-terms-section .declaration-section,#checkout-pdf .declaration-terms-section .terms-section{flex:1}#checkout-pdf .declaration-terms-section .declaration-section h3,#checkout-pdf .declaration-terms-section .terms-section h3{border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px}#checkout-pdf .declaration-terms-section .declaration-section p,#checkout-pdf .declaration-terms-section .terms-section p{word-wrap:break-word;margin:0;font-family:inherit;font-size:10px;line-height:1.4}#checkout-pdf .invoice-footer{page-break-inside:avoid;page-break-before:auto;border-top:1px solid #ddd;justify-content:space-between;align-items:flex-end;margin-top:5px;padding-top:15px;display:flex}#checkout-pdf .invoice-footer .thank-you{text-align:left;flex:1}#checkout-pdf .invoice-footer .thank-you p{margin:2px 0;font-size:11px;font-style:italic;font-weight:700}#checkout-pdf .invoice-footer .thank-you .welcome-again{color:#666;font-size:10px;font-style:normal;font-weight:400}#checkout-pdf .invoice-footer .signature{text-align:center;flex:1}#checkout-pdf .invoice-footer .signature p{margin:0 0 5px;font-size:11px}#checkout-pdf .invoice-footer .signature .signature-line{background:#333;width:150px;height:1px;margin:0 auto}#checkout-pdf .invoice-footer .signature .signature-date{color:#666;margin-top:3px;font-size:9px}#checkout-pdf .invoice-footer .developer-note{text-align:right;flex:1}#checkout-pdf .invoice-footer .developer-note p{color:#666;margin:2px 0;font-size:9px}#checkout-pdf .invoice-footer .developer-note .generated-time{color:#999;font-size:8px}#checkout-pdf .invoice-footer .developer-note a{color:#3f3f91;text-decoration:none}#checkout-pdf .invoice-footer .developer-note a:hover{text-decoration:underline}@media print{#checkout-pdf{width:100%;height:100%;box-shadow:none;margin:0;padding:15mm}#checkout-pdf .invoice-footer .developer-note a{color:#3f3f91}#checkout-pdf .items-table{page-break-inside:auto}#checkout-pdf .items-table tr{page-break-inside:avoid;page-break-after:auto}#checkout-pdf .totals-section,#checkout-pdf .amount-in-words,#checkout-pdf .declaration-terms-section,#checkout-pdf .invoice-footer{page-break-before:avoid;page-break-inside:avoid}#checkout-pdf .status-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}#checkout-pdf .status-badge.payment-paid{color:#fff!important;background:#4caf50!important}#checkout-pdf .status-badge.payment-partialpaid{color:#fff!important;background:#ff9800!important}#checkout-pdf .status-badge.payment-notpaid{color:#fff!important;background:#f44336!important}}@media screen and (width<=768px){#checkout-pdf{padding:10mm}#checkout-pdf .invoice-details-section{flex-direction:column;gap:10px}#checkout-pdf .stay-duration-section .duration-grid{grid-template-columns:1fr;gap:5px}#checkout-pdf .declaration-terms-section{flex-direction:column;gap:10px}#checkout-pdf .invoice-footer{text-align:center;flex-direction:column;align-items:center;gap:10px}#checkout-pdf .invoice-footer .thank-you,#checkout-pdf .invoice-footer .signature,#checkout-pdf .invoice-footer .developer-note{text-align:center;flex:none;width:100%}#checkout-pdf .totals-section .amount-details{width:100%}}.main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.page-header .right-section{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;width:100%;display:flex}.page-header .search-container{width:280px;position:relative}.page-header .search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.page-header .search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.page-header .search-container input::placeholder{color:#aab0bc}.page-header .search-container .search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.page-header .filters-group{align-items:center;gap:10px;display:flex}.page-header .filters-group select,.page-header .filters-group input[type=date]{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.page-header .filters-group select:focus,.page-header .filters-group input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.stat-card .stat-icon{border-radius:50%;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:18px;display:flex}.stat-card .stat-info{flex-direction:column;gap:2px;display:flex}.stat-card .stat-number{color:#2d2f87;font-family:Roboto,sans-serif;font-size:24px;font-weight:700}.stat-card .stat-label{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.stat-card.stat-pending{border-left-color:#e67e22}.stat-card.stat-pending .stat-icon{color:#856404;background:#fff3cd}.stat-card.stat-completed{border-left-color:#28a745}.stat-card.stat-completed .stat-icon{color:#155724;background:#d4edda}.stat-card.stat-cancelled{border-left-color:#dc3545}.stat-card.stat-cancelled .stat-icon{color:#721c24;background:#f8d7da}.stat-card.stat-today{border-left-color:#3f3f91}.stat-card.stat-today .stat-icon{color:#3f3f91;background:#edf0fc}.action-buttons{align-items:center;gap:8px;display:flex}.action-buttons .action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.action-buttons .action-btn.complete-btn{color:#155724;background:#d4edda}.action-buttons .action-btn.complete-btn:hover{color:#fff;background:#28a745}.action-buttons .action-btn.revert-btn{color:#856404;background:#fff3cd}.action-buttons .action-btn.revert-btn:hover{color:#fff;background:#f0b400}.action-buttons .action-btn.view-btn{color:#3f3f91;background:#edf0fc}.action-buttons .action-btn.view-btn:hover{color:#fff;background:#3f3f91}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;align-items:center;gap:5px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.status-badge.status-pending{color:#856404;background:#fff3cd}.status-badge.status-completed{color:#155724;background:#d4edda}.status-badge.status-cancelled{color:#721c24;background:#f8d7da}.modal-title{color:#2d2f87;align-items:center;gap:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.edit-textarea{color:#333;box-sizing:border-box;resize:vertical;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;min-height:70px;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.detail-value{color:#2d2d50;word-break:break-word;font-family:Open Sans,sans-serif;font-size:14.5px}.note-hint{color:#555;background:#f5f7fc;border-radius:8px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13px}.note-hint strong{color:#3f3f91}.modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.modal-footer button:hover{opacity:.92;transform:translateY(-1px)}.modal-footer button:active{transform:translateY(0)}.modal-footer button:disabled{cursor:not-allowed;transform:none;background:#b8b8cc!important}.modal-footer .revert-btn{color:#fff;background:#e67e22;box-shadow:0 3px 8px #e67e2240}.modal-footer .revert-btn:hover{background:#d35400;transform:translateY(-1px)}.modal-footer .cancel-btn{color:#666;box-shadow:none;background:0 0;border:1.5px solid #dde1ed}.modal-footer .cancel-btn:hover{background:#f5f6fb;border-color:#c8cde0}.confirm-dialog .confirm-buttons .confirm-revert{color:#fff;background:#e67e22;box-shadow:0 3px 8px #e67e2240}.confirm-dialog .confirm-buttons .confirm-revert:hover{background:#d35400;transform:translateY(-1px)}@media screen and (width<=768px){.main{padding:16px 14px 32px}.page-header{gap:12px;padding:14px 16px}.page-header .right-section{flex-direction:column;align-items:stretch;gap:10px}.page-header .search-container{width:100%}.page-header .filters-group{flex-direction:column;width:100%}.page-header .filters-group select,.page-header .filters-group input[type=date]{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.data-table table th,.data-table table td{padding:11px 14px;font-size:13px}.modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.modal-overlay{align-items:flex-end;padding:0}.modal-footer button{flex:1;min-width:calc(50% - 5px)}}@media screen and (width<=480px){.stats-grid{grid-template-columns:1fr}}.dashboard-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.dashboard-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1400px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.dashboard-title{flex-direction:column;gap:4px;display:flex}.dashboard-title h1{color:#2d2f87;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;display:flex}.dashboard-title .last-updated{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.refresh-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-btn .spin{animation:.9s linear infinite spin}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:0 auto 20px;display:grid}.stat-card{background:#fff;border-left:4px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:20px 22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000012}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.stat-card .stat-card-icon{border-radius:14px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;font-size:20px;display:flex}.stat-card .stat-card-content{flex-direction:column;gap:2px;display:flex}.stat-card .stat-card-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:26px;font-weight:700;line-height:1.1}.stat-card .stat-card-label{color:#888;font-family:Open Sans,sans-serif;font-size:13px}.stat-card .stat-card-subtext{color:#3f3f91;margin-top:2px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.stat-card.primary .stat-card-icon{color:#3f3f91;background:#edf0fc}.stat-card.success .stat-card-icon{color:#155724;background:#d4edda}.stat-card.warning .stat-card-icon{color:#856404;background:#fff3cd}.stat-card.info .stat-card-icon{color:#0096a8;background:#d6f5f8}.stat-card.primary{border-left-color:#3f3f91}.stat-card.success{border-left-color:#28a745}.stat-card.warning{border-left-color:#e67e22}.stat-card.info{border-left-color:#0096a8}.revenue-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:0 auto 20px;display:grid}.revenue-card{background:linear-gradient(135deg,#3f3f91,#6a6ac5);border-radius:14px;flex-direction:column;gap:6px;padding:20px 22px;display:flex;box-shadow:0 4px 14px #3f3f9140}.revenue-card .revenue-label{color:#ffffffd9;font-family:Open Sans,sans-serif;font-size:13px}.revenue-card .revenue-amount{color:#fff;font-family:Roboto,sans-serif;font-size:24px;font-weight:700}.middle-section{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:16px;max-width:1400px;margin:0 auto 20px;display:grid}.chart-card,.activity-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px #00000012}.chart-card h3,.activity-card h3{color:#2d2f87;align-items:center;gap:8px;margin:0 0 18px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:flex}.chart-card h4,.activity-card h4{color:#2d2f87;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.no-data{text-align:center;color:#aab0bc;padding:30px 10px;font-family:Open Sans,sans-serif;font-size:13.5px}.activity-items{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.activity-item{background:#f7f8fc;border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.activity-item .activity-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;font-size:13px;display:flex}.activity-item .activity-icon.check-in{color:#155724;background:#d4edda}.activity-item .activity-icon.check-out{color:#b0281f;background:#fde2e2}.activity-item .activity-icon.booking{color:#3f3f91;background:#edf0fc}.activity-item .activity-icon.cleaning{color:#856404;background:#fff3cd}.activity-item .activity-label{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.activity-item .activity-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:22px;font-weight:700}.revenue-category-section{border-top:1px solid #eaeef6;padding-top:18px}.today-section{grid-template-columns:1fr 1fr;gap:16px;max-width:1400px;margin:0 auto 20px;display:grid}.today-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px #00000012}.today-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.today-header h3{color:#2d2f87;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:flex}.today-table{border-collapse:collapse;width:100%}.today-table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.today-table th{text-align:left;color:#6b6b9a;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.today-table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:11px 14px;font-family:Open Sans,sans-serif;font-size:13.5px}.today-table tr:last-child td{border-bottom:none}.today-table tr:hover td{background-color:#f5f6fb}.today-table .phone-small{color:#999;margin-top:2px;font-size:11.5px;display:block}.bottom-section{grid-template-columns:1fr 1fr;gap:16px;max-width:1400px;margin:0 auto;display:grid}.upcoming-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px #00000012}.upcoming-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.upcoming-header h3{color:#2d2f87;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:flex}.date-picker-wrap{display:flex}.date-picker{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .25s}.date-picker:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.upcoming-table{border-collapse:collapse;width:100%}.upcoming-table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.upcoming-table th{text-align:left;color:#6b6b9a;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.upcoming-table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:11px 14px;font-family:Open Sans,sans-serif;font-size:13.5px}.upcoming-table tr:last-child td{border-bottom:none}.upcoming-table tr:hover td{background-color:#f5f6fb}.upcoming-table .phone-small{color:#999;margin-top:2px;font-size:11.5px;display:block}@media screen and (width<=1024px){.middle-section,.bottom-section,.today-section{grid-template-columns:1fr}.stats-grid,.revenue-grid{grid-template-columns:1fr 1fr}}@media screen and (width<=768px){.dashboard-main{padding:16px 14px 32px}.dashboard-header{flex-direction:column;align-items:stretch;padding:14px 16px}.dashboard-header .dashboard-title h1{font-size:19px}.dashboard-header .refresh-btn{justify-content:center}.stats-grid,.revenue-grid{grid-template-columns:1fr}.chart-card,.activity-card,.today-card,.upcoming-card{padding:16px}.activity-items{grid-template-columns:1fr}.upcoming-header,.today-header{flex-direction:column;align-items:stretch}.upcoming-header .date-picker-wrap,.today-header .date-picker-wrap,.upcoming-header .date-picker,.today-header .date-picker{width:100%}.today-table{font-size:12px}.today-table th,.today-table td{padding:8px 10px;font-size:12px}.upcoming-table{font-size:12px}.upcoming-table th,.upcoming-table td{padding:8px 10px;font-size:12px}}@media screen and (width<=480px){.today-section{grid-template-columns:1fr}.today-table th,.today-table td,.upcoming-table th,.upcoming-table td{padding:6px 8px;font-size:11px}.stat-card{padding:14px 16px}.stat-card .stat-card-value{font-size:20px}.stat-card .stat-card-icon{width:40px;min-width:40px;height:40px;font-size:16px}.revenue-card .revenue-amount,.activity-item .activity-value{font-size:18px}}.reports-container{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.reports-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1400px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.reports-header h1{color:#2d2f87;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;display:flex}.reports-header .reports-header-actions{align-items:center;gap:10px;display:flex}.reports-header button{color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.reports-header button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.reports-header button:disabled{opacity:.6;cursor:not-allowed;transform:none}.reports-header .reports-refresh-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.reports-header .reports-refresh-btn .reports-spin{animation:.9s linear infinite reports-spin}.reports-header .reports-export-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}@keyframes reports-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reports-filters-section{background:#fff;border-radius:14px;flex-direction:column;gap:18px;max-width:1400px;margin:0 auto 22px;padding:22px 24px;display:flex;box-shadow:0 2px 10px #00000012}.reports-filter-group{flex-direction:column;gap:8px;display:flex}.reports-filter-group .reports-filter-label{color:#888;text-transform:uppercase;letter-spacing:.4px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600}.reports-type-tabs{flex-wrap:wrap;gap:10px;display:flex}.reports-tab-btn{color:#555;cursor:pointer;background:#f7f8fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:7px;padding:9px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.reports-tab-btn:hover{color:#3f3f91;border-color:#6a6ac5}.reports-tab-btn.reports-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border-color:#0000;box-shadow:0 3px 8px #3f3f9140}.reports-filter-row{border-top:1px solid #f0f2f8;flex-wrap:wrap;align-items:flex-end;gap:20px;padding-top:6px;display:flex}.reports-filter-select,.reports-date-input{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;min-width:160px;padding:9px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.reports-filter-select:focus,.reports-date-input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.reports-date-range{flex-direction:row;align-items:center;gap:10px}.reports-date-range .reports-filter-label{text-transform:none;color:#555;font-size:13px;font-weight:500}.reports-date-range .reports-date-input{cursor:default;min-width:140px}.reports-search-input-wrap{width:280px;position:relative}.reports-search-input-wrap .reports-search-input{color:#333;box-sizing:border-box;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 36px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.reports-search-input-wrap .reports-search-input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.reports-search-input-wrap .reports-search-input::placeholder{color:#aab0bc}.reports-search-input-wrap .reports-search-icon{color:#aab0bc;pointer-events:none;font-size:13px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.reports-search-input-wrap .reports-clear-search{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:11px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.reports-search-input-wrap .reports-clear-search:hover{color:#dc3545;background:#ffe8e8}.reports-chart-toggle .reports-toggle-btn{color:#555;cursor:pointer;background:#f7f8fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:7px;padding:9px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.reports-chart-toggle .reports-toggle-btn:hover{border-color:#6a6ac5}.reports-chart-toggle .reports-toggle-btn.reports-active{color:#fff;background:#3f3f91;border-color:#3f3f91}.reports-summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:0 auto 20px;display:grid}.reports-summary-card{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000012}.reports-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.reports-summary-card:first-child{border-top-color:#3f3f91}.reports-summary-card:nth-child(2){border-top-color:#28a745}.reports-summary-card:nth-child(3){border-top-color:#e67e22}.reports-summary-card:nth-child(4){border-top-color:#dc3545}.reports-summary-card .reports-summary-label{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.reports-summary-card .reports-summary-value{color:#2d2f87;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;overflow:hidden}.reports-charts-section{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;max-width:1400px;margin:0 auto 20px;display:grid}.reports-chart-card{background:#fff;border-radius:14px;flex-direction:column;padding:20px 22px;display:flex;box-shadow:0 2px 10px #00000012}.reports-chart-card.reports-chart-full-width{grid-column:1/-1;align-items:center}.reports-chart-card .reports-chart-title{color:#2d2f87;align-self:flex-start;margin:0 0 16px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.reports-chart-wrapper{width:100%;max-width:380px;height:260px;margin:0 auto;position:relative}.reports-chart-card.reports-chart-full-width .reports-chart-wrapper{max-width:460px;height:300px}.reports-no-data{text-align:center;color:#aab0bc;padding:40px 10px;font-family:Open Sans,sans-serif;font-size:13.5px}.reports-table-section{background:#fff;border-radius:14px;max-width:1400px;margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #00000012}.reports-table-header{border-bottom:1.5px solid #eaeef6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.reports-table-header .reports-table-title{color:#2d2f87;margin:0;font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.reports-table-header .reports-record-count{color:#888;background:#f5f7fc;border-radius:50px;padding:4px 14px;font-family:Open Sans,sans-serif;font-size:12.5px}.reports-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-table-wrapper::-webkit-scrollbar{height:6px}.reports-table-wrapper::-webkit-scrollbar-track{background:#f0f2f8;border-radius:3px}.reports-table-wrapper::-webkit-scrollbar-thumb{background:#6a6ac5;border-radius:3px}.reports-table-wrapper::-webkit-scrollbar-thumb:hover{background:#3f3f91}.reports-table{border-collapse:collapse;width:100%}.reports-table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.reports-table th{text-align:left;color:#6b6b9a;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:13px 20px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600}.reports-table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:12px 20px;font-family:Open Sans,sans-serif;font-size:13.5px}.reports-table tr:last-child td{border-bottom:none}.reports-table tr:hover td{background-color:#f5f6fb}.reports-occupancy-badge{border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.reports-occupancy-badge.reports-high{color:#155724;background:#d4edda}.reports-occupancy-badge.reports-medium{color:#856404;background:#fff3cd}.reports-occupancy-badge.reports-low{color:#721c24;background:#f8d7da}.reports-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.reports-status-badge.reports-status-confirmed,.reports-status-badge.reports-status-available,.reports-status-badge.reports-status-paid{color:#155724;background:#d4edda}.reports-status-badge.reports-status-checked-in,.reports-status-badge.reports-status-occupied,.reports-status-badge.reports-status-active{color:#084298;background:#cfe2ff}.reports-status-badge.reports-status-cancelled,.reports-status-badge.reports-status-unpaid{color:#721c24;background:#f8d7da}.reports-status-badge.reports-status-cleaning,.reports-status-badge.reports-status-partial{color:#856404;background:#fff3cd}.reports-status-badge.reports-status-checked-out{color:#155724;background:#d4edda}.reports-status-badge.reports-status-extended{color:#004085;background:#cce5ff}.reports-status-badge.reports-status-completed{color:#155724;background:#d4edda}.reports-status-badge.reports-status-notpaid{color:#721c24;background:#f8d7da}.reports-status-badge.reports-status-partialpaid{color:#856404;background:#fff3cd}.reports-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;padding:80px 40px;display:flex}.reports-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.reports-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite reports-spin;display:inline-block}.reports-loading-spinner.reports-large{border-width:3px;width:40px;height:40px}@media screen and (width<=1024px){.reports-summary-cards{grid-template-columns:1fr 1fr}.reports-charts-section{grid-template-columns:1fr}.reports-chart-wrapper,.reports-chart-card.reports-chart-full-width .reports-chart-wrapper{max-width:100%;height:260px}}@media screen and (width<=768px){.reports-container{padding:16px 14px 32px}.reports-header{flex-direction:column;align-items:stretch;padding:14px 16px}.reports-header h1{font-size:19px}.reports-header .reports-header-actions{justify-content:stretch}.reports-header .reports-header-actions button{flex:1;justify-content:center}.reports-filters-section{padding:16px}.reports-filter-row{flex-direction:column;align-items:stretch}.reports-filter-select,.reports-date-input,.reports-search-input-wrap{width:100%;min-width:0}.reports-date-range{flex-wrap:wrap}.reports-summary-cards{grid-template-columns:1fr}.reports-chart-wrapper,.reports-chart-card.reports-chart-full-width .reports-chart-wrapper{height:230px}.reports-table-header{flex-direction:column;align-items:flex-start;gap:8px}}.expense-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.page-header .left-section{flex-direction:column;gap:4px;display:flex}.page-header .left-section h2{color:#2d2f87;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;display:flex}.page-header .left-section .total-count{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.page-header .right-section{align-items:center;gap:10px;display:flex}.page-header .right-section button{color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.page-header .right-section button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.page-header .right-section .export-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.page-header .right-section .export-btn:hover{background:linear-gradient(135deg,#219653,#27ae60);box-shadow:0 5px 14px #27ae6059}.page-header .right-section .add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.page-header .right-section .add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.summary-cards{grid-template-columns:repeat(5,1fr);gap:16px;max-width:1300px;margin:0 auto 20px;display:grid}.summary-card{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000012}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.summary-card .summary-label{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.summary-card .summary-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:22px;font-weight:700}.summary-card .summary-sub{color:#aab0bc;font-family:Open Sans,sans-serif;font-size:11.5px}.summary-card.total{border-top-color:#dc3545}.summary-card.total .summary-value{color:#dc3545}.summary-card.cash{border-top-color:#28a745}.summary-card.bank{border-top-color:#3f3f91}.summary-card.upi{border-top-color:#e67e22}.expense-filters-section{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000012}.search-container{width:280px;position:relative}.search-container input{color:#333;box-sizing:border-box;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.search-container input::placeholder{color:#aab0bc}.search-container .search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.expense-filter-group{align-items:center;gap:10px;display:flex}.expense-filter-group select,.expense-filter-group input[type=date]{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.expense-filter-group select:focus,.expense-filter-group input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.expense-filter-group .clear-filters{color:#666;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.expense-filter-group .clear-filters:hover{color:#dc3545;background:#f5f6fb;border-color:#c8cde0}.form-container{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;max-width:1300px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.form-container.premium{border-top:3px solid #6a6ac5}.form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.form-container .form-row{gap:20px;margin-bottom:18px;display:flex}.form-container .form-row .form-field{flex:1}.form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.form-container input,.form-container textarea,.form-container select{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.form-container input:focus,.form-container textarea:focus,.form-container select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.form-container input::placeholder,.form-container textarea::placeholder,.form-container select::placeholder{color:#bfc5ce}.form-container select{cursor:pointer}.form-container textarea{resize:vertical;min-height:70px}.form-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;margin-top:6px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.form-container button[type=submit]:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.form-container button[type=submit]:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.form-container .error{color:#dc3545;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px}.form-container .field-hint{color:#888;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.file-upload-area{flex-direction:column;gap:10px;display:flex}.upload-btn{color:#3f3f91;cursor:pointer;background:#f5f7fc;border:1.5px dashed #6a6ac5;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:10px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.upload-btn:hover{background:#ede8fa}.file-preview{background:#fafbfc;border:1px solid #eee;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.file-preview .preview-image{object-fit:cover;border-radius:6px;width:48px;height:48px}.file-preview .file-info{color:#444;flex:1;align-items:center;gap:8px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.file-preview .remove-file-btn{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;padding:0;display:flex}.file-preview .remove-file-btn:hover{color:#dc3545;background:#ffe8e8}.existing-file{color:#256029;background:#edf7ed;border:1px solid #c8e6c9;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.existing-file span{flex:1}.existing-file .remove-file-btn{color:#256029;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.existing-file .remove-file-btn:hover{color:#dc3545}.document-link{color:#3f3f91;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.document-link:hover{text-decoration:underline}.file-size{color:#aab0bc;margin-left:8px;font-size:12px}.data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 20px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}.data-table table{border-collapse:collapse;width:100%}.data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.data-table table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.data-table table tr{cursor:pointer;transition:background-color .15s}.data-table table tr:last-child td{border-bottom:none}.data-table table tr:hover td{background-color:#f5f6fb}.data-table table tr.selected td{color:#2d2f87;background-color:#edf0fc}.amount-cell,.amount-value{color:#dc3545;font-family:Roboto,sans-serif;font-weight:700}.amount-value{font-size:18px}.doc-link{color:#3f3f91;font-size:16px;display:inline-flex}.doc-link:hover{color:#2d2f87}.no-doc{color:#ccc}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;display:flex}.empty-state .empty-icon{color:#c5cbdf;margin-bottom:6px;font-size:40px}.empty-state p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px}.empty-state small{color:#aab0bc;font-size:12.5px}.pagination{justify-content:center;align-items:center;gap:16px;max-width:1300px;margin:0 auto 24px;display:flex}.pagination .page-btn{cursor:pointer;color:#3f3f91;background:#fff;border:1.5px solid #e3e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.pagination .page-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-color:#3f3f91}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{color:#666;font-family:Open Sans,sans-serif;font-size:13.5px}.status-badge{white-space:nowrap;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.status-badge.status-paid{color:#155724;background:#d4edda}.status-badge.status-unpaid{color:#721c24;background:#f8d7da}.status-badge.status-partial{color:#856404;background:#fff3cd}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}.loading-spinner.large{border-width:3px;width:40px;height:40px}.loading-spinner.small{border-width:2px;width:16px;height:16px}.modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.modal-content.modal-lg{max-width:700px}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-title{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;transition:all .2s;display:flex}.modal-close:hover{color:#3f3f91;background:#ede8fa}.modal-body{padding:22px}.wo-details-grid{grid-template-columns:1fr;gap:16px;display:grid}.detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.detail-row:last-child{border-bottom:none;padding-bottom:0}.edit-input,.edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.edit-input:focus,.edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.edit-textarea{resize:vertical;min-height:70px}.detail-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.detail-value{color:#2d2d50;word-break:break-word;flex-wrap:wrap;align-items:center;gap:6px;font-family:Open Sans,sans-serif;font-size:14.5px;display:flex}.modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.modal-footer button,.modal-footer a.export-btn{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.modal-footer button:hover,.modal-footer a.export-btn:hover{opacity:.92;transform:translateY(-1px)}.modal-footer button:active,.modal-footer a.export-btn:active{transform:translateY(0)}.modal-footer .download-link{text-decoration:none}.modal-footer .update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.modal-footer .update-btn.save-btn{background:#e55a2b;box-shadow:0 3px 8px #e55a2b40}.modal-footer .delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.modal-footer .export-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.confirm-dialog .confirm-buttons{justify-content:center;gap:12px;display:flex}.confirm-dialog .confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.confirm-dialog .confirm-buttons .confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.confirm-dialog .confirm-buttons .confirm-cancel:hover{background:#e5e8f0}.confirm-dialog .confirm-buttons .confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.confirm-dialog .confirm-buttons .confirm-delete:hover{background:#c82333;transform:translateY(-1px)}@media screen and (width<=768px){.expense-main{padding:16px 14px 32px}.page-header{flex-direction:column;align-items:stretch;padding:14px 16px}.page-header .right-section button{flex:1;justify-content:center}.summary-cards{grid-template-columns:1fr 1fr}.expense-filters-section{flex-direction:column;align-items:stretch}.search-container,.expense-filter-group{width:100%}.expense-filter-group select,.expense-filter-group input[type=date]{flex:1;min-width:130px}.data-table table th,.data-table table td{padding:11px 14px;font-size:13px}.form-container{padding:18px}.form-container .form-row{flex-direction:column;gap:14px}.modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.modal-content.modal-lg{max-width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal-footer button,.modal-footer a.export-btn{flex:1;min-width:calc(50% - 5px)}}@media screen and (width<=480px){.summary-cards{grid-template-columns:1fr}}.wbl-main-container{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.wbl-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.wbl-page-header .wbl-left-section{flex-direction:column;gap:4px;display:flex}.wbl-page-header .wbl-left-section h2{color:#2d2f87;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;display:flex}.wbl-page-header .wbl-left-section .wbl-total-count{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.wbl-page-header .wbl-right-section{align-items:center;gap:10px;display:flex}.wbl-page-header .wbl-right-section button{color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.wbl-page-header .wbl-right-section button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.wbl-page-header .wbl-right-section .wbl-refresh-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.wbl-page-header .wbl-right-section .wbl-refresh-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91)}.wbl-summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1300px;margin:0 auto 20px;display:grid}.wbl-summary-card{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000012}.wbl-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.wbl-summary-card .wbl-summary-label{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.wbl-summary-card .wbl-summary-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:22px;font-weight:700}.wbl-summary-card.wbl-total{border-top-color:#3f3f91}.wbl-summary-card.wbl-pending{border-top-color:#e67e22}.wbl-summary-card.wbl-pending .wbl-summary-value{color:#e67e22}.wbl-summary-card.wbl-confirmed{border-top-color:#28a745}.wbl-summary-card.wbl-confirmed .wbl-summary-value{color:#28a745}.wbl-summary-card.wbl-today{border-top-color:#6a6ac5}.wbl-summary-card.wbl-today .wbl-summary-value{color:#6a6ac5}.wbl-filters-section{background:#fff;border-radius:14px;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000012}.wbl-search-container{width:280px;position:relative}.wbl-search-container input{color:#333;box-sizing:border-box;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.wbl-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.wbl-search-container input::placeholder{color:#aab0bc}.wbl-search-container .wbl-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.wbl-filter-group{align-items:center;gap:10px;display:flex}.wbl-filter-group select,.wbl-filter-group input[type=date]{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.wbl-filter-group select:focus,.wbl-filter-group input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.wbl-filter-group .wbl-clear-filters{color:#666;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.wbl-filter-group .wbl-clear-filters:hover{color:#dc3545;background:#f5f6fb;border-color:#c8cde0}.wbl-data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 20px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}.wbl-data-table table{border-collapse:collapse;width:100%}.wbl-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.wbl-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.wbl-data-table table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.wbl-data-table table tr{cursor:pointer;transition:background-color .15s}.wbl-data-table table tr:last-child td{border-bottom:none}.wbl-data-table table tr:hover td{background-color:#f5f6fb}.wbl-data-table table tr.wbl-selected td{color:#2d2f87;background-color:#edf0fc}.wbl-status-badge{white-space:nowrap;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.wbl-status-badge.wbl-status-pending{color:#856404;background:#fff3cd}.wbl-status-badge.wbl-status-confirmed{color:#155724;background:#d4edda}.wbl-status-badge.wbl-status-completed{color:#004085;background:#cce5ff}.wbl-status-badge.wbl-status-cancelled{color:#721c24;background:#f8d7da}.wbl-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.wbl-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.wbl-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite wbl-spin;display:inline-block}.wbl-loading-spinner.wbl-large{border-width:3px;width:40px;height:40px}.wbl-loading-spinner.wbl-small{border-width:2px;width:16px;height:16px}@keyframes wbl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wbl-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;display:flex}.wbl-empty-state .wbl-empty-icon{color:#c5cbdf;margin-bottom:6px;font-size:40px}.wbl-empty-state p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px}.wbl-empty-state small{color:#aab0bc;font-size:12.5px}.wbl-pagination{justify-content:center;align-items:center;gap:16px;max-width:1300px;margin:0 auto 24px;display:flex}.wbl-pagination .wbl-page-btn{cursor:pointer;color:#3f3f91;background:#fff;border:1.5px solid #e3e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.wbl-pagination .wbl-page-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-color:#3f3f91}.wbl-pagination .wbl-page-btn:disabled{opacity:.4;cursor:not-allowed}.wbl-pagination .wbl-page-info{color:#666;font-family:Open Sans,sans-serif;font-size:13.5px}.wbl-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out wbl-fadeIn;display:flex;position:fixed;inset:0}@keyframes wbl-fadeIn{0%{opacity:0}to{opacity:1}}.wbl-modal-content{background:#fff;border-radius:14px;width:100%;max-height:80vh;animation:.25s ease-out wbl-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e;max-width:500px!important}.wbl-modal-content.wbl-modal-lg{max-width:700px}@keyframes wbl-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.wbl-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.wbl-modal-title{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.wbl-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;transition:all .2s;display:flex}.wbl-modal-close:hover{color:#3f3f91;background:#ede8fa}.wbl-modal-body{padding:22px}.wbl-details-grid{grid-template-columns:1fr;gap:16px;display:grid}.wbl-detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.wbl-detail-row:last-child{border-bottom:none;padding-bottom:0}.wbl-edit-input,.wbl-edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.wbl-edit-input:focus,.wbl-edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.wbl-edit-textarea{resize:vertical;min-height:70px}.wbl-detail-label{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:flex}.wbl-detail-value{color:#2d2d50;word-break:break-word;flex-wrap:wrap;align-items:center;gap:6px;font-family:Open Sans,sans-serif;font-size:14.5px;display:flex}.wbl-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.wbl-modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.wbl-modal-footer button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.wbl-modal-footer button:disabled{opacity:.6;cursor:not-allowed;transform:none}.wbl-modal-footer .wbl-update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.wbl-modal-footer .wbl-update-btn:hover:not(:disabled){background:#2d2f87}.wbl-modal-footer .wbl-delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.wbl-modal-footer .wbl-delete-btn:hover:not(:disabled){background:#c82333}.wbl-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wbl-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.wbl-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.wbl-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.wbl-confirm-dialog .wbl-confirm-buttons{justify-content:center;gap:12px;display:flex}.wbl-confirm-dialog .wbl-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.wbl-confirm-dialog .wbl-confirm-buttons .wbl-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.wbl-confirm-dialog .wbl-confirm-buttons .wbl-confirm-cancel:hover{background:#e5e8f0}.wbl-confirm-dialog .wbl-confirm-buttons .wbl-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.wbl-confirm-dialog .wbl-confirm-buttons .wbl-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}@media screen and (width<=768px){.wbl-main-container{padding:16px 14px 32px}.wbl-page-header{flex-direction:column;align-items:stretch;padding:14px 16px}.wbl-page-header .wbl-right-section button{flex:1;justify-content:center}.wbl-summary-cards{grid-template-columns:1fr 1fr}.wbl-filters-section{flex-direction:column;align-items:stretch}.wbl-search-container,.wbl-filter-group{width:100%}.wbl-filter-group select,.wbl-filter-group input[type=date]{flex:1;min-width:130px}.wbl-data-table table th,.wbl-data-table table td{padding:11px 14px;font-size:13px}.wbl-modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.wbl-modal-content.wbl-modal-lg{max-width:100%}.wbl-modal-overlay{align-items:flex-end;padding:0}.wbl-modal-footer button{flex:1}}@media screen and (width<=480px){.wbl-summary-cards{grid-template-columns:1fr}}.cl-main-container{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.cl-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.cl-page-header .cl-left-section{flex-direction:column;gap:4px;display:flex}.cl-page-header .cl-left-section h2{color:#2d2f87;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;display:flex}.cl-page-header .cl-left-section .cl-total-count{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.cl-page-header .cl-right-section{align-items:center;gap:10px;display:flex}.cl-page-header .cl-right-section button{color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.cl-page-header .cl-right-section button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.cl-page-header .cl-right-section .cl-refresh-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.cl-page-header .cl-right-section .cl-refresh-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91)}.cl-summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1300px;margin:0 auto 20px;display:grid}.cl-summary-card{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000012}.cl-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.cl-summary-card .cl-summary-label{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.cl-summary-card .cl-summary-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:22px;font-weight:700}.cl-summary-card.cl-total{border-top-color:#3f3f91}.cl-summary-card.cl-pending{border-top-color:#e67e22}.cl-summary-card.cl-pending .cl-summary-value{color:#e67e22}.cl-summary-card.cl-unread{border-top-color:#dc3545}.cl-summary-card.cl-unread .cl-summary-value{color:#dc3545}.cl-summary-card.cl-today{border-top-color:#17a2b8}.cl-summary-card.cl-today .cl-summary-value{color:#17a2b8}.cl-filters-section{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000012}.cl-search-container{width:280px;position:relative}.cl-search-container input{color:#333;box-sizing:border-box;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.cl-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.cl-search-container input::placeholder{color:#aab0bc}.cl-search-container .cl-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.cl-filter-group{align-items:center;gap:10px;display:flex}.cl-filter-group select,.cl-filter-group input[type=date]{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.cl-filter-group select:focus,.cl-filter-group input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.cl-filter-group .cl-clear-filters{color:#666;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cl-filter-group .cl-clear-filters:hover{color:#dc3545;background:#f5f6fb;border-color:#c8cde0}.cl-data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 20px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}.cl-data-table table{border-collapse:collapse;width:100%}.cl-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.cl-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.cl-data-table table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.cl-data-table table tr{cursor:pointer;transition:background-color .15s}.cl-data-table table tr:last-child td{border-bottom:none}.cl-data-table table tr:hover td{background-color:#f5f6fb}.cl-data-table table tr.cl-selected td{color:#2d2f87;background-color:#edf0fc}.cl-data-table table tr.cl-unread-row td{background-color:#fff9f9;font-weight:600}.cl-data-table table tr.cl-unread-row:hover td{background-color:#fff0f0}.cl-status-badge{white-space:nowrap;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.cl-status-badge.cl-status-pending{color:#856404;background:#fff3cd}.cl-status-badge.cl-status-read{color:#004085;background:#cce5ff}.cl-status-badge.cl-status-replied{color:#155724;background:#d4edda}.cl-read-badge{white-space:nowrap;border-radius:50px;padding:3px 10px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-block}.cl-read-badge.cl-read-true{color:#155724;background:#d4edda}.cl-read-badge.cl-read-false{color:#721c24;background:#f8d7da}.cl-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.cl-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.cl-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite cl-spin;display:inline-block}.cl-loading-spinner.cl-large{border-width:3px;width:40px;height:40px}.cl-loading-spinner.cl-small{border-width:2px;width:16px;height:16px}@keyframes cl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cl-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;display:flex}.cl-empty-state .cl-empty-icon{color:#c5cbdf;margin-bottom:6px;font-size:40px}.cl-empty-state p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px}.cl-empty-state small{color:#aab0bc;font-size:12.5px}.cl-pagination{justify-content:center;align-items:center;gap:16px;max-width:1300px;margin:0 auto 24px;display:flex}.cl-pagination .cl-page-btn{cursor:pointer;color:#3f3f91;background:#fff;border:1.5px solid #e3e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.cl-pagination .cl-page-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-color:#3f3f91}.cl-pagination .cl-page-btn:disabled{opacity:.4;cursor:not-allowed}.cl-pagination .cl-page-info{color:#666;font-family:Open Sans,sans-serif;font-size:13.5px}.cl-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out cl-fadeIn;display:flex;position:fixed;inset:0}@keyframes cl-fadeIn{0%{opacity:0}to{opacity:1}}.cl-modal-content{background:#fff;border-radius:14px;width:100%;max-height:80vh;animation:.25s ease-out cl-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e;max-width:500px!important}.cl-modal-content.cl-modal-lg{max-width:700px}@keyframes cl-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cl-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.cl-modal-title{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.cl-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;transition:all .2s;display:flex}.cl-modal-close:hover{color:#3f3f91;background:#ede8fa}.cl-modal-body{padding:22px}.cl-details-grid{grid-template-columns:1fr;gap:16px;display:grid}.cl-detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.cl-detail-row:last-child{border-bottom:none;padding-bottom:0}.cl-edit-input,.cl-edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.cl-edit-input:focus,.cl-edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.cl-edit-textarea{resize:vertical;min-height:70px}.cl-detail-label{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:flex}.cl-detail-value{color:#2d2d50;word-break:break-word;flex-wrap:wrap;align-items:center;gap:6px;font-family:Open Sans,sans-serif;font-size:14.5px;display:flex}.cl-message-content{color:#444;background:#f8f9fa;border-left:3px solid #3f3f91;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;line-height:1.7}.cl-email-link{color:#3f3f91;font-weight:600;text-decoration:none}.cl-email-link:hover{text-decoration:underline}.cl-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.cl-modal-footer button,.cl-modal-footer a.cl-reply-btn{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.cl-modal-footer button:hover:not(:disabled),.cl-modal-footer a.cl-reply-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.cl-modal-footer button:disabled,.cl-modal-footer a.cl-reply-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cl-modal-footer .cl-reply-btn{background:#17a2b8;box-shadow:0 3px 8px #17a2b840}.cl-modal-footer .cl-reply-btn:hover:not(:disabled){background:#138496}.cl-modal-footer .cl-update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.cl-modal-footer .cl-update-btn:hover:not(:disabled){background:#2d2f87}.cl-modal-footer .cl-delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.cl-modal-footer .cl-delete-btn:hover:not(:disabled){background:#c82333}.cl-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cl-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.cl-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.cl-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.cl-confirm-dialog .cl-confirm-buttons{justify-content:center;gap:12px;display:flex}.cl-confirm-dialog .cl-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.cl-confirm-dialog .cl-confirm-buttons .cl-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.cl-confirm-dialog .cl-confirm-buttons .cl-confirm-cancel:hover{background:#e5e8f0}.cl-confirm-dialog .cl-confirm-buttons .cl-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.cl-confirm-dialog .cl-confirm-buttons .cl-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}@media screen and (width<=768px){.cl-main-container{padding:16px 14px 32px}.cl-page-header{flex-direction:column;align-items:stretch;padding:14px 16px}.cl-page-header .cl-right-section button{flex:1;justify-content:center}.cl-summary-cards{grid-template-columns:1fr 1fr}.cl-filters-section{flex-direction:column;align-items:stretch}.cl-search-container,.cl-filter-group{width:100%}.cl-filter-group select,.cl-filter-group input[type=date]{flex:1;min-width:130px}.cl-data-table table th,.cl-data-table table td{padding:11px 14px;font-size:13px}.cl-modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.cl-modal-content.cl-modal-lg{max-width:100%}.cl-modal-overlay{align-items:flex-end;padding:0}.cl-modal-footer button,.cl-modal-footer a.cl-reply-btn{flex:1}}@media screen and (width<=480px){.cl-summary-cards{grid-template-columns:1fr}}.nl-main-container{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.nl-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.nl-page-header .nl-left-section{flex-direction:column;gap:4px;display:flex}.nl-page-header .nl-left-section h2{color:#2d2f87;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;display:flex}.nl-page-header .nl-left-section .nl-total-count{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.nl-page-header .nl-right-section{align-items:center;gap:10px;display:flex}.nl-page-header .nl-right-section button{color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.nl-page-header .nl-right-section button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.nl-page-header .nl-right-section .nl-refresh-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.nl-page-header .nl-right-section .nl-refresh-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91)}.nl-summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1300px;margin:0 auto 20px;display:grid}.nl-summary-card{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000012}.nl-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.nl-summary-card .nl-summary-label{color:#888;align-items:center;gap:4px;font-family:Open Sans,sans-serif;font-size:12.5px;display:flex}.nl-summary-card .nl-summary-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:22px;font-weight:700}.nl-summary-card.nl-total{border-top-color:#3f3f91}.nl-summary-card.nl-active{border-top-color:#28a745}.nl-summary-card.nl-active .nl-summary-value{color:#28a745}.nl-summary-card.nl-inactive{border-top-color:#dc3545}.nl-summary-card.nl-inactive .nl-summary-value{color:#dc3545}.nl-summary-card.nl-today{border-top-color:#17a2b8}.nl-summary-card.nl-today .nl-summary-value{color:#17a2b8}.nl-filters-section{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000012}.nl-search-container{width:280px;position:relative}.nl-search-container input{color:#333;box-sizing:border-box;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.nl-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.nl-search-container input::placeholder{color:#aab0bc}.nl-search-container .nl-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.nl-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nl-filter-group select{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.nl-filter-group select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.nl-filter-group .nl-clear-filters{color:#666;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nl-filter-group .nl-clear-filters:hover{color:#dc3545;background:#f5f6fb;border-color:#c8cde0}.nl-data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 20px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}.nl-data-table table{border-collapse:collapse;width:100%}.nl-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.nl-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.nl-data-table table td{text-align:left;color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.nl-data-table table tr{transition:background-color .15s}.nl-data-table table tr:last-child td{border-bottom:none}.nl-data-table table tr:hover td{background-color:#f5f6fb}.nl-data-table table tr.nl-selected td{color:#2d2f87;background-color:#edf0fc}.nl-email-icon{color:#6a6ac5;margin-right:6px}.nl-status-badge{white-space:nowrap;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.nl-status-badge.nl-status-active{color:#155724;background:#d4edda}.nl-status-badge.nl-status-inactive{color:#721c24;background:#f8d7da}.nl-action-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;padding:5px 8px;font-size:14px;transition:all .2s}.nl-action-btn:hover{color:#dc3545;background:#f5f6fb}.nl-action-btn.nl-delete-btn-sm:hover{color:#dc3545;background:#f8d7da}.nl-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.nl-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.nl-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite nl-spin;display:inline-block}.nl-loading-spinner.nl-large{border-width:3px;width:40px;height:40px}.nl-loading-spinner.nl-small{border-width:2px;width:16px;height:16px}@keyframes nl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nl-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;display:flex}.nl-empty-state .nl-empty-icon{color:#c5cbdf;margin-bottom:6px;font-size:40px}.nl-empty-state p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px}.nl-empty-state small{color:#aab0bc;font-size:12.5px}.nl-pagination{justify-content:center;align-items:center;gap:16px;max-width:1300px;margin:0 auto 24px;display:flex}.nl-pagination .nl-page-btn{cursor:pointer;color:#3f3f91;background:#fff;border:1.5px solid #e3e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.nl-pagination .nl-page-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-color:#3f3f91}.nl-pagination .nl-page-btn:disabled{opacity:.4;cursor:not-allowed}.nl-pagination .nl-page-info{color:#666;font-family:Open Sans,sans-serif;font-size:13.5px}.nl-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nl-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.nl-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.nl-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.nl-confirm-dialog p strong{color:#2d2f87}.nl-confirm-dialog .nl-confirm-buttons{justify-content:center;gap:12px;display:flex}.nl-confirm-dialog .nl-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.nl-confirm-dialog .nl-confirm-buttons .nl-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.nl-confirm-dialog .nl-confirm-buttons .nl-confirm-cancel:hover{background:#e5e8f0}.nl-confirm-dialog .nl-confirm-buttons .nl-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.nl-confirm-dialog .nl-confirm-buttons .nl-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}@media screen and (width<=768px){.nl-main-container{padding:16px 14px 32px}.nl-page-header{flex-direction:column;align-items:stretch;padding:14px 16px}.nl-page-header .nl-right-section button{flex:1;justify-content:center}.nl-summary-cards{grid-template-columns:1fr 1fr}.nl-filters-section{flex-direction:column;align-items:stretch}.nl-search-container,.nl-filter-group{width:100%}.nl-data-table table th,.nl-data-table table td{padding:11px 14px;font-size:13px}}@media screen and (width<=480px){.nl-summary-cards{grid-template-columns:1fr}}