@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--mainfont:"Montserrat";--mainfontcolor:#4d5154;--activefontcolor:#1e68bf;--activebgcolor:#1e68bf1a;--mainfontsize:16px}*{box-sizing:border-box;font-family:var(--mainfont);margin:0;padding:0}@font-face{font-family:Password;src:url(https://cdn.jsdelivr.net/npm/text-security@latest/dist/text-security-disc.woff2) format("woff2")}.password-bullet{box-sizing:border-box!important;display:block!important;font-family:Password!important;font-size:30px!important;height:40px!important;letter-spacing:5px!important;line-height:40px!important;padding:0 12px!important}.password-bullet::placeholder{color:#6c757d;line-height:40px!important}.password-bullet::placeholder,.password-bullet:not(:disabled){font-family:inherit!important;font-size:14px!important;letter-spacing:normal!important}.password-bullet:not(:disabled){line-height:normal!important;padding:0 12px!important}.app-layout{background:#f8fafc;display:flex;flex-direction:column;font-family:Montserrat;font-family:var(--mainfont);height:100vh;overflow:hidden}.main-header{background:#fff;height:80px;justify-content:space-between;width:100%;z-index:10}.header-left,.main-header{align-items:center;display:flex}.header-left{gap:24px}.logo-container{align-items:center;display:flex}.logo-image{height:45px;object-fit:cover;width:207px}.page-title{align-items:center;display:flex;gap:12px}.page-title h1{color:#1e293b;font-family:Montserrat;font-family:var(--mainfont);font-size:20px;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:12px}.content-area{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#fff;height:calc(100vh - 70px);padding:20px 12px;position:relative;width:237px;z-index:5}.sidebar,.sidebar-content{display:flex;flex-direction:column}.sidebar-content{height:100%;min-height:0}.sidebar-nav{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.nav-menu{flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.nav-link,.nav-menu{color:#4d5154;color:var(--mainfontcolor);display:flex;width:100%}.nav-link{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;font-family:Montserrat;font-family:var(--mainfont);font-weight:600;gap:12px;height:40px;padding:0 12px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link.active{font-weight:600}.nav-link.active,.nav-link:hover{background:#1e68bf1a;background:var(--activebgcolor);color:#1e68bf;color:var(--activefontcolor)}.icon-container{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.text-container{align-items:center;display:flex;flex:1 1;justify-content:space-between}.menu-text,.menu-text-subitem{flex:1 1;font-family:Montserrat;font-family:var(--mainfont);font-size:16px;font-size:var(--mainfontsize);font-weight:600;text-align:left}.menu-text-subitem{padding-left:70px}.expand-arrow{color:#4d5154;color:var(--mainfontcolor);flex-shrink:0;height:16px;margin-left:8px;transition:transform .2s ease,color .2s ease;width:16px}.dropdown-items{animation:slideDown .2s ease;display:flex;flex-direction:column;gap:20px;list-style:none;margin:20px 0 4px;overflow:hidden}.dropdown-items:active{padding-left:-30px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.dropdown-items .nav-link{background:#0000;border-radius:6px;font-family:Montserrat;font-family:var(--mainfont);font-size:16px;font-size:var(--mainfontsize);font-weight:600;height:40px;padding-left:45px}.dropdown-items .nav-link.active,.dropdown-items .nav-link:hover{background:#1e68bf1a;background:var(--activebgcolor);color:#1e68bf;color:var(--activefontcolor)}.dropdown-items .nav-link.active{font-weight:600}.dropdown-items .dropdown-items{margin:20px 0 0 -40px;padding:0 0 0 30px}.dropdown-items .dropdown-items .nav-link{font-size:16px;font-size:var(--mainfontsize);font-weight:400;height:40px;padding-left:12px}.main-content{background:#f4f6f9;flex:1 1;height:calc(100vh - 70px);overflow-x:hidden;overflow-y:auto;position:relative}.content-wrapper{background-color:#f4f6f9;box-sizing:border-box;min-height:100%}.notification-btn{position:relative}.bell-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4d5154;color:var(--mainfontcolor);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.bell-btn:hover{background:#f1f5f9;color:#1e68bf;color:var(--activefontcolor)}.language-selector{position:relative}.lang-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4d5154;color:var(--mainfontcolor);cursor:pointer;display:flex;font-family:Montserrat;font-family:var(--mainfont);font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.lang-btn:hover{background:#f1f5f9;color:#1e68bf;color:var(--activefontcolor)}.lang-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.lang-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Montserrat;font-family:var(--mainfont);font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.lang-option:hover{background:#f8fafc}.lang-option.active{background:#1e68bf1a;background:var(--activebgcolor);color:#1e68bf;color:var(--activefontcolor);font-weight:500}.lang-code{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.lang-option.active .lang-code{background:#1e68bf33;color:#1e68bf;color:var(--activefontcolor)}.lang-name{color:#374151;font-size:14px;font-weight:500}.lang-option.active .lang-name{color:#1e68bf;color:var(--activefontcolor);font-weight:600}.user-profile{position:relative}.user-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Montserrat;font-family:var(--mainfont);gap:12px;padding:6px 12px;transition:all .2s ease}.user-btn:hover{background:#f1f5f9}.user-avatar{align-items:center;background:#000;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.avatar-initials,.user-avatar{color:#fff;font-family:Montserrat;font-family:var(--mainfont);font-size:14px;font-weight:600}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#1e293b;font-size:14px;font-weight:600}.user-name,.user-role{font-family:Montserrat;font-family:var(--mainfont)}.user-role{color:#64748b;font-size:12px;font-weight:400}.user-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.user-dropdown-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:20px}.dropdown-avatar{align-items:center;background:#000;border-radius:50%;display:flex;height:44px;justify-content:center;width:44px}.dropdown-avatar,.dropdown-initials{color:#fff;font-family:Montserrat;font-family:var(--mainfont);font-size:16px;font-weight:600}.dropdown-user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.dropdown-name{color:#1e293b;font-size:16px;font-weight:600}.dropdown-email,.dropdown-name{font-family:Montserrat;font-family:var(--mainfont)}.dropdown-email{color:#64748b;font-size:14px;font-weight:400}.user-dropdown-divider{background:#e2e8f0;height:1px;margin:8px 0}.dropdown-item{color:#475569;font-family:Montserrat;font-family:var(--mainfont);font-size:16px;font-size:var(--mainfontsize);font-weight:400;gap:12px;padding:12px 20px;transition:background .2s ease}.dropdown-item:hover{background:#f8fafc}.dropdown-item svg{color:#64748b;height:18px;width:18px}.dropdown-item.logout{color:#dc2626;font-weight:500}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-item.logout svg{color:#dc2626}.nav-link .icon-container svg path[fill="#4D5154"],.nav-link .icon-container svg[fill=none] path{fill:#4d5154;fill:var(--mainfontcolor);transition:fill .2s ease}.nav-link.active .icon-container svg path[fill="#4D5154"],.nav-link.active .icon-container svg[fill=none] path,.nav-link.active:hover .icon-container svg path[fill="#4D5154"],.nav-link.active:hover .icon-container svg[fill=none] path,.nav-link:hover .icon-container svg path[fill="#4D5154"],.nav-link:hover .icon-container svg[fill=none] path{fill:#1e68bf;fill:var(--activefontcolor)}.nav-link .expand-arrow,.nav-link .icon-container svg[stroke=currentColor]{stroke:#4d5154;stroke:var(--mainfontcolor);color:#4d5154;color:var(--mainfontcolor);transition:stroke .2s ease,color .2s ease}.nav-link.active .expand-arrow,.nav-link.active .icon-container svg[stroke=currentColor],.nav-link.active:hover .expand-arrow,.nav-link.active:hover .icon-container svg[stroke=currentColor],.nav-link:hover .expand-arrow,.nav-link:hover .icon-container svg[stroke=currentColor]{stroke:#1e68bf;stroke:var(--activefontcolor);color:#1e68bf;color:var(--activefontcolor)}.nav-link .menu-text{color:#4d5154;color:var(--mainfontcolor);transition:color .2s ease}.nav-link.active .menu-text,.nav-link.active:hover .menu-text,.nav-link:hover .menu-text{color:#1e68bf;color:var(--activefontcolor)}.bell-btn:hover svg,.lang-btn:hover svg:first-child{fill:#1e68bf;fill:var(--activefontcolor);color:#1e68bf;color:var(--activefontcolor)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e180;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b880}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f1f5f9}.main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.main-header{height:60px;padding:0 16px}.logo-image{height:28px}.page-title h1{font-size:18px}.page-title,.user-info{display:none}.user-btn{padding:6px}.user-dropdown{min-width:240px}.sidebar{max-width:200px;min-width:200px;width:200px}.main-content{padding:0}.content-wrapper{padding:16px}}.modal-overlay{animation:fadeIn .2s ease;background-color:#00000080;z-index:10000}.modal-container{animation:slideIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 20px 40px #0003;padding:32px;position:relative;width:500px}.modal-icon-img{height:91.67px;width:91.67px}.modal-icon{height:110px;margin:0 auto 20px;text-align:center;width:110px}.modal-content{margin-bottom:28px;text-align:center}.modal-title{color:#212529;font-size:18px;font-weight:600;height:22px;margin:0 0 24px}.modal-message{color:#212529;font-size:16px;font-weight:500;height:40px;line-height:1.5;margin:0;white-space:pre-line}.modal-aksi{display:flex;gap:12px;justify-content:center;padding:0 35px}.modal-aksi.confirm{flex-direction:row}.modal-aksi.success{flex-direction:column}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:16px 28px;transition:all .2s}.modal-btn.cancel{background-color:initial;border:1px solid #1e68bf;color:#1e68bf}.modal-btn.cancel,.modal-btn.confirm{font-size:16px;font-weight:600;width:100%}.modal-btn.confirm{background-color:#1e68bf;color:#fff;padding:16px 28px}.modal-btn.confirm:hover:not(:disabled){background-color:#0b5ed7}.modal-btn.close{background-color:initial;border:1px solid #1e68bf;color:#1e68bf;width:100%}.modal-btn:disabled{cursor:not-allowed;opacity:.65}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-container{padding:24px;width:95%}.modal-aksi.confirm{flex-direction:column}.modal-btn{width:100%}.modal-icon{font-size:28px;height:56px;width:56px}.modal-title{font-size:18px}.modal-message{font-size:14px}}.modal-btn.danger{background-color:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;transition:all .2s;width:100%}.modal-btn.danger:disabled{cursor:not-allowed;opacity:.65}.checkin-success-modal-overlay,.modal-checkbox{display:flex;justify-content:center}.checkin-success-modal-overlay{align-items:center;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.checkin-success-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;overflow:hidden;width:100%}.checkin-success-modal-title{color:#212529;font-size:18px;font-weight:600;justify-self:center;margin-bottom:20px}.checkin-success-modal-body{padding:24px}.checkin-success-modal-info-box{background:#f0f1f2;border:1px solid #d1d4d7;border-radius:6px;padding:16px}.checkin-success-info-row{margin-bottom:12px;text-align:center}.checkin-success-info-row:last-child{margin-bottom:0}.checkin-success-info-label{color:#212529;display:block;font-size:16px;font-weight:700;margin-bottom:4px}.checkin-success-info-value,.checkin-success-info-value.class-name,.checkin-success-info-value.instructor-name,.checkin-success-info-value.time{color:#212529;font-size:16px;font-weight:400}.checkin-success-status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.checkin-success-status-badge.status-waiting-list{background:#fc0}.checkin-success-status-badge.status-participation{background:#34c759}.checkin-success-status-badge.status-booked{background:#ff8d28;color:#fff}.checkin-success-modal-footer{display:flex;gap:12px;justify-content:center;padding:16px 24px}.checkin-success-modal-close-btn{background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;transition:all .2s}.checkin-success-modal-checkin-btn,.checkin-success-modal-close-btn{cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;width:100%}.checkin-success-modal-checkin-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;transition:background .2s}.checkin-success-modal-checkin-btn:hover{background:#1557a8}.checkin-success-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0;position:relative}.checkin-success-icon-wrapper{display:flex;justify-content:center;padding-top:40px;width:100%}.checkin-success-icon{height:110px;width:110px}.checkin-success-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:20px;top:20px;transition:color .2s}.checkin-success-modal-close:hover{color:#475569}.checkin-success-modal-close svg{height:30px;width:30px}.checkin-success-modal-description{color:#212529;font-size:16px;font-weight:500;margin:0 0 24px;text-align:center}.frontdesk-page{min-height:calc(100vh - 70px);padding:20px 32px}.frontdesk-header{margin-bottom:24px}.frontdesk-title-section h1{color:#1a1f36;font-size:24px;font-weight:600;margin:0 0 8px}.frontdesk-description{color:#64748b;font-size:14px}.frontdesk-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.frontdesk-checkin-wrapper{max-width:43%}.frontdesk-checkin-input{border:1px solid #d1d4d7;border-radius:6px 0 0 6px;flex:1 1;font-size:14px;height:40px;outline:none;padding:0 16px;transition:all .2s}.frontdesk-checkin-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a;z-index:1}.frontdesk-checkin-input::placeholder{color:#94a3b8}.frontdesk-checkin-btn{background:#34c759;border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:40px;padding:0 20px;transition:background .2s}.frontdesk-checkin-btn:hover{background:#2db14e}.frontdesk-right-actions{align-items:center;display:flex;gap:12px}.frontdesk-action-btn{align-items:center;background:#fff;border:1px solid #1e68bf;border-radius:10px;color:#1e68bf;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:40px;padding:0 16px;transition:all .2s}.frontdesk-action-btn.primary{background:#0000;border-color:#bbc0c3;border-radius:10px;color:#4d5154}.frontdesk-action-icon{height:16px;width:16px}.frontdesk-icon-btn{align-items:center;background:#fff;border:1px solid #bbc0c3;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.frontdesk-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}.frontdesk-icon{color:#475569;height:18px;width:18px}.frontdesk-table-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.frontdesk-table-header{margin-bottom:20px}.frontdesk-table-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.frontdesk-table-container{overflow-x:auto}.frontdesk-table{border-collapse:collapse;font-size:14px;width:100%}.frontdesk-table th{background:#f8fafc;color:#475569;font-weight:600;text-align:left}.frontdesk-table td,.frontdesk-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px}.frontdesk-table td{color:#1e293b}.frontdesk-table tr:hover{background:#f8fafc}.frontdesk-customer-name{font-weight:500}.frontdesk-phone-number{font-family:monospace}.frontdesk-action-header{text-align:center;width:80px}.frontdesk-action-cell{text-align:center}.frontdesk-empty-table-cell{color:#94a3b8;padding:40px!important;text-align:center}.frontdesk-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.frontdesk-status-badge.status-checked-in{background:#e6f7e6;color:#2e7d32}.frontdesk-dropdown-container{display:inline-block;position:relative}.frontdesk-three-dots-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:background .2s}.frontdesk-three-dots-button:hover{background:#f1f5f9}.frontdesk-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.frontdesk-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.frontdesk-dropdown-item:hover{background:#f8fafc}.frontdesk-dropdown-icon{color:#ef4444;height:16px;width:16px}@media (max-width:768px){.frontdesk-page{padding:16px}.frontdesk-action-bar{align-items:stretch;flex-direction:column}.frontdesk-checkin-wrapper{max-width:100%}.frontdesk-right-actions{justify-content:flex-start}}.frontdesk-two-columns{display:flex;gap:24px;margin-bottom:32px}.frontdesk-activity-log{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:740px;width:30%}.frontdesk-activity-header{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}.frontdesk-activity-title{color:#1a1f36;font-size:16px;font-weight:600;margin:0}.frontdesk-activity-search-input{border:1px solid #d1d4d7;border-radius:8px;font-size:13px;height:36px;outline:none;padding:10px 20px;transition:all .2s;width:100%}.frontdesk-activity-search-icon{color:#94a3b8;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.frontdesk-activity-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.frontdesk-activity-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.frontdesk-activity-empty-icon{color:#cbd5e1;height:60px;margin-bottom:12px;width:60px}.frontdesk-activity-item{align-items:center;background:#0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.frontdesk-activity-item:hover{background:#f1f5f9}.frontdesk-activity-item.active{background:#e9f0f9;border-radius:0}.frontdesk-activity-avatar{align-items:center;border-radius:100%;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.frontdesk-activity-avatar.return{background:#1e68bf}.frontdesk-activity-initials{color:#fff;font-size:16px;font-weight:600}.frontdesk-activity-return-icon{color:#fff;height:24px;width:24px}.frontdesk-activity-content{flex:1 1}.frontdesk-activity-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.frontdesk-activity-name{color:#212529;font-size:14px;font-weight:600}.frontdesk-activity-badge{border-radius:100px;font-size:11px;font-weight:500;padding:2px 8px}.frontdesk-activity-badge.check-in{background:#34c75914;color:#34c759}.frontdesk-activity-time{align-items:center;color:#6a6d70;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:6px}.frontdesk-activity-time-icon{height:12px;width:12px}.frontdesk-activity-item-borrowed{color:#6a6d70;font-size:14px;margin-top:4px}.frontdesk-detail{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:20px;width:70%}.frontdesk-detail-content{display:flex;flex:1 1;flex-direction:column}.frontdesk-detail-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 20px;text-align:center}.frontdesk-detail-placeholder-icon{color:#cbd5e1;height:60px;margin-bottom:12px;width:60px}.frontdesk-detail-info{padding:8px}.frontdesk-detail-title{color:#1e68bf;font-size:18px;font-weight:700;padding-bottom:10px}.frontdesk-detail-field{display:flex;margin-bottom:16px}.frontdesk-detail-label{color:#64748b;font-size:14px;width:120px}.frontdesk-detail-value{color:#1a1f36;flex:1 1;font-size:14px;font-weight:500}@media (max-width:992px){.frontdesk-two-columns{flex-direction:column}.frontdesk-activity-log,.frontdesk-detail{width:100%}}.frontdesk-activity-filters{border-bottom:4px solid #f0f1f2;display:flex;gap:12px;justify-content:center;padding-bottom:20px;padding-left:20px;padding-right:20px}.frontdesk-filter-btn{background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#4d5154;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:all .2s;width:100%}.frontdesk-filter-btn.active{background:#0000;border-color:#1e68bf;color:#1e68bf}.frontdesk-activity-search{position:relative;width:100%}.frontdesk-activity-search-btn{align-items:center;background:#1e68bf;border:none;border-radius:0 8px 8px 0;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:0;width:36px}.frontdesk-activity-search-icon{color:#fff;height:16px;width:16px}.frontdesk-activity-returned-items{color:#6a6d70;font-size:14px;font-weight:500;margin-top:4px}.frontdesk-detail-checkin{display:flex;flex-direction:column;height:100%}.frontdesk-detail-checkin-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.frontdesk-detail-left{align-items:center;background:#fff;border:1px solid #e9e9ea;border-radius:12px;display:flex;flex:1 1;gap:16px;height:90px;padding:20px;width:65%}.frontdesk-detail-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.frontdesk-detail-initials{color:#fff;font-size:20px;font-weight:600}.frontdesk-detail-customer-info{flex:1 1}.frontdesk-detail-customer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.frontdesk-detail-customer-name{color:#1a1f36;font-size:16px;font-weight:600}.frontdesk-detail-customer-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.frontdesk-detail-customer-badge.check-in{background:#34c75914;color:#34c759}.frontdesk-detail-customer-id{color:#64748b;font-size:13px}.frontdesk-detail-right{background:#fff;border:1px solid #e9e9ea;border-radius:12px;height:90px;padding:20px;width:35%}.frontdesk-detail-time-label{color:#212529;font-size:14px;font-weight:500;margin-bottom:12px}.frontdesk-detail-time-date{color:#212529;font-size:16px;font-weight:600;margin-bottom:4px}.frontdesk-detail-time-value{color:#64748b;font-size:14px}@media (max-width:768px){.frontdesk-detail-checkin-wrapper{flex-direction:column}.frontdesk-detail-left,.frontdesk-detail-right{width:100%}.frontdesk-detail-right{text-align:left}}.frontdesk-borrowed-section{margin-top:24px}.frontdesk-borrowed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.frontdesk-borrowed-title{color:#212529;font-size:16px;font-weight:600}.frontdesk-borrowed-add-btn{align-items:center;background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 20px;transition:all .2s}.frontdesk-borrowed-add-btn:hover{background:#f0f7ff}.frontdesk-borrowed-add-icon{height:16px;width:16px}.frontdesk-borrowed-table-container{border:1px solid #e9e9ea;border-radius:6px;overflow:hidden}.frontdesk-borrowed-table{border-collapse:collapse;font-size:14px;width:100%}.frontdesk-borrowed-table th{background:#f8fafc;font-weight:600;text-align:left}.frontdesk-borrowed-table td,.frontdesk-borrowed-table th{border-bottom:1px solid #e9e9ea;color:#212529;font-size:14px;padding:12px 16px}.frontdesk-borrowed-table td{font-weight:500}.frontdesk-borrowed-table tr:last-child td{border-bottom:none}.frontdesk-borrowed-action-header{text-align:center;width:60px}.frontdesk-borrowed-action-cell{text-align:center}.frontdesk-borrowed-remove-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:background .2s}.frontdesk-borrowed-remove-btn:hover{background:#fee2e2}.frontdesk-borrowed-remove-icon{color:#ef4444;height:18px;width:18px}.frontdesk-borrowed-empty-cell{color:#94a3b8;padding:40px!important;text-align:center}.frontdesk-tab-navigation{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;justify-content:space-evenly;margin:24px 0 20px}.frontdesk-tab-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;position:relative;transition:all .2s}.frontdesk-tab-btn.active,.frontdesk-tab-btn:hover{color:#1e68bf}.frontdesk-tab-btn.active:after{background:#1e68bf;border-radius:2px;bottom:-1px;content:"";height:2px;left:-8px;position:absolute;right:-8px}.frontdesk-tab-content{margin-top:20px}.frontdesk-left-actions{align-items:center;display:flex;flex:1 1;gap:12px;max-width:60%}.frontdesk-outlet-wrapper{min-width:180px;position:relative}.frontdesk-outlet-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:0 12px;transition:all .2s}.frontdesk-outlet-select:hover{border-color:#cbd5e1}.frontdesk-outlet-select-content{align-items:center;display:flex;gap:8px}.frontdesk-loc-icon{color:#64748b;height:16px;width:16px}.frontdesk-outlet-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.frontdesk-filter-option{cursor:pointer;padding:8px 12px;transition:background .2s}.frontdesk-filter-option:hover{background:#f8fafc}.frontdesk-checkin-wrapper{align-items:center;display:flex;flex:1 1}.frontdesk-pagination-container{border-top:1px solid #e2e8f0;display:flex;justify-content:center;margin-bottom:20px;padding-bottom:20px;padding-top:16px}.frontdesk-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.frontdesk-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.frontdesk-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.frontdesk-pagination-button:disabled{cursor:not-allowed;opacity:.5}.frontdesk-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.frontdesk-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.frontdesk-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.frontdesk-pagination-dots{color:#94a3b8;height:32px;min-width:32px}.frontdesk-modal-overlay,.frontdesk-pagination-dots{align-items:center;display:flex;justify-content:center}.frontdesk-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.frontdesk-modal-title{color:#1a1f36;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.frontdesk-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.frontdesk-modal-close:hover{color:#475569}.frontdesk-modal-customer-left{align-items:center;border:1px solid #e9e9ea;border-radius:10px;display:flex;gap:16px;padding:20px}.frontdesk-modal-customer-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.frontdesk-modal-customer-initials{color:#fff;font-size:20px;font-weight:600}.frontdesk-modal-customer-info{flex:1 1}.frontdesk-modal-customer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.frontdesk-modal-customer-name{color:#1a1f36;font-size:16px;font-weight:600}.frontdesk-modal-customer-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.frontdesk-modal-customer-badge.check-in{background:#34c75914;color:#34c759}.frontdesk-modal-customer-id{color:#64748b;font-size:13px}.frontdesk-modal-items-title{color:#1a1f36;font-size:16px;font-weight:600;margin:0 0 16px}.frontdesk-modal-cancel-btn{background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;transition:all .2s}.frontdesk-modal-cancel-btn,.frontdesk-modal-confirm-btn{cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px}.frontdesk-modal-confirm-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;transition:background .2s}.frontdesk-modal-confirm-btn:disabled{background:#babbbd;cursor:not-allowed}.frontdesk-modal-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:90%}.frontdesk-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.frontdesk-modal-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px}.frontdesk-modal-customer{background:#f8fafc;border-radius:12px;flex-shrink:0;margin-bottom:24px;padding:16px}.frontdesk-modal-items{flex:1 1;min-height:0;overflow-y:auto}.frontdesk-modal-items-list{display:flex;flex-direction:column}.frontdesk-modal-items::-webkit-scrollbar{width:6px}.frontdesk-modal-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.frontdesk-modal-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.frontdesk-modal-items::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.frontdesk-modal-footer{display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.frontdesk-modal-item{background:#f8fafc;border-radius:8px;padding:12px}.frontdesk-modal-item-checkbox{align-items:center;display:flex;gap:12px}.frontdesk-modal-item-checkbox input{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.frontdesk-modal-item-checkbox label{color:#1e293b;cursor:pointer;font-size:14px;font-weight:500}.frontdesk-modal-item-notes{margin-top:12px;padding-left:30px}.frontdesk-modal-notes-label{color:#1e293b;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.frontdesk-modal-notes-label .required{color:#ef4444;margin-left:4px}.frontdesk-modal-notes-input{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;transition:all .2s;width:100%}.frontdesk-modal-notes-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.frontdesk-modal-return-notes{display:flex;font-size:13px;gap:8px;margin-top:8px;padding-left:30px}.frontdesk-modal-return-notes-label{color:#1e293b;font-weight:500}.frontdesk-modal-return-notes-text{color:#64748b;flex:1 1}.frontdesk-modal-empty-items{color:#94a3b8;padding:40px;text-align:center}.frontdesk-detail-return{display:flex;flex-direction:column;height:100%}.frontdesk-detail-return-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.frontdesk-detail-return-left{background:#fff;border:1px solid #e9e9ea;border-radius:12px;flex:1 1;padding:20px}.frontdesk-detail-return-label{color:#64748b;font-size:14px;font-weight:500;margin-bottom:12px}.frontdesk-detail-return-value{color:#212529;font-size:16px;font-weight:600}.frontdesk-detail-return-right{background:#fff;border:1px solid #e9e9ea;border-radius:12px;flex:1 1;padding:20px}.frontdesk-returned-section{margin-top:8px}.frontdesk-returned-title{color:#212529;font-size:16px;font-weight:600;margin:0 0 16px}.frontdesk-returned-table-container{border:1px solid #e9e9ea;border-radius:6px;overflow:hidden}.frontdesk-returned-table{border-collapse:collapse;font-size:14px;width:100%}.frontdesk-returned-table th{background:#f8fafc;font-weight:600;text-align:left}.frontdesk-returned-table td,.frontdesk-returned-table th{border-bottom:1px solid #e9e9ea;color:#212529;font-size:14px;padding:12px 16px}.frontdesk-returned-table td{font-weight:500}.frontdesk-returned-table tr:last-child td{border-bottom:none}.frontdesk-returned-item-name{color:#1a1f36;font-weight:500}.frontdesk-returned-item-notes{color:#64748b}.frontdesk-returned-empty-cell{color:#94a3b8;padding:40px!important;text-align:center}.frontdesk-modal-item-row{align-items:center;display:flex;justify-content:space-between}.frontdesk-modal-item-quantity{align-items:center;display:flex;gap:8px}.frontdesk-modal-quantity-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#1e68bf;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:all .2s;width:28px}.frontdesk-modal-quantity-btn:hover{background:#f0f7ff;border-color:#1e68bf}.frontdesk-modal-quantity-value{color:#1a1f36;font-size:14px;font-weight:500;min-width:30px;text-align:center}.frontdesk-modal-notes-container{max-height:400px;overflow-y:auto}.frontdesk-modal-notes-title{color:#1e293b;font-size:14px;font-weight:500;margin:0 0 16px}.frontdesk-modal-notes-list{display:flex;flex-direction:column;gap:16px}.frontdesk-modal-note-item{display:flex;flex-direction:column;gap:8px}.frontdesk-modal-note-label{color:#1e293b;font-size:13px;font-weight:500}.frontdesk-modal-note-input{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;transition:all .2s}.frontdesk-modal-note-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.frontdesk-return-item-group{border-radius:8px;padding:10px}.frontdesk-return-item-row{align-items:center;display:flex}.frontdesk-return-item-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.frontdesk-return-item-checkbox{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.frontdesk-return-item-name{color:#1a1f36;font-size:14px;font-weight:600}.frontdesk-return-item-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-left:28px}.frontdesk-return-total-borrowed{color:#6a6d70;font-size:14px;font-weight:500}.kanan{align-items:center;display:flex;gap:10px}.frontdesk-return-total-returned-label{color:#6a6d70;font-size:14px;font-weight:500}.frontdesk-return-value-box{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;display:inline-flex;justify-content:center;min-width:40px;padding:10px 12px}.frontdesk-return-value{color:#212529;font-size:14px;font-weight:500;text-align:center}.frontdesk-return-quantity-control{align-items:center;display:flex;gap:8px}.frontdesk-return-quantity-btn{align-items:center;background:#1e68bf;border:1px solid #1e68bf;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:28px;justify-content:center;transition:all .2s;width:28px}.frontdesk-return-quantity-btn:hover:not(:disabled){background:#1e68bf;border-color:#1e68bf}.frontdesk-return-quantity-btn:disabled{background:#bbc0c3;border:none;opacity:.5}.frontdesk-return-item-children{margin-left:14px;margin-top:12px;padding-left:16px}.frontdesk-return-item-child{margin-bottom:12px}.frontdesk-return-child-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.frontdesk-return-child-checkbox{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.frontdesk-return-child-name{color:#1e293b;font-size:14px}.frontdesk-return-child-notes{color:#64748b;font-size:12px;font-style:italic;margin-left:26px;margin-top:4px}.frontdesk-error-message{color:#ef4444;font-size:12px;margin-top:4px}.frontdesk-modal-required-badge{background:#fee2e2;border-radius:4px;color:#dc2626;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.frontdesk-modal-notes-input.error{background-color:#fff5f5;border-color:#ef4444}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.jadwal-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}.toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;min-height:64px;padding:1rem 1.5rem}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:.75rem}.menu-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background .2s}.menu-btn:hover{background:#f1f5f9}.toolbar-dropdown{display:inline-block;position:relative}.add-btn{align-items:center;background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.add-btn:hover{background:#2563eb}.dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 4px 6px #0000001a;left:0;margin-top:.25rem;min-width:180px;overflow:hidden;z-index:100}.dropdown-menu button{background:none;border:none;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.dropdown-menu button:hover{background:#f8fafc}.publish-btn{align-items:center;background:#0000;border:1px solid #cbd5e1;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.publish-btn:hover{background:#f1f5f9}.week-select{background:#fff;border:1px solid #cbd5e1;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;min-width:120px;padding:.5rem}.week-select:hover{border-color:#94a3b8}.nav-btn{align-items:center;background:#1f2937;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.nav-btn:hover{background:#374151}.nav-btn.prev{margin-right:.5rem}.month-display,.nav-btn.next{margin-left:.5rem}.month-display{color:#1f2937;font-size:1rem;font-weight:600}.location{color:#64748b}.location,.user-profile{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.user-profile{color:#374151;font-weight:500}.avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.calendar-container{-webkit-overflow-scrolling:touch;background:#fff;flex:1 1;overflow:auto;position:relative}.calendar{display:flex;flex-direction:column;min-height:1020px;position:relative;touch-action:none}.calendar-sticky-header{background:#fff;box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:50}.calendar-header{border-bottom:2px solid #e5e7eb;display:flex}.time-header-cell{border-right:1px solid #e5e7eb;min-width:80px;width:80px}.day-headers{display:flex;flex:1 1}.day-header{box-sizing:border-box;flex:1 1;min-width:0;padding:1rem .5rem;text-align:center}.day-header:last-child{border-right:none}.day-name{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.calendar-content{display:flex;position:relative}.calendar-time-column{background:#fff;border-right:1px solid #e5e7eb;left:0;min-width:80px;position:-webkit-sticky;position:sticky;width:80px;z-index:40}.time-header,.time-slot{height:60px}.time-slot{border-bottom:1px solid #f1f5f9;position:relative}.time-label{background:#fff;color:#6b7280;font-size:.75rem;font-weight:500;left:.5rem;padding:0 .25rem;position:absolute;top:-10px}.calendar-days{display:flex;flex:1 1}.calendar-day{border-right:1px solid #747576;flex:1 1;min-width:0}.calendar-day:last-child{border-right:none}.day-body{background:repeating-linear-gradient(180deg,#0000,#0000 59px,#f3f4f6 0,#f3f4f6 60px),repeating-linear-gradient(180deg,#0000,#0000 29px,#f9fafb 0,#f9fafb 30px);height:1020px}.grid-line{height:1px;left:0;position:absolute;right:0}.hour-line{background-color:#747576;z-index:1}.half-hour-line{background-color:#e5e7eb;z-index:0}.schedule-card.dragging{border:2px solid #fffc!important;box-shadow:0 8px 25px #0000004d!important;opacity:.85!important;z-index:1000!important}.schedule-card-content{pointer-events:none}.card-header{align-items:flex-start;display:flex;justify-content:space-between}.class-name-jadwal{flex:1 1;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participants{background:#fff3;border-radius:3px;margin-left:8px;padding:2px 6px;white-space:nowrap}.card-time,.participants{color:#000;font-size:.7rem;font-weight:500}.card-time{opacity:.9}.card-instructor{font-size:.7rem;opacity:.9}.card-instructor,.card-location{color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-location{font-size:.65rem;opacity:.8}.card-header,.card-instructor,.card-location,.card-time{pointer-events:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-header button{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.modal-header button:hover{background:#f1f5f9}.schedule-popup{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:320px;min-width:280px;position:absolute;z-index:1000}.popup-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.popup-header h3{color:#202124;font-size:14px;font-weight:500;margin:0}.popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;justify-content:center;padding:4px}.popup-close:hover{background:#f1f3f4}.popup-content{padding:12px 16px}.popup-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.popup-row:last-child{margin-bottom:0}.popup-row span:first-child{color:#5f6368;font-weight:400}.popup-row span:last-child{color:#202124;font-weight:400;max-width:60%;text-align:right}.popup-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:8px 16px 12px}.popup-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:6px 12px;transition:all .2s}.popup-actions button:first-child{background:#1a73e8;color:#fff}.popup-actions button:first-child:hover{background:#1557b0}.popup-actions button:last-child{background:#ea4335;color:#fff}.popup-actions button:last-child:hover{background:#d33b2c}.modal-form{padding:1.5rem}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:flex;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:.625rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{gap:1rem}.form-row .form-group{flex:1 1}.radio-group{display:flex;flex-wrap:wrap;gap:20px}.radio-group label{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease}.radio-group label:hover{background:#f8fafc;border-color:#3b82f6}.radio-group input[type=radio]{accent-color:#3b82f6;height:16px;margin:0;width:16px}.radio-group input[type=radio]:checked+span{color:#3b82f6;font-weight:600}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.5rem;transition:all .2s}.modal-actions button:first-child{background:#0000;border:1px solid #d1d5db;color:#64748b}.modal-actions button:first-child:hover{background:#f9fafb}.modal-actions button:last-child{background:#3b82f6;color:#fff}.modal-actions button:last-child:hover{background:#2563eb}.color-picker-wrapper{align-items:center;display:flex;gap:.5rem}.color-input{cursor:pointer;height:38px;padding:2px;width:50px}.color-input,.color-text{border:1px solid #ddd;border-radius:4px}.color-text{flex:1 1;font-family:monospace;padding:.5rem}@media (max-width:1024px){.calendar{min-width:900px}}@media (max-width:768px){.toolbar{flex-direction:column;gap:1rem;padding:1rem}.toolbar-left,.toolbar-right{flex-wrap:wrap;justify-content:center;width:100%}.calendar{min-width:700px}.form-row{flex-direction:column;gap:.5rem}.calendar-time-column,.time-header-cell{min-width:60px;width:60px}.time-label{font-size:.7rem;left:.25rem}.schedule-card{font-size:.65rem;padding:4px}.class-name-jadwal{font-size:.7rem}.card-instructor,.card-time{font-size:.65rem}.card-location{font-size:.6rem}}@media (max-width:640px){.calendar{min-width:600px}.day-header{padding:.75rem .25rem}.day-name{font-size:.75rem}.modal{margin:.5rem}.modal-form,.modal-header{padding:1rem}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.calendar-container::-webkit-scrollbar{height:8px;width:8px}.calendar-container::-webkit-scrollbar-track{background:#f1f1f1}.calendar-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.calendar-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.schedule-card.dragging-preview{border:2px dashed #ffffff80!important;opacity:.7!important;pointer-events:none!important;z-index:999!important}.schedule-card.conflict{background:linear-gradient(45deg,#0000 49%,#ef44441a 0,#ef44441a 51%,#0000 0)!important;border:2px solid #ef4444!important}.loading{opacity:.6;pointer-events:none}.empty-state{color:#6b7280;padding:3rem}.empty-state h3{color:#374151;margin:1rem 0 .5rem}.empty-state p{font-size:.875rem;margin:0}@media print{.modal-overlay,.schedule-popup,.toolbar{display:none!important}.calendar-container{height:auto!important;overflow:visible!important}.calendar{min-width:100%!important}.schedule-card{break-inside:avoid;page-break-inside:avoid}}.drag-preview{animation:pulse 1.5s infinite}.schedule-card-content{overflow:hidden}.card-instructor,.card-location,.card-time{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-card.small .card-instructor,.schedule-card.small .card-location{display:none}.schedule-card.small .class-name{font-size:.7rem}.schedule-card.small .card-time{font-size:.65rem}.schedule-card.small .participants{font-size:.6rem;padding:1px 4px}.schedule-card.dragging{border:2px solid #ffffffe6!important;box-shadow:0 10px 30px #0000004d!important;cursor:grabbing!important;transition:none!important}.drag-preview{animation:pulse 1s ease-in-out infinite;pointer-events:none!important}@keyframes pulse{0%{box-shadow:0 5px 15px #0000004d}50%{box-shadow:0 5px 25px #3b82f666}to{box-shadow:0 5px 15px #0000004d}}.calendar-day.drag-over{background-color:#3b82f60d!important}.calendar-content.dragging{cursor:grabbing}.schedule-card.dragging{opacity:.3!important;pointer-events:none!important;transition:opacity .2s ease!important}.drag-preview{animation:float .5s ease-in-out infinite alternate;transform-origin:center}@keyframes float{0%{box-shadow:0 5px 15px #0000004d;transform:translateY(0)}to{box-shadow:0 10px 25px #0006;transform:translateY(-3px)}}.drag-preview{z-index:10000!important}.schedule-card{transition:all .2s ease,opacity .2s ease}.calendar-day,.day-body{cursor:pointer;position:relative}.day-body>.schedule-card,.schedule-card{pointer-events:auto}.grid-line{pointer-events:none}.schedule-card{word-wrap:break-word;border:1px solid #fff3;border-radius:6px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;color:#fff;cursor:grab;font-size:.75rem;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;overflow-wrap:break-word;padding:8px;pointer-events:auto!important;position:absolute;touch-action:none;transition:all .2s ease,transform .1s linear;-webkit-user-select:none;user-select:none;z-index:10}.schedule-card-content{display:flex;flex-direction:column;height:100%}.schedule-card:hover{box-shadow:0 4px 6px #0003;transform:translateY(-1px);z-index:20}.schedule-card:active{cursor:grabbing!important;transition:transform .1s linear!important}.schedule-card.drag-prepared{cursor:move!important;transition:none!important}@keyframes pulse-hold{0%{box-shadow:0 1px 3px #0000001a}50%{box-shadow:0 0 0 3px #3b82f64d}to{box-shadow:0 1px 3px #0000001a}}.holding-for-drag{animation:pulse-hold .5s ease-in-out infinite;cursor:move!important}.schedule-card.pressing{box-shadow:0 0 0 2px #3b82f680!important;cursor:move!important;opacity:.9;transform:scale(.98);transition:none!important}@keyframes pulse-press{0%{box-shadow:0 1px 3px #0000001a}50%{box-shadow:0 0 0 3px #3b82f64d}to{box-shadow:0 1px 3px #0000001a}}.schedule-card:active:not(.pressing){animation:pulse-press .3s ease}.jadwal-filter-panel-overlay{position:relative;z-index:100}.jadwal-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000026;left:200px;margin-top:8px;padding:20px;position:absolute;right:20px;top:100%;width:40%;z-index:100}.jadwal-header{background:#fff;border-bottom:1px solid #e2e8f0;gap:16px;justify-content:space-between;padding:16px 24px;position:relative;z-index:101}.jadwal-header,.jadwal-header-left{align-items:center;display:flex;flex-wrap:wrap}.jadwal-header-left{gap:12px}.jadwal-header-right{align-items:center;display:flex;gap:12px}.jadwal-outlet-selector{position:relative}.jadwal-outlet-select:hover{border-color:#cbd5e1}.jadwal-outlet-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;height:48px;justify-content:space-between;min-width:180px;padding:10px 20px;transition:all .2s}.jadwal-outlet-select-content{align-items:center;display:flex;gap:8px}.jadwal-outlet-icon{color:#94a3b8;height:18px;width:18px}.jadwal-outlet-select .placeholder{color:#94a3b8}.jadwal-outlet-chevron{color:#000;height:16px;width:16px}.jadwal-outlet-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.jadwal-outlet-option{color:#1e293b;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s}.jadwal-outlet-option:hover{background:#f8fafc}.jadwal-outlet-option.selected{background:#e6f0ff;color:#1e68bf}.jadwal-nav-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;padding:10px;transition:all .2s;width:48px}.jadwal-nav-btn:hover{background:#f8fafc;border-color:#cbd5e1}.jadwal-date-picker{position:relative}.jadwal-date-display{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:48px;padding:8px 16px;transition:all .2s}.jadwal-date-display:hover{border-color:#cbd5e1}.jadwal-date-icon{color:#94a3b8;height:18px;width:18px}.jadwal-today-btn{background:#0000;border:1px solid #d1d4d7;border-radius:8px;transition:background .2s}.jadwal-filter-btn,.jadwal-today-btn{color:#4d5154;cursor:pointer;font-size:14px;font-weight:500;height:48px;padding:10px 20px}.jadwal-filter-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;display:flex;gap:8px;transition:all .2s}.jadwal-filter-btn.active{border-color:#1e68bf;color:#1e68bf}.jadwal-filter-icon{height:18px;width:18px}.jadwal-add-container{position:relative}.jadwal-add-btn{align-items:center;background:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:48px;padding:10px 20px;transition:background .2s}.jadwal-add-btn:hover{background:#1557a8}.jadwal-add-chevron{height:16px;width:16px}.jadwal-add-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.jadwal-add-option{background:#fff;border:none;color:#1e293b;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.jadwal-add-option:hover{background:#f8fafc}.jadwal-filter-row{grid-gap:20px;display:grid;gap:20px;margin-bottom:20px}.jadwal-filter-group{display:flex;flex-direction:column}.jadwal-filter-label{color:#1e293b;font-size:13px;font-weight:500;margin-bottom:8px}.jadwal-filter-select-wrapper{position:relative;width:100%}.jadwal-filter-select{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s}.jadwal-filter-select:hover{border-color:#cbd5e1}.jadwal-filter-placeholder{color:#94a3b8}.jadwal-filter-chevron{color:#000;height:16px;width:16px}.jadwal-filter-dropdown{max-height:200px}.jadwal-filter-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.jadwal-filter-reset-btn{background:#fff;color:#1e68bf;font-size:14px;padding:8px 20px;transition:all .2s}.jadwal-filter-apply-btn,.jadwal-filter-reset-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600}.jadwal-filter-apply-btn{background:#1e68bf;color:#fff;font-size:16px;padding:10px 20px;transition:background .2s}.jadwal-filter-apply-btn:hover{background:#1557a8}@media (max-width:768px){.jadwal-header{align-items:stretch;flex-direction:column}.jadwal-header-left,.jadwal-header-right{justify-content:space-between}.jadwal-filter-row{grid-template-columns:1fr}}.jadwal-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.jadwal-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:1300px;overflow:hidden}.jadwal-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.jadwal-modal-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.jadwal-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;transition:color .2s}.jadwal-modal-close:hover{color:#475569}.jadwal-modal-body{flex:1 1;overflow-y:auto;padding:20px}.jadwal-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.jadwal-cancel-btn{background:#0000;border:1px solid #1e68bf;border-radius:4px;color:#1e68bf;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.jadwal-cancel-btn:hover{background:#f0f7ff}.jadwal-submit-btn{background:#1e68bf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:background .2s}.jadwal-submit-btn:hover{background:#1557a8}.jadwal-form-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.jadwal-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.jadwal-section-title{color:#1a1f36;font-size:16px;font-weight:600;margin:0 0 16px}.jadwal-form-row-three{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.jadwal-form-group{display:flex;flex-direction:column}.jadwal-form-label{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:6px}.jadwal-form-input{border:1px solid #e2e8f0;border-radius:4px;font-size:14px;outline:none;padding:8px 12px;transition:all .2s}.jadwal-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.jadwal-form-input.error{border-color:#ef4444}.jadwal-form-input:disabled{background-color:#f8fafc;color:#94a3b8}.jadwal-select-wrapper{position:relative;width:100%}.jadwal-form-select-custom{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;transition:all .2s}.jadwal-form-select-custom:hover{border-color:#cbd5e1}.jadwal-form-select-custom.error{border-color:#ef4444}.jadwal-form-select-custom .placeholder{color:#94a3b8}.jadwal-select-chevron{color:#94a3b8;height:16px;width:16px}.jadwal-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.jadwal-select-option{cursor:pointer;padding:8px 12px;transition:background .2s}.jadwal-select-option:hover{background:#f8fafc}.jadwal-select-option.selected{background:#e6f0ff;color:#1e68bf}.jadwal-select-option.disabled{cursor:not-allowed;opacity:.5}.jadwal-loading-option{color:#94a3b8;padding:8px 12px;text-align:center}.jadwal-date-input-wrapper{position:relative;width:100%}.jadwal-date-picker-icon{color:#94a3b8;cursor:pointer;height:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px}.jadwal-date-picker-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;position:absolute;top:calc(100% + 4px);z-index:100}.jadwal-error-message{color:#ef4444;font-size:12px;margin-top:4px}.jadwal-time-picker-container,.jadwal-time-picker-wrapper{position:relative;width:100%}.jadwal-time-picker-input{border:1px solid #e2e8f0;border-radius:4px;font-size:14px;outline:none;padding:8px 36px 8px 12px;transition:all .2s;width:100%}.jadwal-time-picker-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.jadwal-time-picker-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:32px}.jadwal-time-picker-icon{color:#94a3b8;height:18px;width:18px}.jadwal-time-picker-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;min-width:200px;padding:12px;position:absolute;top:calc(100% + 4px);z-index:100}.jadwal-time-picker-row{align-items:center;display:flex;gap:8px;justify-content:center}.jadwal-time-picker-col{align-items:center;display:flex;flex-direction:column;gap:4px}.jadwal-time-arrow-down,.jadwal-time-arrow-up{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:2px}.jadwal-time-arrow-down:hover,.jadwal-time-arrow-up:hover{color:#1e68bf}.jadwal-time-value{color:#212529;font-size:16px;font-weight:600;min-width:40px;text-align:center}.jadwal-time-separator{color:#212529;font-size:18px;font-weight:600}.jadwal-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.jadwal-filter-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.jadwal-filter-option:hover{background:#f8fafc}.jadwal-filter-option input{accent-color:#1e68bf;cursor:pointer;height:16px;margin:0;width:16px}.jadwal-filter-option span{color:#1e293b;font-size:14px}.jadwal-filter-select .placeholder{color:#94a3b8}.schedule-card.drag-preview{box-shadow:0 4px 15px #0003;opacity:.85!important;pointer-events:none;transition:none!important;z-index:9999}.schedule-card.dragging{opacity:0;pointer-events:none}.schedule-popup-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-schedule-confirm-modal-overlay{z-index:1100}.schedule-popup-container{background:#fff;border:1px solid #d1d4d7;border-radius:12px;box-shadow:0 8px 25px #00000026;max-height:500px;overflow:hidden;position:absolute;width:800px;z-index:1001}.schedule-popup-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.schedule-popup-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.schedule-popup-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.schedule-popup-close:hover{color:#ef4444}.schedule-popup-body{padding:16px 20px}.schedule-popup-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.schedule-popup-row:last-child{margin-bottom:0}.schedule-popup-label{color:#64748b;flex-shrink:0;font-weight:500;width:90px}.schedule-popup-value{color:#1e293b;flex:1 1}.schedule-popup-footer{background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:12px 20px 16px}.schedule-popup-delete-btn,.schedule-popup-edit-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.schedule-popup-edit-btn{background:#1e68bf;border:none;color:#fff}.schedule-popup-edit-btn:hover{background:#1557a8}.schedule-popup-delete-btn{background:#fff;border:1px solid #ef4444;color:#ef4444}.schedule-popup-delete-btn:hover{background:#fef2f2;border-color:#ef4444}.edit-schedule-confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-schedule-confirm-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;max-width:480px;padding:32px;position:relative;text-align:center;width:90%}.edit-schedule-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s}.edit-schedule-modal-close:hover{color:#475569}.edit-schedule-confirm-icon{margin-bottom:20px}.edit-schedule-confirm-icon svg{height:100px;width:100px}.edit-schedule-confirm-title{color:#212529;font-size:18px;font-weight:600;margin-bottom:20px}.edit-schedule-confirm-desc{color:#212529;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:25px}.edit-schedule-options{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.edit-schedule-option-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:background .2s}.edit-schedule-option-btn:hover:not(:disabled){background:#1557a8}.edit-schedule-option-btn:disabled{background:#cbd5e1;cursor:not-allowed}.edit-schedule-confirm-actions{display:flex;gap:12px;justify-content:center}.edit-schedule-cancel-btn{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;transition:all .2s}.edit-schedule-cancel-btn,.edit-schedule-confirm-btn{cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;width:100%}.edit-schedule-confirm-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;transition:background .2s}.edit-schedule-confirm-btn:hover:not(:disabled){background:#1557a8}*{font-family:Montserrat}.header-page{padding:24px 32px}.header-page h1{color:#212529;font-size:24px;font-weight:600;margin:0}.header-page span{color:#6c757d;display:block;font-size:14px;margin-top:4px}.content-page{border-radius:10px;margin:0 auto;padding:0 20px;width:100%}.business-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.business-grid{grid-gap:20px;border-bottom:4px solid #f0f1f2;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;padding-bottom:30px}.business-grid:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.grid-span-2{grid-column:span 2}.grid-span-3{grid-column:span 3}.form-group .required{color:#ff383c;margin-left:4px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;color:#212529;font-size:14px;font-weight:500;height:40px;padding:0 12px;transition:all .2s;width:100%}.form-group textarea{height:80px;padding:10px 12px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-group .field-error{border-color:#ff383c!important}.form-group .error-text{color:#ff383c;display:block;font-size:12px;margin-top:4px}.form-group input.non-editable,.form-group select.non-editable{background-color:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d!important;cursor:not-allowed!important}.form-group input.non-editable:focus,.form-group select.non-editable:focus{border-color:#dee2e6!important;box-shadow:none!important;outline:none!important}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px}.select-arrow{fill:#6c757d;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.logo-grid{grid-gap:20px;border-bottom:4px solid #f0f1f2;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding-bottom:24px}.logo-container-business{display:flex;flex-direction:column;grid-column:span 1}.logo-container-business label{color:#212529;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.logo-preview-wrapper{border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;height:130px;overflow:hidden;position:relative;transition:all .2s;width:130px}.logo-preview-wrapper.has-logo{border:2px solid #dee2e6}.logo-preview{background-color:#fff;height:100%;object-fit:cover;width:100%}.logo-placeholder{align-items:center;color:#6c757d;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.logo-placeholder svg{fill:#6c757d;height:32px;width:32px}.logo-placeholder span{font-size:12px;font-weight:500}.logo-placeholder.disabled{cursor:not-allowed!important;opacity:.6}.logo-placeholder.disabled:hover{border-color:#dee2e6!important}.remove-logo-button{align-items:center;background:#fff;border:1px solid #f0f1f2;border-radius:4px;bottom:6px;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:6px;transition:all .2s;width:28px;z-index:2}.remove-logo-button:hover{transform:scale(1.1)}.remove-logo-button svg{fill:#fff;height:14px;width:14px}.logo-error{color:#ff383c;display:block;font-size:12px;margin-top:4px}.button-group{display:flex;gap:16px;justify-content:flex-end}.reset-button{background-color:initial;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:16px;font-weight:600;height:40px;padding:0 32px;transition:all .2s}.reset-button:hover:not(:disabled),.save-button{background-color:#1e68bf;color:#fff}.save-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;height:40px;padding:0 32px;transition:all .2s}.save-button:hover:not(:disabled){background-color:#1e68bf}.reset-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.65}.footer-page{background-color:initial;padding:20px}@media (max-width:768px){.header-page{padding:20px}.content-page{padding:0 16px}.business-card{padding:20px}.business-grid,.logo-grid{gap:16px;grid-template-columns:1fr}.grid-span-2,.grid-span-3,.logo-container{grid-column:span 1}.logo-preview-wrapper{aspect-ratio:1/1;height:auto;max-width:200px;width:100%}.button-group{flex-direction:column-reverse}.reset-button,.save-button{width:100%}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.outlet-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.add-button{gap:12px}.outlet-list-header{padding-bottom:16px}.outlet-list-header h2{color:#212529;font-size:18px;font-weight:600;height:22px;margin:0;width:130px}.search-input{width:400px}.search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.search-icon{fill:#1e68bf}.filter-select-outlet{box-sizing:border-box;font-size:14px;padding:10px 20px 10px 16px;width:228px}.filter-select-outlet.disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.filter-select-outlet.disabled .filter-label{color:#6c757d}.filter-chevron{fill:#000;height:24px;transition:fill .2s;width:24px}.filter-select-outlet.disabled .filter-chevron{fill:#6c757d}.filter-option{border-bottom:1px solid #e9e9ea;gap:10px;padding:16px 12px}.filter-option input[type=checkbox]{height:18px;width:18px}.filter-option span{font-size:14px;font-weight:500}.reset-filter-button{padding:0 20px}.reset-filter-button:disabled{border-color:#adb5bd;color:#adb5bd;cursor:not-allowed}.empty-icon{height:200px;margin-bottom:20px;width:200px}.empty-add-button{align-items:center;background-color:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.empty-add-button:hover{background-color:#0b5ed7;box-shadow:0 4px 12px #0d6efd33;transform:translateY(-2px)}.empty-add-button .add-icon{fill:#fff;height:20px;width:20px}.outlet-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:24px}.outlet-item{background:#fff;border:1px solid #dee2e6;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.outlet-item:hover{border-color:#1e68bf;box-shadow:0 8px 16px #0000000d;transform:translateY(-2px)}.outlet-image-container{background-color:#f8f9fa;border-radius:8px;flex-shrink:0;height:140px;overflow:hidden;width:140px}.outlet-image{height:100%;object-fit:cover;width:100%}.outlet-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.outlet-name{color:#212529;font-size:18px;font-weight:600;margin:0}.outlet-address{-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.outlet-phone{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px}.outlet-phone-icon{fill:#6c757d;height:16px;width:16px}.outlet-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.outlet-status{border-radius:30px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:4px 12px}.outlet-status.coming_soon{background-color:#4c91e1;color:#fff}.outlet-status.active{background-color:#34c759;color:#fff}.outlet-status.temporarily_closed{background-color:#ff8d28;color:#fff}.outlet-status.permanently_closed{background-color:#ff383c;color:#fff}.outlet-actions{display:flex;gap:8px}.outlet-action-btn{align-items:center;background-color:#f8f9fa;border:1px solid #f0f1f2;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.footer-outlet{background-color:initial}.loading-spinner{border-top-color:#0d6efd}@media (max-width:768px){.outlet-card{padding:20px}.header-wrapper{align-items:flex-start;flex-direction:column;gap:16px}.add-button{justify-content:center;width:100%}.filter-section,.search-filter-wrapper{align-items:stretch;flex-direction:column}.filter-container,.filter-section,.search-container{width:100%}.filter-container{min-width:100%}.filter-select-outlet,.reset-filter-button{width:100%}.outlet-grid{grid-template-columns:1fr}.outlet-item{flex-direction:column}.outlet-image-container{height:160px;width:100%}.outlet-footer{align-items:flex-start;flex-direction:column;gap:12px}.outlet-actions{justify-content:flex-end;width:100%}.empty-state{padding:40px 20px}.empty-icon{height:60px;width:60px}.empty-state span{font-size:14px}}.create-outlet-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.form-card{padding:0}.form-row-last{display:flex;gap:20px;margin-bottom:0}.form-row-address{display:flex;gap:20px;margin-bottom:20px;width:100%}.form-group-address{height:40px;margin-bottom:40px;width:32%}.form-group-sepertiga{height:40px;margin-bottom:20px;margin-top:20px;width:32%}.form-group-duapertiga{height:40px;margin-top:20px;width:66%}.form-group-tigapertiga{height:40px;margin-bottom:20px;margin-top:20px;width:100%}.form-input-tigapertiga{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 16px;transition:all .2s;width:100%}.form-label{margin-bottom:5px}.form-label-duapertiga,.form-label-sepertiga{color:#212529;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.form-input-sepertiga{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 16px;transition:all .2s;width:100%}.form-input-sepertiga:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-input-sepertiga::placeholder{color:#adb5bd}.form-input-duapertiga{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 16px;transition:all .2s;width:100%}.form-input-duapertiga:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-input-duapertiga::placeholder{color:#adb5bd}.form-textarea{padding:12px 16px;transition:all .2s}.form-textarea::placeholder{color:#adb5bd}.pin-point-input{display:flex;gap:8px;width:100%}.pin-point-input .form-input{flex:1 1}.search-location-button{align-items:center;background-color:#1e68bf;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:48px}.search-location-button:hover{background-color:#1557a3}.search-icon-small{fill:#fff;height:20px;width:20px}.form-actions-step1{border-top:4px solid #f0f1f2;display:flex;gap:16px;justify-content:flex-end;margin-top:130px;padding-top:34px}@media (max-width:768px){.create-outlet-card{padding:20px}.progress-indicator{flex-wrap:wrap;gap:10px;padding:0}.progress-step{min-width:120px}.progress-line{display:none}.form-row,.form-row-address{flex-direction:column;gap:16px}.form-actions-step1{flex-direction:column-reverse}.cancel-button,.save-continue-button{width:100%}}.map-preview{height:182px;overflow:hidden;position:relative;width:100%}.map-preview .view-larger-map-btn{background-color:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#0369f0;cursor:pointer;font-size:12px;font-weight:400;height:25px;left:10px;padding:0 12px;position:absolute;top:10px;transition:all .2s;width:auto;z-index:1000}.map-preview .view-larger-map-btn:hover{background-color:#1e68bf;color:#fff}.map-preview .leaflet-control-zoom{border:none;bottom:10px;box-shadow:0 2px 4px #0000001a;left:auto;position:absolute;right:10px;top:auto}.map-preview .leaflet-control-zoom a{background-color:#fff;border:1px solid #d1d4d7;color:#1e68bf;font-size:18px;height:32px;line-height:32px;transition:all .2s;width:32px}.map-preview .leaflet-control-zoom a:hover{background-color:#1e68bf;border-color:#1e68bf;color:#fff}.map-placeholder{align-items:center;background-color:#f8f9fa;color:#6c757d;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.form-input-duapertiga.error,.form-input-sepertiga.error,.form-input-tigapertiga.error,.form-textarea.error{border-color:#ff383c}.form-input-duapertiga.error:focus,.form-input-sepertiga.error:focus,.form-input-tigapertiga.error:focus,.form-textarea.error:focus{border-color:#ff383c;box-shadow:0 0 0 3px #ff383c1a}.error-message{font-weight:400}.progress-step.completed .step-number{color:#1e68bf}.progress-indicator{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:40px;padding:0 20px}.progress-step{align-items:center;display:flex;flex:1 1;gap:8px;transition:all .2s}.progress-step.clickable{cursor:pointer}.progress-step.clickable:hover .step-number{background-color:#1e68bf;color:#fff;transform:scale(1.05)}.progress-step.clickable:hover .step-label{color:#1e68bf}.progress-step:not(.clickable){cursor:default;opacity:.7}.step-number{align-items:center;background-color:#e9ecef;border-radius:100%;color:#d1d4d7;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.progress-step.active .step-number{background-color:#1e68bf;color:#fff}.progress-step.active .step-label{color:#1e68bf;font-weight:600}.progress-step.completed .step-number{background-color:initial;border:2px solid #1e68bf;color:#212529}.progress-step.completed .step-label{color:#212529;font-weight:600}.step-label{color:#babbbd;font-size:16px;font-weight:600;text-align:center;transition:all .2s}.progress-line{border:1px solid #d1d4d7;flex:0.5 1;height:1px;padding-left:20px}.holiday-dates{margin-bottom:16px}.custom-dropdown{position:relative;width:100%}.custom-dropdown-select{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-sizing:border-box;color:#212529;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 20px 0 12px;transition:all .2s}.custom-dropdown-select:hover{border-color:#1e68bf}.custom-dropdown-select .placeholder{color:#6c757d}.dropdown-chevron{fill:#6c757d;height:20px;transition:transform .2s;width:20px}.dropdown-chevron.open{transform:rotate(180deg)}.custom-dropdown-menu{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.custom-dropdown-item{color:#212529;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .2s}.custom-dropdown-item:hover{background-color:#f8f9fa}.custom-dropdown-item.selected{background-color:#f0f7ff;color:#1e68bf;font-weight:500}.custom-dropdown.error .custom-dropdown-select{border-color:#ff383c}.custom-dropdown.disabled .custom-dropdown-select{background-color:#f8f9fa;color:#babbbd;cursor:not-allowed}@media (max-width:768px){.custom-dropdown-select{font-size:13px;height:44px}}.toggle-switch{display:inline-block;height:16px;position:relative;width:25px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d4d7;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:8px;left:3px;position:absolute;transition:.2s;width:8px}input:checked+.toggle-slider{background-color:#1e68bf}input:checked+.toggle-slider:before{transform:translateX(10px)}.set-public-container{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.set-public-toggle{align-items:center;display:flex;gap:12px}.set-public-text{color:#212529;font-size:16px;font-weight:600}.set-public-description{color:#6c757d;font-size:13px;font-style:italic;margin:0 0 0 10px}.operational-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:200px 200px 350px 100px;padding:12px 16px}.operational-row:last-child{border-bottom:none}.operational-day{color:#212529;font-size:14px;font-weight:600}.operational-toggle{align-items:center;display:flex;gap:8px}.toggle-status-text{color:#212529;font-size:14px;font-weight:600}.operational-hours-input{align-items:center;display:flex;gap:8px;width:100%}.time-input-wrapper{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;flex:1 1;min-width:0;position:relative}.operational-time-field{background-color:initial;border:none;box-sizing:border-box;color:#212529;font-size:13px;height:36px;padding:0 28px 0 8px;width:100%}.add-holiday-btn:focus,.cancel-button:focus,.date-picker-icon:focus,.form-input:focus,.form-select:focus,.holiday-delete-btn:focus,.operational-time-field:focus,.save-continue-button:focus,.time-control-down:focus,.time-control-up:focus{outline:none}.operational-time-field:disabled{background-color:#f0f1f2;cursor:not-allowed}.operational-time-separator{color:#6c757d;flex-shrink:0;font-size:14px}.operational-24h .checkbox-label{flex-shrink:0;margin-left:10px}.operational-24h .checkbox-label input[type=checkbox]:enabled+.checkbox-text{cursor:pointer;margin-left:10px}.operational-24h .checkbox-label input[type=checkbox]:disabled+.checkbox-text{color:#adb5bd;cursor:not-allowed;flex-shrink:0;margin-left:10px}.checkbox-label{align-items:center;color:#212529;cursor:pointer;display:flex;font-size:13px;gap:4px}.checkbox-label input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:14px;width:14px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.availability-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.availability-grid-item{min-width:0;width:100%}.availability-grid-item .form-label{color:#212529;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.time-controls{display:flex;flex-direction:column;height:36px;position:absolute;right:2px;top:0;width:20px}.time-control-down,.time-control-up{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;width:100%}.time-control-down svg,.time-control-up svg{fill:currentColor;height:12px;width:12px}.time-control-down:hover svg,.time-control-up:hover svg{fill:#1e68bf}.time-control-down:disabled svg,.time-control-up:disabled svg{fill:#adb5bd;cursor:not-allowed}.time-input-wrapper.disabled,.time-input-wrapper.disabled .operational-time-field{background-color:#f0f1f2;cursor:not-allowed}.time-input-wrapper.disabled .time-control-down,.time-input-wrapper.disabled .time-control-up{cursor:not-allowed}.time-input-wrapper.disabled .time-control-down svg,.time-input-wrapper.disabled .time-control-up svg{fill:#adb5bd}.holiday-card{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;margin-bottom:16px;padding:16px}.holiday-header{align-items:center;border-bottom:1px solid #f0f1f2;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.holiday-title{color:#212529;font-size:14px;font-weight:600}.holiday-delete-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px}.holiday-delete-btn:hover{opacity:.7}.holiday-name-field{margin-bottom:16px;max-width:780px;width:100%}.holiday-dates{display:flex;gap:16px;max-width:780px;width:100%}.holiday-date-field{flex:1 1;min-width:0}.add-holiday-btn{background:none;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;height:40px;margin-top:8px;transition:all .2s;width:100%}.add-holiday-btn:hover{background-color:#1e68bf;color:#fff}.holiday-dates-rows{border-top:1px solid #e9ecef;margin-top:20px;padding-top:16px}.holiday-date-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:minmax(160px,200px) minmax(150px,200px) minmax(250px,350px);padding:8px 0;width:100%}.holiday-date-row:last-child{border-bottom:none}.holiday-date-col{color:#212529;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-hours-col,.holiday-status-col{align-items:center;display:flex}.holiday-hours-col{min-width:0}.holiday-hours-col.disabled .time-input-wrapper{background-color:#f0f1f2}.holiday-hours-col.disabled .time-control-down,.holiday-hours-col.disabled .time-control-up{cursor:not-allowed}.holiday-hours-col.disabled .time-control-down svg,.holiday-hours-col.disabled .time-control-up svg{fill:#adb5bd}.time-picker-popup{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;left:0;margin-top:4px;min-width:200px;padding:9px;position:absolute;top:100%;width:100%;z-index:1000}.time-picker-section{margin-bottom:12px}.time-picker-section:last-child{margin-bottom:0}.time-picker-label{color:#6c757d;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.time-picker-options{display:flex;flex-wrap:wrap;gap:4px}.time-option{border:1px solid #d1d4d7;border-radius:4px;color:#212529;cursor:pointer;font-size:12px;min-width:40px;padding:6px 8px;text-align:center;transition:all .2s}.time-option:hover{background-color:#f8f9fa;border-color:#1e68bf}.time-option.selected{background-color:#1e68bf;border-color:#1e68bf;color:#fff}.form-actions{flex-wrap:wrap;margin-top:130px;padding-top:34px}.cancel-button{height:51px}.cancel-button-step4{background-color:initial;border:1px solid #ff383c;border-radius:8px;color:#ff383c;cursor:pointer;font-size:16px;font-weight:600;padding:0 32px;transition:all .2s}.cancel-button-step4:hover{background-color:#ff383c;color:#fff}.save-continue-button{height:51px;transition:all .2s}@media (max-width:1200px){.operational-row{gap:12px;grid-template-columns:minmax(90px,120px) minmax(90px,120px) 1fr minmax(60px,70px)}}@media (max-width:992px){.operational-row{gap:12px;grid-template-columns:1fr 1fr}.operational-hours-input{grid-column:span 2}.holiday-date-row{gap:12px;grid-template-columns:1fr 1fr 1fr}}@media (max-width:768px){.availability-grid{gap:16px;grid-template-columns:1fr}.operational-row{gap:12px;grid-template-columns:1fr}.operational-hours-input{grid-column:span 1}.operational-toggle{justify-content:flex-start}.holiday-dates{flex-direction:column;gap:12px;max-width:100%}.holiday-date-row{gap:8px;grid-template-columns:1fr;padding:12px 0}.holiday-date-col{white-space:normal}.form-actions{flex-direction:column-reverse;margin-top:60px}.cancel-button,.cancel-button-step4,.save-continue-button{width:100%}.set-public-container{align-items:flex-start;flex-direction:column}.set-public-description{margin-left:0}}@media (max-width:480px){.holiday-dates{max-width:100%}.time-picker-popup{min-width:180px}.time-option{min-width:35px;padding:4px 6px}}.image-gallery-container{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.gallery-label{color:#212529;font-size:14px;font-weight:600;min-width:120px;padding-top:8px}.gallery-grid{display:flex;flex:1 1;flex-direction:column;gap:12px}.gallery-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.gallery-placeholder{aspect-ratio:160/130;border-radius:4px;overflow:hidden;width:100%}.gallery-empty{align-items:center;background-color:#f8f9fa;border:1px dashed #d1d4d7;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .2s;width:100%}.gallery-empty:hover{background-color:#f0f7ff;border-color:#1e68bf}.gallery-upload-icon{fill:#6c757d;height:32px;margin-bottom:4px;width:32px}.gallery-empty:hover .gallery-upload-icon{fill:#1e68bf}.gallery-image-wrapper{height:100%;position:relative;width:100%}.gallery-image{height:100%;object-fit:cover;width:100%}.gallery-empty .gallery-image-label{color:#6c757d;font-size:11px;font-weight:500;margin-top:4px}.gallery-remove-btn{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;bottom:4px;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:4px;transition:all .2s;width:24px;z-index:2}.gallery-remove-btn svg{height:14px;width:14px}.gallery-error{margin-left:140px}.video-url-row{align-items:center;display:flex;gap:20px;margin-top:24px;width:100%}.video-url-label{color:#212529;font-size:14px;font-weight:600;min-width:120px}.video-url-field{flex:1 1}.video-url-field .form-input{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 12px;width:100%}.video-url-field .form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.facilities-horizontal{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px;width:100%}.facility-card{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;height:60px;padding:0 16px;transition:all .2s;width:100%}.facility-card:hover{border-color:#1e68bf;box-shadow:0 2px 8px #1e68bf1a}.facility-card.selected{background-color:#1e68bf0d;border-color:#1e68bf}.facility-icon{height:24px;min-width:24px;pointer-events:none;width:24px}.facility-icon path{fill:#999b9d!important;transition:fill .2s}.facility-card.selected .facility-icon path{fill:#1e68bf!important}.facility-name{color:#999b9d;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;pointer-events:none;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.facility-name.selected{color:#1e68bf}.facility-checkbox{accent-color:#1e68bf;cursor:pointer;flex-shrink:0;height:16px;margin:0;pointer-events:auto;width:16px}@media (max-width:1024px){.gallery-row{gap:8px}.gallery-label{min-width:100px}}@media (max-width:768px){.image-gallery-container{flex-direction:column;gap:12px}.gallery-label{min-width:auto}.gallery-row{gap:6px}.gallery-error{margin-left:0}.video-url-row{align-items:flex-start;flex-direction:column;gap:8px}.video-url-label{min-width:auto}.video-url-field{width:100%}}@media (max-width:480px){.gallery-row{gap:4px}.facilities-horizontal{grid-template-columns:1fr}.gallery-upload-icon{height:24px;width:24px}}.studio-card{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 0 5px 0 #0003;margin-bottom:20px;padding:20px}.studio-header{align-items:center;border-bottom:1px solid #f0f1f2;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.studio-title{color:#212529;font-size:16px;font-weight:600}.studio-header-actions{align-items:center;display:flex;gap:20px}.studio-public-toggle{align-items:center;display:flex;gap:8px}.toggle-status-text-step4{color:#212529;font-size:14px;font-weight:600;height:17px}.studio-delete-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:opacity .2s;width:24px}.studio-delete-btn:hover{opacity:.7}.studio-body{display:flex;gap:24px}.studio-image-col{flex-shrink:0;width:200px}.studio-form-col{display:flex;flex:1 1;flex-direction:column;gap:16px}.studio-image-upload{align-items:center;aspect-ratio:160/130;background-color:#f8f9fa;border:1px dashed #d1d4d7;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;transition:all .2s;width:100%}.studio-image-upload:hover{background-color:#f0f7ff;border-color:#1e68bf}.studio-image-upload.error{border-color:#ff383c}.studio-upload-icon{fill:#6c757d;height:32px;margin-bottom:4px;width:32px}.studio-image-upload:hover .studio-upload-icon{fill:#1e68bf}.studio-upload-text{color:#6c757d;font-size:12px}.studio-image-upload:hover .studio-upload-text{color:#1e68bf}.studio-image-wrapper{height:100%;position:relative;width:100%}.studio-image{height:100%;object-fit:cover;width:100%}.studio-image-remove{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;bottom:4px;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:4px;transition:all .2s;width:24px;z-index:2}.studio-image-remove svg{fill:#dc3545;height:14px;width:14px}.studio-image-remove:hover{background-color:#dc3545;border-color:#dc3545}.studio-image-remove:hover svg{fill:#fff}.form-group{margin-bottom:0;width:100%}.form-group .form-label{color:#212529;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group .form-input,.form-group .form-textarea{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-family:inherit;font-size:14px;font-weight:500;padding:10px 12px;width:100%}.form-group .form-input:focus,.form-group .form-textarea:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-group .form-input.error,.form-group .form-textarea.error{border-color:#ff383c}.form-row{gap:16px}.form-group-half{flex:1 1}.form-input:disabled{background-color:#f0f1f2;color:#6a6d70;cursor:not-allowed}.add-studio-btn{background:none;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;height:40px;margin-top:8px;transition:all .2s;width:100%}.add-studio-btn:hover{background-color:#1e68bf;color:#fff}@media (max-width:768px){.studio-body{flex-direction:column;gap:16px}.studio-image-col{margin:0 auto;max-width:300px;width:100%}.studio-header{align-items:flex-start;flex-direction:column;gap:12px}.studio-header-actions{justify-content:space-between;width:100%}.form-row{flex-direction:column;gap:16px}.form-group-half{width:100%}}@media (max-width:480px){.studio-header-actions{align-items:flex-start;flex-direction:column;gap:12px}}.studio-usage-row{align-items:center;display:flex;gap:32px;margin-top:8px}.studio-toggle-wrapper{display:flex;flex-direction:column;gap:4px}.studio-toggle-label{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:8px}.studio-toggle-container{align-items:center;display:flex}.studio-toggle-switch{display:inline-block;height:24px;margin-right:12px;position:relative;width:44px}.studio-toggle-switch input{height:0;opacity:0;width:0}.studio-toggle-slider{background-color:#bbc0c3;border-radius:24px;bottom:0;cursor:pointer;height:16px;left:0;position:absolute;right:0;transition:.3s;width:25px}.studio-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:8px;left:3px;position:absolute;transition:.3s;width:8px}.studio-toggle-switch input:checked+.studio-toggle-slider{background-color:#1e68bf}.studio-toggle-switch input:checked+.studio-toggle-slider:before{transform:translateX(11px)}.studio-toggle-text{color:#1e293b;font-size:14px}.studio-toggle-error{color:#ef4444;font-size:12px;margin-top:4px}.form-group-toggle-studio{display:flex;flex-direction:column;gap:4px;justify-content:center}.form-row-three-studio{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.form-row-three-studio-top{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr .4fr}.color-field-container-studio{position:relative;width:100%}.color-dropdown-studio{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:4px;padding:12px;position:absolute;right:0;top:100%;z-index:1000}.color-option-studio{border-radius:50%;cursor:pointer;flex-shrink:0;height:32px;transition:transform .2s,box-shadow .2s;width:32px}.color-option.empty{background-color:initial;border:1px dashed #e2e8f0;cursor:default;pointer-events:none;visibility:hidden}.color-option.empty:hover{transform:none}.color-row-studio{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:12px}.label-with-tooltip{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tooltip-container{position:relative}.tooltip-container,.tooltip-icon{align-items:center;display:inline-flex}.tooltip-icon{background-color:#94a3b8;border-radius:50%;color:#fff;cursor:help;font-size:11px;font-style:italic;font-weight:700;height:16px;justify-content:center;width:16px}.tooltip-content{background-color:#1e293b;border-radius:6px;bottom:100%;color:#fff;display:none;font-size:12px;left:50%;margin-bottom:8px;padding:6px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.tooltip-container:hover .tooltip-content{display:block}.tooltip-content:after{border:5px solid #0000;border-top-color:#1e293b;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.color-field-wrapper.error{border:1px solid #ef4444;border-radius:8px}.role-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.role-list-header{padding-bottom:16px}.role-list-header h2{color:#212529;font-size:18px;font-weight:600;height:22px;margin:0;min-width:89px}.role-table-container{border:1px solid #e9e9ea;border-radius:6px;margin-top:24px}.role-table{border:none;border-collapse:collapse;font-size:14px;width:100%}.role-table th{background-color:#f4f6f9;color:#212529;font-weight:600;padding:14px;text-align:left}.role-table th.role-action-header{text-align:center}.role-table td{border-bottom:1px solid #e9ecef;color:#212529;font-weight:500;padding:14px}.role-table td.role-action-cell{text-align:center;vertical-align:middle}.role-table tbody tr:hover{background-color:#f8f9fa}.role-name-header{width:200px}.role-description-header{width:auto}.role-action-header{text-align:center;width:100px}.role-action-cell{position:relative;text-align:center}.add-button{background-color:#1e68bf;border-radius:10px;font-size:16px;font-weight:600;height:40px;padding:10px 20px;transition:background-color .2s}.add-button:hover{background-color:#1557a3}.add-button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.65}.footer-role{background-color:initial;margin-top:100px}@media (max-width:768px){.role-card{padding:20px}.role-table td,.role-table th{font-size:13px;padding:12px}.role-name-header{width:120px}.role-action-header{width:80px}.header-wrapper{align-items:flex-start;flex-direction:column;gap:16px}.add-button{justify-content:center;width:100%}.search-filter-wrapper{align-items:stretch;flex-direction:column}.search-container{max-width:100%}.dropdown-menu{left:-80px}.pagination-container{justify-content:center}}@media (max-width:480px){.empty-state span{font-size:14px}.role-table td,.role-table th{padding:10px 8px}.role-name-header{width:100px}.three-dots-button svg{height:18px;width:18px}.dropdown-menu{left:-60px}}.staff-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.staff-list-header{padding-bottom:16px}.staff-list-header h2{color:#212529;font-size:18px;font-weight:600;height:22px;margin:0;min-width:97px}.search-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.search-button:disabled{cursor:not-allowed;opacity:.5}.staff-table-container{margin-top:24px}.staff-table{border:1px solid #e9e9ea;border-collapse:collapse;border-radius:6px;font-size:14px;width:100%}.staff-table th{background-color:#f4f6f9;color:#212529;font-weight:600;padding:16px;vertical-align:middle}.staff-table th:not(.staff-status-header):not(.staff-action-header){text-align:left}.staff-table td{border-bottom:1px solid #e9ecef;color:#212529;font-size:14px;font-weight:500;padding:16px}.staff-table td:not(.staff-status-cell):not(.staff-action-cell){text-align:left}.staff-table tbody tr:hover{background-color:#f8f9fa}.staff-name-header{width:200px}.staff-role-header{width:120px}.staff-job-title-header{width:150px}.staff-employment-header{width:130px}.staff-status-header{text-align:center;width:100px}.staff-action-header{text-align:center;vertical-align:middle;width:80px}.staff-name-with-avatar{align-items:center;display:flex;gap:12px}.staff-avatar-small{background-color:#f8f9fa;border-radius:50%;height:32px;overflow:hidden;width:32px}.staff-avatar-small img{height:100%;object-fit:cover;width:100%}.staff-status-badge{border-radius:30px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.staff-status-badge.active{background-color:#34c759}.staff-status-badge.inactive{background-color:#ff383c}.staff-action-cell,.staff-status-cell{text-align:center;vertical-align:middle}.staff-action-cell{position:relative}.dropdown-menu{left:-110px;z-index:1000}.dropdown-item{padding:12px 16px;transition:all .2s}.add-button-staff{align-items:center;background-color:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:40px;justify-content:center;padding:10px;transition:background-color .2s;width:160px}.add-button-staff:hover{background-color:#1557a3}.add-button-staff:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.65}.footer-staff{background-color:initial;margin-top:100px}@media (max-width:768px){.staff-card{padding:20px}.staff-table td,.staff-table th{font-size:13px;padding:12px}.staff-name-header{width:150px}.staff-role-header{width:100px}.staff-job-title-header{width:120px}.staff-employment-header{width:100px}.staff-status-header{width:80px}.staff-action-header{width:60px}.header-wrapper{align-items:flex-start;flex-direction:column;gap:16px}.add-button-staff{justify-content:center;width:100%}.search-filter-wrapper{align-items:stretch;flex-direction:column}.search-container{max-width:100%}.dropdown-menu{left:-80px}.pagination-container{justify-content:center}}@media (max-width:480px){.staff-name-with-avatar{align-items:flex-start;flex-direction:column;gap:4px}.dropdown-menu{left:-60px}.empty-state span{font-size:14px}}.create-role-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-input{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;padding:0 12px;width:100%}.form-input:focus{box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-input.error{border-color:#ff383c}.form-textarea{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;width:100%}.form-textarea:focus{box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-textarea.error{border-color:#ff383c}.permission-table-container{border:1px solid #e9e9ea;border-radius:10px;margin-top:20px;overflow-x:auto;overflow:hidden}.permission-table{border:none;border-collapse:collapse;font-size:14px;width:100%}.permission-table th{background-color:#f3f7fb;color:#212529;font-size:16px;font-weight:600;padding:12px;text-align:center}.permission-table td{padding:15px 12px}.module-column{text-align:left!important;width:200px}.checkbox-column{width:80px}.group-header td{color:#1e68bf;font-weight:600;padding:15px 12px}.module-name{color:#212529;font-weight:500}.checkbox-cell{text-align:center;vertical-align:middle}.permission-checkbox{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.back-button{align-items:center;color:#1e68bf;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:16px;width:-webkit-fit-content;width:fit-content}.back-button:hover{text-decoration:underline}@media (max-width:768px){.create-role-card{padding:20px}.form-row{flex-direction:column;gap:16px}.permission-table td,.permission-table th{font-size:13px;padding:8px}.module-column{width:150px}.checkbox-column{width:60px}.form-actions{flex-direction:column-reverse}.cancel-button,.save-continue-button{width:100%}}.create-staff-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.form-group-last{margin-bottom:30px}.photo-remove-btn{align-items:center;background-color:#dc3545e6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.photo-remove-btn:hover{background-color:#dc3545}.form-group-staff,.form-row-three{margin-bottom:30px}.required{color:#dc3545}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ff383c}.document-upload{background-color:#f8f9fa}.document-upload-label .click-here:hover{text-decoration:underline}.toggle-container{margin-bottom:30px}@media (max-width:768px){.create-staff-card{padding:20px}.form-row-three{gap:16px;grid-template-columns:1fr}.photo-upload-container{height:200px;width:100%}.form-actions{flex-direction:column-reverse}.cancel-button,.save-continue-button{width:100%}.toggle-description{margin-left:0}}.date-input-wrapper .form-input:focus,.select-wrapper .form-select:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.date-input-wrapper .form-input.error{border-color:#ff383c}.back-button-container{gap:8px;margin-bottom:16px}.back-icon-wrapper{color:#1e68bf}.back-icon-wrapper:hover{text-decoration:underline}.back-icon-wrapper .back-icon{fill:#1e68bf;height:20px;width:20px}.back-button-container h1{color:#212529;cursor:default;font-size:24px;font-weight:600;margin:0}.document-list{display:flex;flex-direction:column;gap:8px}.document-item{background-color:#f8f9fa;padding:12px 16px;transition:all .2s}.document-item:hover{background-color:#f0f1f2}.document-info{flex:1 1}.document-icon{background-color:#fff}.file-icon{stroke:#6c757d}.file-icon.pdf{stroke:#dc3545}.file-icon.word{stroke:#1e68bf}.file-icon.excel{stroke:#28a745}.file-icon.image{stroke:#fd7e14}.file-icon.archive{stroke:#6f42c1}.document-details{gap:2px}.document-size{font-size:11px}.document-remove-btn{align-items:center;border-radius:4px;display:flex;justify-content:center;transition:all .2s}.document-remove-btn:hover{background-color:#dc35451a}.document-remove-btn svg,.document-remove-btn:hover svg{fill:#dc3545}.password-field-container{width:100%}.password-field-container .form-input.password-field{padding-right:70px}.change-password-text:hover{text-decoration:underline}.multiple-select-container{position:relative;width:100%}.multiple-select-input{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;cursor:pointer;display:flex;flex-wrap:wrap;font-size:14px;gap:4px;min-height:40px;padding:4px 40px 4px 8px;width:100%}.multiple-select-input.error{border-color:#ff383c}.selected-items{display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.selected-tag{align-items:center;background-color:#f0f1f2;border-radius:4px;color:#212529;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px;white-space:nowrap}.remove-tag{color:#6c757d;cursor:pointer}.remove-tag:hover{color:#dc3545}.placeholder{color:#adb5bd;padding:4px 0}.placeholder-staff{color:#212529;font-size:14px;font-weight:500;padding:4px 0}.multiple-select-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.multiple-select-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background-color .2s}.multiple-select-option:hover{background-color:#f8f9fa}.multiple-select-option input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.multiple-select-option span{color:#212529;font-size:14px}.password-field-container{display:flex;gap:8px;position:relative}.password-field-container .form-input{background-color:#f0f1f2;flex:1 1;padding-right:80px}.change-password-btn{background-color:initial;border:none;border-radius:4px;color:#1e68bf;cursor:pointer;font-size:12px;font-weight:600;height:32px;outline:none;padding:0 12px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .2s}.profile-card-transparent{align-items:center;background-color:initial;border-radius:0;display:flex;gap:24px;margin-bottom:24px;padding:24px}.profile-avatar{background-color:#e9ecef;border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#1e68bf;color:#fff;display:flex;font-size:40px;font-weight:600;height:100%;justify-content:center;width:100%}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.profile-name{color:#212529;font-size:18px;font-weight:600;margin:0}.profile-status{border-radius:100px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 20px}.profile-status.active{background-color:#34c759}.profile-status.inactive{background-color:#ff383c}.profile-details{display:flex;flex-direction:column;gap:4px}.profile-role-flex{align-items:center;color:#212529;display:flex;font-size:16px;font-weight:500;gap:16px;margin:0}.bullet-staff{color:#899197;font-size:20px;line-height:1}.tab-navigation-transparent{background-color:initial;border-bottom:2px solid #e9e9ea;display:flex;margin-bottom:24px;width:-webkit-fit-content;width:fit-content}.tab-navigation-transparent .tab-btn{background:none;border:none;color:#babbbd;cursor:pointer;font-size:16px;font-weight:600;padding:12px 72px;position:relative;transition:all .2s;white-space:nowrap}.tab-navigation-transparent .tab-btn:hover{color:#1e68bf}.tab-navigation-transparent .tab-btn.active{color:#1e68bf;font-weight:600}.tab-navigation-transparent .tab-btn.active:after{background-color:#1e68bf;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.staff-detail-card .tab-navigation{display:none}.staff-detail-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.tab-content{min-height:400px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;width:100%}.error-message{font-size:14px;margin-bottom:16px}.retry-btn{background-color:#1e68bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px;transition:background-color .2s}.retry-btn:hover{background-color:#1557a3}.performance-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.performance-title{color:#212529;font-size:18px;font-weight:600;margin:0}.date-range-selector{min-width:180px;position:relative}.date-range-field{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s}.date-range-field:hover{border-color:#1e68bf}.date-range-field span{color:#212529;font-size:14px}.date-range-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}.date-range-option{color:#212529;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.date-range-option:hover{background-color:#f8f9fa;color:#1e68bf}.date-range-option.active{background-color:#1e68bf;color:#fff}.date-range-option:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.date-range-option:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.performance-cards{grid-template-columns:repeat(3,1fr)}.perf-card{background-color:#fff;border-radius:10px;box-shadow:0 0 4px 0 #0003;padding:20px;text-align:left;transition:all .2s}.perf-card:hover{box-shadow:0 8px 16px #0000000d;transform:translateY(-4px)}.perf-title{margin:0 0 12px}.perf-value{color:#1e68bf;font-size:28px;font-weight:600;margin:0}.revenue-section{background-color:initial;border-radius:10px;margin-top:24px;padding:24px}.revenue-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 24px;text-align:center}.custom-tooltip{background-color:#212529;border-radius:4px;box-shadow:0 2px 8px #00000026}.tooltip-date{color:#adb5bd;font-size:11px}.tooltip-value{color:#fff;font-size:13px}.footer-staff-detail{background-color:initial;min-height:40px;width:100%}@media (max-width:1024px){.performance-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.staff-detail-card{padding:20px}.profile-card-transparent{align-items:center;flex-direction:column;text-align:center}.profile-header{justify-content:center}.performance-header{align-items:flex-start;flex-direction:column}.date-range-selector{width:100%}.chart-wrapper{height:220px}.tab-navigation-transparent{overflow-x:auto;padding-right:20px;width:100%}.tab-navigation-transparent .tab-btn{font-size:14px;padding:12px 16px}.recharts-wrapper{margin-left:-20px}}@media (max-width:480px){.profile-name{font-size:20px}.profile-avatar{height:80px;width:80px}.avatar-placeholder{font-size:32px}.performance-cards{grid-template-columns:1fr}.perf-value{font-size:24px}.chart-wrapper{height:200px}.tooltip-date{font-size:10px}.tooltip-value{font-size:12px}.recharts-wrapper{margin-left:-30px}.tab-navigation-transparent{padding-right:10px}}.recharts-cartesian-grid line{stroke-dasharray:none!important;stroke:#e9ecef!important;stroke-width:1px!important}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:#d1d4d7}.recharts-cartesian-axis-tick-value{fill:#000;font-size:12px;font-weight:400}.recharts-line{stroke-width:2}.recharts-line-dot{r:4;fill:#1e68bf;stroke:none}.recharts-line-active-dot{r:6;fill:#1e68bf;stroke:#fff;stroke-width:2}.profile-tab{padding:20px 0}.profile-form{width:100%}.form-group{min-width:0}.form-input,.form-select,.form-textarea{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.select-wrapper .form-select{box-sizing:border-box;font-weight:500}.select-chevron{fill:#6c757d;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.date-input-wrapper{position:relative;width:100%}.date-input-wrapper .form-input{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 40px 0 12px;width:100%}.date-picker-icon{fill:#6c757d;cursor:pointer;height:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;z-index:2}.photo-section{margin-bottom:24px}.photo-upload-container{height:130px;margin-top:8px;position:relative;width:130px}.photo-upload-label{background-color:#f8f9fa;display:flex}.photo-upload-label .upload-icon{fill:#6c757d;height:32px;margin-bottom:8px;width:32px}.document-upload{background-color:initial!important;border:2px dashed #d1d4d7;border-radius:8px;padding:32px;text-align:center}.document-upload-label .click-here{cursor:pointer}.toggle-container{border-radius:8px;margin-bottom:20px;padding:16px 16px 16px 0}.toggle-label{gap:12px}.toggle-checkbox{display:none}.toggle-switch-staff{background-color:#d1d4d7;border-radius:12px;height:16px;position:relative;transition:all .2s;width:25px}.toggle-switch-staff:after{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:8px;left:3px;position:absolute;transition:all .2s;width:8px}.toggle-checkbox:checked+.toggle-switch-staff{background-color:#1e68bf}.toggle-checkbox:checked+.toggle-switch-staff:after{left:13px}.toggle-text{font-weight:600}.toggle-description{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-left:10px}.profile-actions{border-top:4px solid #f0f1f2;display:flex;gap:20px;justify-content:flex-end;margin-top:32px;padding-top:24px}.save-profile-btn{background-color:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:40px;padding:0 32px;transition:background-color .2s}.save-profile-btn:hover{background-color:#1557a3}@media (max-width:768px){.form-row-three{gap:16px;grid-template-columns:1fr}.profile-actions{flex-direction:column}.save-profile-btn{width:100%}.toggle-container{align-items:flex-start;flex-direction:column;gap:8px}.toggle-description{margin-left:0}}.info-tooltip-container{margin-left:8px}.info-icon,.info-icon svg{height:13px;width:13px}.info-icon svg{fill:#6c757d;transition:fill .2s}.info-icon:hover svg{fill:#1e68bf}.info-tooltip-content{background-color:#212529;box-shadow:0 4px 12px #00000026;line-height:1.5;min-width:250px;padding:8px 12px;pointer-events:none;text-align:center;white-space:normal;z-index:1000}.info-tooltip-content:after{border:6px solid #0000}.perf-header{align-items:center;display:flex;justify-content:left;margin-bottom:8px;position:relative}.perf-title{color:#6c757d;font-size:14px;font-weight:500;margin:0}.save-profile-btn.disabled,.save-profile-btn:disabled{background-color:#bbc0c3!important;border-color:#bbc0c3!important;color:#fff!important;cursor:not-allowed;opacity:1}.cancel-button.disable,.cancel-button:disabled{border-color:#bbc0c3!important;color:#bbc0c3!important;cursor:not-allowed;opacity:1}.save-profile-btn.disabled:hover,.save-profile-btn:disabled:hover{background-color:#bbc0c3!important;border-color:#bbc0c3!important;box-shadow:none;color:#fff!important;transform:none}.cancel-button.disable:hover,.cancel-button:disabled:hover{background-color:initial;border-color:#bbc0c3!important;box-shadow:none;color:#bbc0c3!important;transform:none}.ratings-tab{width:100%}.ratings-main-card{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;padding:24px;width:100%}.main-card-title{color:#1e68bf;font-weight:700}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);width:100%}.stats-card{background-color:#fff;border-radius:8px;box-shadow:0 0 4px 0 #0003;grid-column:span 1;padding:20px}.stats-card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.stats-card-header h4{color:#6c757d;font-size:14px;font-weight:500;margin:0}.stats-card-value{color:#212529;font-size:24px;font-weight:600;margin:0}.stats-card .star-rating .star{font-size:25px}.review-card .star-rating .star{font-size:20px}.average-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.star-rating{display:flex;gap:4px}.star{color:#d1d4d7;font-size:18px}.star.filled{color:#ffc107}.star-rating.fractional .star{position:relative}.star-rating.fractional .star.partial{color:#d1d4d7}.star-rating.fractional .star.partial:before{color:#ffc107;content:"★";left:0;overflow:hidden;position:absolute;top:0;width:var(--fill-percentage)}.reviews-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.review-card{background-color:#fff;border:1px solid #e9e9ea;border-radius:8px;padding:20px}.review-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reviewer-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.reviewer-name{color:#000;font-size:16px;font-weight:600}.review-date{color:#6c757d;font-size:14px}.review-class{background-color:none;font-size:14px;margin-bottom:12px}.class-label{color:#6c757d;margin-right:4px}.class-name{color:#1e68bf;font-size:14px;font-weight:600}.review-comment{color:#212529;font-size:14px;margin:0}.empty-state-card{background-color:#fff;border:1px solid #e9ecef;padding:60px 20px}.empty-state-card p{font-size:16px;line-height:1.5;max-width:400px}.pagination-container{margin-top:16px}.pagination-button{border-radius:8px;height:32px;width:32px}.pagination-button svg{stroke:#000;height:14px;width:12px}.pagination-number{border-radius:8px;height:32px;min-width:32px}@media (max-width:768px){.overview-grid{grid-template-columns:1fr}.review-card-header{align-items:flex-start;flex-direction:column;gap:8px}.reviewer-info{justify-content:space-between;width:100%}}.review-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.review-header-row .main-card-title{margin:0}.filter-group{gap:12px}.filter-group,.filter-item{align-items:center;display:flex}.filter-item{gap:8px}.filter-label{font-weight:600}.filter-dropdown-container{min-width:120px;position:relative}.filter-select{color:#212529;font-size:14px}.filter-chevron.open{transform:rotate(180deg)}.filter-dropdown-menu{background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.filter-dropdown-menu.rating-menu{min-width:180px}.filter-option{padding:10px 16px}.filter-option.selected{background-color:#f0f7ff;color:#1e68bf}.filter-checkbox-option{align-items:center;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px}.filter-checkbox-option:hover{background-color:#f8f9fa}.filter-checkbox-option input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.customers-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.customers-list-header{padding-bottom:16px}.customers-list-header h2{color:#212529;font-size:18px;font-weight:600;height:22px;margin:0;width:100%}.search-filter-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.search-container{flex:1 1;max-width:400px;position:relative}.search-input{border:1px solid #d1d4d7;border-radius:8px;box-sizing:border-box;color:#212529;font-size:14px;font-weight:500;height:40px;padding:10px 0 10px 16px;transition:all .2s;width:100%}.search-input::placeholder{color:#babbbd}.search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:10px;border-top-right-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s;width:54px}.search-button:hover{background-color:#1557a3}.search-icon{height:24px;width:24px}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-container{min-width:140px}.filter-select-outlet{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:space-between;min-width:140px;padding:0 12px;transition:all .2s}.filter-select-outlet:hover{border-color:#1e68bf}.filter-select-outlet.date-filter{min-width:140px}.filter-label{color:#212529}.filter-date-icon{fill:#6c757d;height:20px;width:20px}.filter-dropdown{padding:8px 0;width:100%}.filter-option{color:#212529;font-size:14px;padding:8px 12px}.reset-filter-button{background-color:initial;border:none;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 16px;transition:all .2s;white-space:nowrap}.date-picker-popup{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;padding:12px;position:absolute;top:100%;z-index:1000}.date-picker-input{border:1px solid #d1d4d7;border-radius:4px;color:#212529;font-size:14px;height:40px;padding:0 12px;width:200px}.date-picker-input:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.customers-table-container{border:1px solid #e9e9ea;border-radius:10px;margin-top:24px}.customers-table{border:none;border-collapse:collapse;font-size:14px;width:100%}.customers-table thead{background-color:#f4f6f9}.customers-table th{color:#212529;font-weight:600;padding:16px;vertical-align:middle}.customers-table th:not(.customer-status-header):not(.customer-action-header){text-align:left}.customers-table td{border-bottom:1px solid #e9ecef;color:#212529;font-size:14px;font-weight:500;padding:16px}.customers-table td:not(.customer-status-cell):not(.customer-action-cell){text-align:left}.customers-table tbody tr:hover{background-color:#f8f9fa}.customers-table tr:last-child td{border-bottom:none}.customers-table thead tr:first-child th:first-child{border-top-left-radius:10px}.customers-table thead tr:first-child th:last-child{border-top-right-radius:10px}.customers-table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.customers-table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.customer-email-header,.customer-name-header{width:200px}.customer-phone-header{width:150px}.customer-created-header{width:120px}.customer-status-header{text-align:center;width:100px}.customer-action-header{text-align:center;width:80px}.header-with-sort{align-items:center;display:flex;gap:8px}.sort-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;line-height:1;padding:0}.sort-icon{fill:#adb5bd;height:16px;margin:-2px 0;width:16px}.sort-icon.active{fill:#1e68bf}.sort-icon:first-child{margin-bottom:-4px}.sort-icon:last-child{margin-top:-4px}.customer-status-badge{border-radius:30px;color:#fff;display:inline-block;font-size:13px;font-weight:600;height:32px;line-height:1.5;min-width:80px;padding:6px 20px;text-align:center;width:120px}.customer-status-badge.status-active{background-color:#34c759}.customer-status-badge.status-inactive{background-color:#ff383c}.customer-status-badge.status-suspended{background-color:#ff8d28}.customer-action-cell,.customer-status-cell{text-align:center;vertical-align:middle}.customer-action-cell{position:relative;width:60px}.three-dots-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s}.three-dots-button:hover{background-color:#f0f1f2}.three-dots-button svg{fill:#6c757d;height:20px;width:20px}.dropdown-container{display:inline-block;position:relative}.dropdown-menu{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:9999}.dropdown-item{align-items:center;background:none;border:none;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown-icon{fill:#6c757d;height:16px;width:16px}.dropdown-item:hover .dropdown-icon{fill:#1e68bf}.add-button-customer{align-items:center;background-color:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:40px;justify-content:center;padding:10px;transition:background-color .2s;width:200px}.add-button-customer:hover{background-color:#1557a3}.add-icon-blue{fill:#1557a3}.header-wrapper{width:100%}.header-left-outlet span{font-size:16px;font-weight:500}.footer-customers{background-color:initial;margin-top:100px}@media (max-width:768px){.customers-card{padding:20px}.customers-table td,.customers-table th{font-size:13px;padding:12px}.header-wrapper{align-items:flex-start;flex-direction:column;gap:16px}.add-button-customer{justify-content:center;width:100%}.search-filter-wrapper{align-items:stretch;flex-direction:column}.search-container{max-width:100%}.filter-section{align-items:stretch;flex-direction:column}.filter-container,.filter-select-outlet{width:100%}.pagination-container{justify-content:center}}.date-range-picker-popup{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:280px;padding:16px;position:absolute;right:0;top:100%;z-index:1000}.date-range-section{margin-bottom:12px}.date-range-label{color:#6c757d;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.date-range-input{margin-bottom:8px}.date-range-input,.time-range-select{border:1px solid #d1d4d7;border-radius:6px;font-size:13px;height:36px;padding:0 12px;width:100%}.time-range-select{background-color:#fff}.date-range-separator{color:#6c757d;font-size:12px;margin:8px 0;text-align:center}.date-range-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.date-range-clear{background:none;border:1px solid #d1d4d7;border-radius:6px;color:#6c757d}.date-range-apply,.date-range-clear{cursor:pointer;font-size:13px;padding:8px 16px}.date-range-apply{background-color:#1e68bf;border:none;border-radius:6px;color:#fff}.date-range-clear:hover{background-color:#f8f9fa}.date-range-apply:hover{background-color:#1557a3}.created-at-wrapper{display:flex;flex-direction:column;line-height:1.4}.created-at-date{color:#212529;font-size:14px;font-weight:500}.created-at-time{color:#6c757d;font-size:12px}.create-customer-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.form-section,.form-section-last{margin-bottom:32px}.form-row-three{grid-gap:16px;gap:16px;margin-bottom:16px}.form-group-toggle{align-items:center}.photo-group .photo-upload-container,.photo-upload-container{height:160px;width:160px}.photo-upload-container{border:1px dashed #d1d4d7;border-radius:8px;overflow:hidden}.photo-preview{height:100%;position:relative;width:100%}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-upload{display:flex}.photo-upload,.photo-upload-label{align-items:center;height:100%;justify-content:center;width:100%}.photo-upload-label{cursor:pointer;display:flex!important;flex-direction:column;gap:8px;text-align:center}.upload-icon{fill:#6c757d;height:32px;width:32px}.photo-upload-label span{color:#6c757d;font-size:14px}.toggle-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:8px}.toggle-checkbox{height:0;opacity:0;position:absolute;width:0}.toggle-switch-customer{background-color:#d1d4d7;border-radius:20px;display:inline-block;flex-shrink:0;height:16px;position:relative;transition:all .2s;width:25px}.toggle-switch-customer:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:8px;left:3px;position:absolute;transition:all .2s;width:8px}.toggle-checkbox:checked+.toggle-switch-customer{background-color:#1e68bf}.toggle-checkbox:checked+.toggle-switch-customer:before{transform:translateX(10px)}.toggle-text{color:#212529;font-size:14px}.status-hint{color:#6c757d;font-size:14px;font-style:italic;font-weight:400;margin-left:4px}.status-input{background-color:#f8f9fa;color:#6c757d}.search-input-wrapper{position:relative}.search-icon-field{color:#6c757d;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-item{grid-gap:8px;cursor:pointer;display:grid;gap:8px;grid-template-columns:1fr 100px 120px;padding:10px 12px;transition:background-color .2s}.search-item:hover{background-color:#f8f9fa}.customer-name{color:#212529;font-weight:500}.customer-id,.customer-phone{color:#6c757d;font-size:13px}.document-upload{margin-bottom:16px}.document-upload-label{align-items:center;background-color:initial;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:100px;padding:24px 16px;text-align:center;transition:all .2s}.document-upload-label .upload-icon{fill:#6c757d;display:block;height:32px;margin:0 auto;width:32px}.document-upload-label span{color:#6c757d;display:block;font-size:14px;line-height:1.5;text-align:center}.document-upload-label .click-here{color:#1e68bf;display:inline;font-weight:600}.document-upload-label:hover .upload-icon{fill:#1e68bf}.document-list{margin-top:16px}.document-item{align-items:center;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.document-item:last-child{margin-bottom:0}.document-info{gap:12px}.document-icon,.document-info{align-items:center;display:flex}.document-icon{background-color:#f8f9fa;border-radius:4px;height:32px;justify-content:center;width:32px}.document-details{display:flex;flex-direction:column}.document-name{color:#212529;font-size:14px;font-weight:500}.document-size{color:#6c757d;font-size:12px}.document-remove-btn{background:none;border:none;cursor:pointer;padding:4px;transition:opacity .2s}.document-remove-btn:hover{opacity:.7}.form-actions{border-top:1px solid #e9ecef}.cancel-button,.save-continue-button{border-radius:6px}.save-continue-button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.65}@media (max-width:768px){.form-row-three{gap:12px;grid-template-columns:1fr}.photo-group{align-items:center;display:flex;flex-direction:column}.photo-group .photo-upload-container{margin:0 auto}.form-group.empty-group{display:none}.search-item{gap:4px;grid-template-columns:1fr}.toggle-container{align-items:flex-start;flex-direction:column}.form-actions{flex-direction:column-reverse}.cancel-button,.save-continue-button{width:100%}}.search-loading{color:#6c757d;font-size:12px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.search-item.no-results{color:#6c757d;cursor:default;font-style:italic}.search-item.no-results:hover{background-color:initial}.customer-detail-card{border-radius:10px;padding:32px}.customer-detail-card,.membership-main-card{background-color:#fff;box-shadow:0 2px 8px #0000000d;margin-bottom:24px}.membership-main-card{border-radius:12px;padding:24px}.section-spacer{height:24px}.main-card-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.performance-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.profile-classes{margin-top:4px}.class-list{color:#6c757d;font-size:14px;margin:0}.class-list .text-muted{color:#adb5bd;font-style:italic}.membership-card{background-color:initial;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 0 4px 0 #0003;display:flex;flex-direction:column;height:100%;padding:16px;transition:all .2s}.membership-card:hover{box-shadow:0 4px 12px #0000000d}.membership-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.membership-name{color:#1e68bf;font-size:18px;font-weight:600;margin:0}.membership-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.membership-badge.active{background-color:#34c759}.membership-badge.inactive{background-color:#6c757d}.membership-badge.expired{background-color:#ff383c}.membership-credits{color:#212529;font-size:13px;font-weight:500;margin:0 0 12px}.membership-content{flex:1 1}.membership-remaining{margin-bottom:12px}.remaining-label{color:#6c757d;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.remaining-grid{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(2,1fr);margin-top:8px}.remaining-grid.single{grid-template-columns:1fr}.remaining-grid-item{align-items:center;color:#212529;display:flex;font-size:12px;gap:4px;white-space:nowrap}.bullet{color:#1e68bf;font-size:14px;margin-right:4px}.class-name-membership{font-size:13px;margin-right:4px}.class-credit,.class-name-membership{color:#212529;font-weight:500}.dates-card{background-color:initial;border-radius:6px;box-shadow:0 0 4px 0 #0003;display:flex;flex-direction:column;gap:20px;margin-top:16px;padding:12px;text-align:center;width:100%}.membership-dates{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.date-item{display:flex;flex-direction:column}.date-label{color:#6c757d;font-size:12px;font-weight:500;margin-bottom:4px}.date-value{color:#4d5154;font-size:13px;font-weight:500}.membership-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.view-all-container{display:flex;justify-content:center;margin-top:16px}.view-all-btn{align-items:center;background:none;border:none;border-radius:4px;color:#1e68bf;cursor:pointer;display:flex;flex-direction:row-reverse;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.view-all-btn:hover{background-color:#f0f7ff}.view-all-icon{height:16px;transition:transform .2s;width:16px}.view-all-icon.expanded{transform:rotate(180deg)}.history-table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.history-table{border-collapse:collapse;font-size:13px;width:100%}.history-table thead{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.history-table th{color:#212529;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.history-table td{border-bottom:1px solid #e9ecef;color:#212529;padding:16px}.history-table tbody tr:hover{background-color:#f8f9fa}.history-membership{font-weight:500}.history-credit,.history-type{color:#6c757d}.history-date{color:#6c757d;white-space:nowrap}.history-status{justify-items:center}.services-section{margin-bottom:32px}.services-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.services-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.service-card{background-color:#fff;border-radius:10px;box-shadow:0 0 4px 0 #0003;padding:20px;text-align:left;transition:all .2s}.service-card:hover{box-shadow:0 4px 12px #0000000d}.service-name{color:#1e68bf;font-size:16px;font-weight:600;margin:0 0 8px}.service-sessions{color:#6c757d;font-size:14px;margin:0}.attendance-section,.spending-section{margin-bottom:32px}.attendance-title,.spending-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.chart-wrapper{height:250px;margin-top:10px;width:100%}.referrals-table-container{margin-top:16px;overflow-x:auto}.referrals-table{border:1px solid #e9e9ea;border-collapse:collapse;border-radius:6px;font-size:14px;width:100%}.referrals-table th{background-color:#f4f6f9;font-weight:600;text-align:left}.referrals-table td,.referrals-table th{border-bottom:1px solid #e9ecef;color:#212529;font-size:13px;padding:12px 16px}.referrals-table tbody tr:hover{background-color:#f8f9fa}.status-active{background-color:#34c759;color:#fff}.status-inactive{background-color:#ff383c;color:#fff}.status-suspended{background-color:orange;color:#fff}.empty-state-card{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.empty-state-card .empty-icon{fill:#adb5bd;height:60px;margin-bottom:16px;width:60px}.empty-state-card p{color:#6c757d;font-size:14px;margin:0}.empty-table-row{background-color:initial;color:#6c757d;font-size:14px;font-style:italic;padding:40px!important;text-align:center}.coming-soon-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.coming-soon-title{color:#212529;font-size:20px;font-weight:600;margin:16px 0 8px}.coming-soon-text{color:#6c757d;font-size:14px;margin:0}.table-loading{padding:30px!important;text-align:center}.table-loading .loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#1e68bf;display:inline-block;height:20px;margin-right:10px;vertical-align:middle;width:20px}.loading-container{min-height:300px}.attendance-tab{padding:0}.attendance-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.attendance-title{color:#212529;font-size:18px;font-weight:600;margin:0}.attendance-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-container{min-width:180px;position:relative}.filter-select{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:8px 12px;transition:all .2s}.filter-select:hover{border-color:#1e68bf}.filter-select.date-select{display:flex;gap:8px;justify-content:space-between;min-width:100px}.date-icon{fill:#6c757d;height:18px;width:18px}.filter-label{color:#4d5154;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;max-height:500px;z-index:1000}.filter-option{align-items:center;display:flex;gap:8px;transition:background-color .2s}.filter-option:hover{background-color:#f8f9fa}.filter-option input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.filter-option span{color:#212529;font-size:13px}.date-picker-popup.range-picker.align-right{left:auto;right:0}.date-picker-popup.range-picker{background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;position:absolute;top:100%;z-index:1000}.time-display{display:flex;flex-direction:column;gap:4px}.time-date{color:#212529;font-weight:500}.time-value-cust{color:#6c757d;font-size:12px}.schedule-display{display:flex;flex-direction:column;gap:4px}.schedule-date{color:#212529;font-weight:500}.schedule-time{color:#6c757d;font-size:12px}.attendance-table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.attendance-table{border-collapse:collapse;font-size:13px;min-width:1000px;width:100%}.attendance-table th{background-color:#f8f9fa;font-weight:600;text-align:left;white-space:nowrap}.attendance-table td,.attendance-table th{border-bottom:1px solid #e9ecef;color:#212529;padding:16px}.attendance-table td{font-weight:500;vertical-align:top}.attendance-table tbody tr:hover{background-color:#f8f9fa}.items-list{display:flex;flex-wrap:wrap;gap:4px}.item-tag{background-color:#f0f1f2;border-radius:4px;color:#212529;display:inline-block;font-size:13px;padding:2px 6px}.empty-state span{font-size:14px}.form-row-two{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:1200px){.services-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.history-table td,.history-table th{font-size:12px;padding:12px}}@media (max-width:768px){.membership-grid,.remaining-grid{grid-template-columns:1fr}.services-cards{grid-template-columns:repeat(2,1fr)}.history-table td,.history-table th{padding:10px}.membership-dates{gap:12px;grid-template-columns:1fr}.dates-card{padding:16px}.form-row-two{gap:12px;grid-template-columns:1fr}.attendance-header{align-items:flex-start;flex-direction:column}.attendance-filters{width:100%}.filter-container{flex:1 1}.attendance-table td,.attendance-table th{font-size:12px;padding:12px}.date-picker-popup.range-picker.align-right{left:0;right:auto}}@media (max-width:480px){.services-cards{grid-template-columns:1fr}.pagination{gap:2px}.pagination-number{font-size:13px;height:32px;min-width:32px}}.document-item.clickable{cursor:pointer;transition:background-color .2s}.document-item.clickable:hover{background-color:#f0f7ff}.react-datepicker__header{background-color:#f8f9fa;border-top-left-radius:8px;border-top-right-radius:8px;padding:12px}.react-datepicker__current-month{color:#212529;font-size:14px;font-weight:600}.react-datepicker__day-name{color:#6c757d;font-size:12px;font-weight:500;line-height:32px;margin:2px;width:32px}.react-datepicker__day{border-radius:4px;color:#212529;font-size:13px;line-height:32px;margin:2px;width:32px}.react-datepicker__day:hover{background-color:#e9ecef}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#1e68bf!important;color:#fff!important}.react-datepicker__day--today{color:#1e68bf;font-weight:600}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:#6c757d}.react-datepicker__triangle{display:none}.bookings-tab{padding:0}.bookings-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.bookings-title{color:#212529;font-size:18px;font-weight:600;margin:0}.bookings-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.bookings-table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.bookings-table{border-collapse:collapse;font-size:13px;min-width:1200px;width:100%}.bookings-table th{background-color:#f8f9fa;font-weight:600;text-align:left;white-space:nowrap}.bookings-table td,.bookings-table th{border-bottom:1px solid #e9ecef;color:#212529;padding:16px}.bookings-table td{vertical-align:middle}.bookings-table tbody tr:hover{background-color:#f8f9fa}.class-name-cell{color:#1e68bf;font-weight:500}.datetime-display{display:flex;flex-direction:column;gap:4px}.date-text{color:#212529;font-weight:500}.time-text{color:#6c757d;font-size:11px}.status-booked{background-color:#e3f2fd;color:#1e68bf}.status-participating{background-color:#e3f2e9;color:#00a86b}.status-waiting{background-color:#fff3e0;color:#f9a826}.status-waiting-show{background-color:#ffe0b2;color:#f57c00}.status-complete{background-color:#e8f5e9;color:#2e7d32}.status-cancelled{background-color:#ffe9e9;color:#ff383c}.status-default,.status-no-show{background-color:#f0f1f2;color:#6c757d}@media (max-width:768px){.bookings-header{align-items:flex-start;flex-direction:column}.bookings-filters{width:100%}.bookings-table td,.bookings-table th{font-size:12px;padding:12px}}.date-range-display{color:#212529;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-picker-popup.align-right{left:auto;right:0}.react-datepicker{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{background-color:#1e68bf1a!important;color:#1e68bf!important}.react-datepicker__day--range-end,.react-datepicker__day--range-start,.react-datepicker__day--selected{background-color:#1e68bf!important;color:#fff!important}.status-badge{display:block;font-weight:500;padding:6px 20px;text-align:center;text-transform:capitalize;width:110px}.status-complete{background-color:#34c759;color:#fff}.status-cancelled{background-color:#ff383c}.status-other{background-color:#9da3a8;color:#fff}.status-badge.status-neutral{background-color:#9da3a8;color:#fff;white-space:nowrap}.history-status-badge,.status-badge.status-neutral{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.membership-status-badge{background-color:#9da3a8;border-radius:100px;color:#fff;display:block;font-size:13px;font-weight:500;padding:8px 20px;text-align:center;width:120px}.history-table .membership-status-cell{justify-items:center;text-align:center}.payment-cell{vertical-align:top}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-method{color:#1a1f36;font-weight:500}.payment-credit{color:#6c757d;font-size:12px}.status-badge.status-booked{background-color:#1976d2;color:#fff}.status-badge.status-participating{background-color:#2e7d32;color:#fff}.status-badge.status-waiting{background-color:#ed6c02;color:#fff}.status-badge.status-waiting-showup{background-color:#7b1fa2;color:#fff}.status-badge.status-noshow{background-color:#c62828;color:#fff}.bookings-table th.status-header{text-align:center}.bookings-table td.status-cell{justify-items:center}.login-container{display:flex;min-height:100vh;width:100%}.login-left{flex:1 1;overflow:hidden;position:relative}.login-image{border-radius:20px;height:100%;left:0;object-fit:cover;padding:10px;position:absolute;top:0;width:100%}.login-right{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center}.login-form-container{max-width:400px;width:100%}.login-logo{display:flex;height:auto;justify-self:center;width:250px}.login-title{color:#212529;font-size:24px;font-weight:600;margin:0 0 40px;text-align:center}.login-error{align-items:center;background-color:#ff383c0a;border:1px solid #ff383c;border-radius:6px;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.error-icon{flex-shrink:0;height:20px;width:20px}.login-error span{color:#ff383c;font-size:14px}.login-form{width:100%}.form-group{margin-bottom:20px}.form-group label{color:#212529;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input{border:1px solid #d1d4d7;border-radius:6px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 16px;transition:all .2s;width:100%}.form-group input:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-group input.input-error{border-color:#ff383c}.form-group input.input-error:focus{border-color:#ff383c;box-shadow:0 0 0 3px #ff383c1a}.password-input-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.mata-icon{fill:#6c757d;height:20px;transition:fill .2s;width:20px}.mata-icon.active{fill:#1e68bf}.login-options{justify-content:flex-end;margin-bottom:24px}.login-options,.remember-me{align-items:center;display:flex}.remember-me{color:#6c757d;cursor:pointer;font-size:14px;gap:8px}.remember-me input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.forgot-password{background:none;border:none;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:opacity .2s}.forgot-password:hover{opacity:.8}.login-button{background-color:#1e68bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;transition:background-color .2s;width:100%}.login-button:hover:not(:disabled){background-color:#1557a3}.login-button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.65}.otp-subtitle{color:#6c757d;margin:4px 0 0}.otp-email,.otp-subtitle{font-size:14px;text-align:center}.otp-email{border-bottom:1px solid #f0f1f2;color:#212529;font-weight:500;margin:8px 0 24px;padding-bottom:16px}.otp-input-container{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.otp-input{border:1px solid #d1d4d7;border-radius:6px;color:#212529;font-size:20px;font-weight:600;height:56px;text-align:center;transition:all .2s;width:48px}.otp-input:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.otp-input.error{border-color:#ff383c}.otp-input.error:focus{border-color:#ff383c;box-shadow:0 0 0 3px #ff383c1a}.otp-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.otp-error-message{color:#ff383c;font-size:12px;margin:8px 0 16px;text-align:center}.otp-error-block{margin:16px 0;text-align:center}.otp-error-hint{color:#6c757d;font-size:12px;margin:4px 0 0}.otp-timer{margin-bottom:24px;text-align:center}.timer-text{color:#4d5154;font-size:14px;font-weight:500;margin:0}.timer-text .timer-number,.timer-text span{color:#1e68bf;font-size:14px;font-weight:700}.resend-text{color:#4d5154;font-size:14px;font-weight:500;margin:0}.resend-button{background:none;border:none;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:700;margin-left:4px;padding:0;transition:opacity .2s}.resend-button:hover:not(:disabled){opacity:.8}.resend-button:disabled{color:#adb5bd;cursor:not-allowed}.otp-confirm-button{background-color:#1e68bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;transition:background-color .2s;width:100%}.otp-confirm-button:hover:not(:disabled){background-color:#1557a3}.otp-confirm-button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.65}@media (max-width:768px){.login-container{flex-direction:column}.login-left{display:none}.login-right{width:100%}.otp-input{font-size:18px;height:40px;width:40px}}.forgot-subtitle{color:#6c757d;font-size:14px;line-height:1.5;margin:4px 0 24px}.forgot-submit-button{margin-top:8px}.forgot-success-container{text-align:center}.success-icon-container{display:flex;justify-content:center;margin:24px 0 16px}.success-icon{fill:#1e68bf;height:64px;width:64px}.success-title{color:#212529;font-size:24px;font-weight:600;margin:0 0 16px}.success-message{color:#000;font-size:14px;font-weight:500;line-height:1.6;margin:0 0 32px}.back-to-login-button{border:1px solid #1e68bf;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;height:40px;transition:all .2s;width:100%}.back-to-login-button,.back-to-login-button:hover{background-color:#1e68bf;color:#fff}.debug-reset-link{background-color:#f8f9fa;border:1px solid #d1d4d7;border-radius:6px;margin:20px 0;padding:16px;text-align:left}.debug-label{color:#6c757d;font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.reset-link{color:#1e68bf;cursor:pointer;font-size:14px;text-decoration:underline;word-break:break-all}.reset-link:hover{color:#1557a3}@media (max-width:768px){.success-message{padding:0 20px}.success-icon{height:56px;width:56px}.success-title{font-size:22px}}@media (max-width:480px){.success-icon{height:40px;width:48px}.success-title{font-size:20px}.success-message{font-size:13px}}.reset-password-container{padding-bottom:60px;padding-top:60px}.reset-title{margin-bottom:32px}.reset-submit-button{margin-top:24px}.field-error-message{color:#ff383c;font-size:12px;margin-top:6px;padding-left:4px}.reset-error-block{margin-bottom:24px}.reset-error-hint{color:#6c757d;font-size:14px;margin:16px 0;text-align:center}.reset-back-button{background-color:#1e68bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;margin-top:8px;transition:background-color .2s;width:100%}.reset-back-button:hover{background-color:#1557a3}@media (max-width:768px){.reset-password-container{padding-bottom:40px;padding-top:40px}}.pricing-header-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.pricing-header-left{flex:1 1}.pricing-header-left h1{color:#212529;font-size:20px;font-weight:600;margin:0}.pricing-header-left span{color:#4d5154;display:block;font-size:16px;font-weight:500;margin-top:4px}.add-pricing-button{align-items:center;background-color:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;height:40px;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.add-pricing-button:hover{background-color:#1557a3}.add-pricing-button svg{fill:#fff;height:18px;width:18px}.pricing-list-header{padding-bottom:16px}.pricing-list-header h2{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.pricing-search-filter-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.pricing-search-container{flex:1 1;max-width:400px;position:relative}.pricing-search-input{border:1px solid #babbbd;border-radius:6px;box-sizing:border-box;color:#212529;font-size:14px;font-weight:500;height:40px;padding:10px 0 10px 16px;transition:all .2s;width:100%}.pricing-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.pricing-search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:6px;border-top-right-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:54px}.pricing-search-icon{height:24px;width:24px}.pricing-filter-container{min-width:200px;position:relative}.pricing-filter-select{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;box-sizing:border-box;color:#212529;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 16px}.pricing-filter-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.pricing-filter-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background-color .2s}.pricing-filter-option:hover{background-color:#f8f9fa}.pricing-filter-option input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.pricing-filter-option span{color:#212529;font-size:14px}.pricing-reset-filter-button{background-color:initial;border:none;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 16px;transition:all .2s;white-space:nowrap}.pricing-table-container{border:1px solid #e9e9ea;border-radius:6px;margin-top:24px}.pricing-table{border-collapse:collapse;font-size:14px;width:100%}.pricing-table th{background-color:#f4f6f9;color:#212529;font-weight:600;padding:14px;text-align:left}.pricing-table th:first-child{border-top-left-radius:10px}.pricing-table th:last-child{border-top-right-radius:10px;text-align:center}.pricing-table td{border-bottom:1px solid #e9ecef;color:#212529;font-size:14px;font-weight:500;padding:14px}.pricing-table tbody tr:hover{background-color:#f8f9fa}.pricing-table tr:last-child td{border-bottom:none}.pricing-table tr:last-child td:first-child{border-bottom-left-radius:10px}.pricing-table tr:last-child td:last-child{border-bottom-right-radius:10px}.pricing-header-with-sort{align-items:center;display:flex;gap:8px}.pricing-sort-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;line-height:1;padding:0}.pricing-sort-icon{fill:#adb5bd;height:16px;margin:-4px 0;width:16px}.pricing-sort-icon.active{fill:#1e68bf}.tier-name-cell{align-items:center;display:flex;gap:8px}.tier-badge{border-radius:100px;color:#fff;display:inline-block;font-size:14px;font-weight:500;min-width:60px;padding:6px 20px;text-align:center}.tier-badge.blue{background-color:#1e68bf;color:#fff}.tier-badge.green{background-color:#00a86b;color:#fff}.tier-badge.orange{background-color:#f9a826;color:#fff}.tier-badge.red{background-color:#ff383c;color:#fff}.tier-badge.purple{background-color:#9b51e0;color:#fff}.tier-badge.gray{background-color:#94a3b8;color:#fff}.tier-badge.yellow{background-color:#ffbf00;color:#fff}.pricing-action-cell{position:relative;text-align:center}.pricing-dropdown-container{display:inline-block;position:relative}.pricing-three-dots-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s}.pricing-three-dots-button:hover{background-color:#f0f1f2}.pricing-three-dots-button svg{fill:#6c757d;height:20px;width:20px}.pricing-dropdown-menu{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:1000}.pricing-dropdown-item{align-items:center;background:none;border:none;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s;width:100%}.pricing-dropdown-item:hover{background-color:#f8f9fa}.pricing-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.pricing-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.pricing-dropdown-icon{fill:#6c757d;height:16px;width:16px}.pricing-dropdown-item:hover .pricing-dropdown-icon{fill:#1e68bf}.footer-pricing{background-color:initial;margin-top:100px}.empty-state{border-radius:12px}.empty-state span{margin-bottom:24px}.badge-red{background-color:#ff383c;color:#fff}.badge-orange{background-color:#ff8d28;color:#fff}.badge-yellow{background-color:#fc0;color:#fff}.badge-green{background-color:#34c759;color:#fff}.badge-blue{background-color:#08f;color:#fff}.badge-purple{background-color:#cb30e0;color:#fff}.badge-pink{background-color:#ff2d55;color:#fff}.badge-brown{background-color:#ac7f5e;color:#fff}.badge-gray{background-color:#9da3a8;color:#fff}.badge-light-red{background-color:#ffb6b8;color:#fff}.badge-light-orange{background-color:#ffd5b0;color:#fff}.badge-light-yellow{background-color:#fff0b2;color:#fff}.badge-light-green{background-color:#adfec1;color:#fff}.badge-light-blue{background-color:#aad7ff;color:#fff}.badge-light-purple{background-color:#f5aeff;color:#fff}.badge-light-pink{background-color:#ffbdc9;color:#fff}.badge-light-brown{background-color:#ffceab;color:#fff}.badge-light-gray{background-color:#e5ecf1;color:#fff}.add-customer-modal{background-color:#fff;border-radius:10px;box-shadow:0 20px 40px #0003;max-width:90%;padding:24px;width:700px}.modal-header-customer{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.customer-table .tier-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-align:center}.modal-header-customer h2{color:#212529;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px}.close-button svg{height:36px;width:36px}.modal-search{margin-bottom:20px;position:relative}.modal-search .search-input{border:1px solid #d1d4d7;border-radius:8px;box-sizing:border-box;font-size:14px;font-weight:500;height:40px;padding:10px 48px 10px 16px;width:100%}.modal-search .search-icon{fill:#fff;height:24px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px}.modal-table-container{border:1px solid #e9e9ea;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto}.customer-table-modal{border-collapse:collapse;font-size:14px;width:100%}.customer-table-modal th{background-color:#f4f6f9;color:#212529;font-weight:600;padding:14px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.customer-table-modal td{border-bottom:1px solid #e9ecef;color:#212529;font-weight:500;padding:14px}.customer-table-modal tbody tr{cursor:pointer;transition:background-color .2s}.customer-table-modal tbody tr:hover{background-color:#f8f9fa}.customer-radio{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.empty-cell,.loading-cell{color:#6c757d;font-style:italic;padding:40px!important;text-align:center}.pagination-container{margin:20px 0}.pagination-button svg{fill:#6c757d}.modal-actions-customer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions-customer .save-button{background-color:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 24px;transition:background-color .2s}.modal-actions-customer .save-button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.65}.modal-actions-customer .cancel-button-modal{background-color:initial;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 24px;transition:all .2s}@media (max-width:768px){.add-customer-modal{padding:20px;width:95%}.pagination-container{justify-content:center}}.customer-checkbox{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.customer-table-modal tbody tr.selected-row{background-color:#f0f7ff}.customer-table-modal tbody tr.selected-row:hover{background-color:#e3f2fd}.tier-badge-modal{border-radius:100px;display:inline-block;font-size:12px;font-weight:500;padding:6px 20px;text-align:center}.tier-badge-modal.standard{background-color:#bbc0c3;color:#fff}.tier-badge-modal.premium{background-color:#fc0;color:#fff}.circle-checkbox{align-items:center;background-color:#fff;border:2px solid #d1d4d7;border-radius:20px;cursor:pointer;display:inline-flex;height:20px;justify-content:center;transition:all .2s;width:20px}.circle-checkbox.checked{background-color:#1e68bf;border-color:#1e68bf}.checkmark{color:#fff;font-size:12px;font-weight:700}.pricing-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.form-group-full{width:100%}.color-row:last-child{margin-bottom:0}.color-option{border:2px solid #0000;border-radius:32px;cursor:pointer;flex-shrink:0;height:32px;transition:all .2s;width:32px}.pricing-rule-row{display:flex;gap:20px;margin-bottom:24px;max-width:900px}.pricing-rule-card{border:none;border-radius:8px;cursor:pointer;flex:1 1;padding:16px;transition:all .2s}.pricing-rule-card:hover{border-color:#1e68bf;box-shadow:0 2px 8px #1e68bf1a}.pricing-radio{accent-color:#1e68bf;cursor:pointer;height:21px;width:21px}.discount-fields-row{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.discount-fields-container{display:flex;gap:20px;max-width:900px}.input-symbol-container{position:relative;width:100%}.input-symbol{background-color:#f0f1f2;border-radius:4px;color:#212529;font-size:14px;font-weight:500;left:12px;padding:4px 8px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-symbol-container .form-input.with-symbol{padding-left:60px}.add-icon-pricing{color:#1e68bf}.footer-create-pricing{background-color:initial}@media (max-width:768px){.color-row.nine-col .color-option{height:24px;width:24px}}.discount-value-container{border:1px solid #d1d4d7;border-radius:4px;display:flex;height:40px;overflow:hidden;width:100%}.discount-symbol{align-items:center;background-color:#f0f1f2;border-right:1px solid #d1d4d7;display:flex;flex-shrink:0;justify-content:center;width:40px}.discount-input,.discount-symbol{color:#212529;font-size:14px;font-weight:500;height:100%}.discount-input{background-color:#fff;border:none;flex:1 1;padding:0 12px}.discount-input:focus{outline:none}.discount-value-container:has(.discount-input.error){border-color:#ff383c}.form-input.view-mode,.form-select.view-mode,.form-textarea.view-mode{background-color:#f8f9fa;color:#babbbd;cursor:not-allowed!important}.form-select.view-mode{background-color:#f8f9fa}.form-input.view-mode:focus,.form-select.view-mode:focus,.form-textarea.view-mode:focus{border-color:#d1d4d7;box-shadow:none}.color-area.view-mode,.pricing-rule-card.view-mode{cursor:not-allowed;opacity:.7}.pricing-rule-card.view-mode:hover{border-color:#d1d4d7;box-shadow:none}.discount-input.view-mode{background-color:#f8f9fa;color:#babbbd;cursor:not-allowed}.view-mode-table .customer-table{table-layout:fixed;width:100%}.view-mode-table .customer-table td,.view-mode-table .customer-table th{box-sizing:border-box;padding:14px;text-align:center;width:33.33%}.view-mode-table .customer-table th{font-weight:600;text-align:center}.view-mode-table .customer-table td:last-child,.view-mode-table .customer-table th:last-child{border-right:none}.view-mode-table .action-column{display:none}.customer-table .action-column{text-align:center;width:80px}.view-mode-table .empty-table-cell{color:#6c757d;padding:40px!important;text-align:center}.standard-info-box{align-items:flex-start;background-color:#e8f0fe;border:1px solid #1e68bf;border-radius:8px;box-sizing:border-box;display:flex;gap:12px;margin-bottom:24px;padding:14px 18px;width:100%}.standard-info-icon{fill:#1e68bf;flex-shrink:0;height:18px;width:18px}.standard-info-text{color:#aeafb1;flex:1 1;font-size:14px;font-weight:500}.tags-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.tags-header-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.tags-header-left{flex:1 1}.tags-header-left h1{color:#212529;font-size:20px;font-weight:600;margin:0}.tags-header-left span{color:#4d5154;display:block;font-size:16px;font-weight:500;margin-top:4px}.add-tag-button{align-items:center;background-color:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;height:40px;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.add-tag-button:hover{background-color:#1557a3}.add-tag-button svg{fill:#fff;height:18px;width:18px}.tags-list-header{padding-bottom:16px}.tags-list-header h2{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.tags-search-filter-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.tags-search-container{flex:1 1;max-width:400px;position:relative}.tags-search-input{border:1px solid #babbbd;border-radius:8px;box-sizing:border-box;color:#212529;font-size:14px;font-weight:500;height:40px;padding:10px 0 10px 16px;transition:all .2s;width:100%}.tags-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.tags-search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:10px;border-top-right-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:54px}.tags-search-icon{height:24px;width:24px}.tags-filter-container{min-width:200px;position:relative}.tags-filter-select{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-sizing:border-box;color:#212529;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 16px}.tags-filter-select.active{border-color:#1e68bf}.tags-filter-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.tags-filter-option{padding:12px 16px}.tags-filter-option.selected{background-color:#f0f7ff;color:#1e68bf;font-weight:500}.tags-reset-filter-button{background-color:initial;border:none;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 16px;transition:all .2s;white-space:nowrap}.tags-table-container{border:1px solid #e9e9ea;border-radius:10px;margin-top:24px;position:relative}.tags-table{border-collapse:collapse;border-radius:10px;font-size:14px;width:100%}.tags-table th{background-color:#f4f6f9;color:#212529;font-weight:600;padding:14px;text-align:left}.tags-table th:first-child{border-top-left-radius:10px}.tags-table th:last-child{border-top-right-radius:10px;text-align:center}.tags-table td{border-bottom:1px solid #e9ecef;color:#212529;font-weight:500;padding:14px}.tags-table tbody tr:hover{background-color:#f8f9fa}.tags-table tr:last-child td{border-bottom:none}.tags-table tr:last-child td:first-child{border-bottom-left-radius:10px}.tags-table tr:last-child td:last-child{border-bottom-right-radius:10px}.tags-header-with-sort{align-items:center;display:flex;gap:8px}.tags-sort-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;line-height:1;padding:0}.tags-sort-icon{fill:#adb5bd;height:16px;margin:-4px 0;width:16px}.tags-sort-icon.active{fill:#1e68bf}.tag-badge{border-radius:100px;color:#fff;font-size:13px;font-weight:600;min-width:60px;padding:6px 20px;text-align:center}.tag-badge.blue{background-color:#1e68bf}.tag-badge.green{background-color:#00a86b}.tag-badge.orange{background-color:#f9a826}.tag-badge.purple{background-color:#9b51e0}.tag-badge.gray{background-color:#94a3b8}.tag-badge.yellow{background-color:#ffbf00;color:#fff}.tags-action-cell{position:relative;text-align:center}.tags-dropdown-container{display:inline-block;position:relative}.tags-three-dots-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s}.tags-three-dots-button:hover{background-color:#f0f1f2}.tags-three-dots-button svg{fill:#6c757d;height:20px;width:20px}.tags-dropdown-menu{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:120px;position:absolute;right:0;top:100%;z-index:1000}.tags-dropdown-item{align-items:center;background:none;border:none;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s;width:100%}.tags-dropdown-item:hover{background-color:#f8f9fa}.tags-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.tags-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.tags-dropdown-icon{fill:#6c757d;height:16px;width:16px}.tags-dropdown-item:hover .tags-dropdown-icon{fill:#1e68bf}.pagination-container{display:flex;justify-content:flex-end;margin-top:24px;padding-top:16px}.pagination{gap:4px}.pagination,.pagination-button{align-items:center;display:flex}.pagination-button{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination-button:hover:not(:disabled){background-color:#f0f7ff;border-color:#1e68bf}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button svg{height:16px;width:16px}.pagination-number{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#212529;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s}.pagination-number:hover{background-color:#f0f7ff;border-color:#1e68bf;color:#1e68bf}.pagination-number.active{background-color:#1e68bf;border-color:#1e68bf;color:#fff}.pagination-dots{color:#6c757d;font-size:14px;height:36px;min-width:36px}.empty-state,.pagination-dots{align-items:center;display:flex;justify-content:center}.empty-state{flex-direction:column;padding:60px 20px;text-align:center}.empty-state span{color:#6c757d;font-size:16px;font-weight:500;line-height:1.5;max-width:400px}.loading-container{min-height:400px;width:100%}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;height:44px;margin-bottom:20px;width:44px}.footer-tags{background-color:initial;margin-top:100px}.tags-filter-option{align-items:center;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background-color .2s}.tags-filter-option:hover{background-color:#f8f9fa}.tags-filter-option input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;margin:0;width:16px}.tags-filter-option span{flex:1 1}.tags-filter-option input:checked+span{color:#1e68bf;font-weight:500}.tag-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.tag-badge.red{background-color:#ff383c;color:#fff}.tag-badge.orange{background-color:#ff8d28;color:#fff}.tag-badge.yellow{background-color:#fc0;color:#212529}.tag-badge.green{background-color:#34c759;color:#fff}.tag-badge.blue{background-color:#08f;color:#fff}.tag-badge.purple{background-color:#cb30e0;color:#fff}.tag-badge.pink{background-color:#ff2d55;color:#fff}.tag-badge.brown{background-color:#ac7f5e;color:#fff}.tag-badge.gray{background-color:#9da3a8;color:#fff}.tag-badge.light-red{background-color:#ffb6b8;color:#212529}.tag-badge.peach{background-color:#ffd5b0;color:#212529}.tag-badge.light-yellow{background-color:#fff0b2;color:#212529}.tag-badge.light-green{background-color:#adfec1;color:#212529}.tag-badge.light-blue{background-color:#aad7ff;color:#212529}.tag-badge.light-purple{background-color:#f5aeff;color:#212529}.tag-badge.light-pink{background-color:#ffbdc9;color:#212529}.tag-badge.light-brown{background-color:#ffceab;color:#212529}.tag-badge.light-gray{background-color:#e5ecf1;color:#212529}.create-tag-card{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:32px}.form-section{border-bottom:2px solid #f0f1f2;padding-bottom:32px}.form-section-last{border-bottom:none;margin-bottom:32px;padding-bottom:32px}.section-title{margin:0 0 20px}.section-title,.section-title-toggle{color:#1e68bf;font-size:18px;font-weight:700}.section-subtitle{color:#212529;font-size:14px;font-weight:600;margin:20px 0 12px}.section-subtitle-blue{color:#1e68bf;font-size:16px;font-weight:700;margin:20px 0 12px}.form-row-tags{background-color:#f0f1f2}.form-row-pricing{display:flex;gap:20px;margin-bottom:20px;max-width:900px}.form-group-half{width:50%}.form-group-full-tags{background:#f0f1f2;width:100%}.form-label{color:#212529;display:block;font-weight:600}.required{color:#ff383c;margin-left:2px}.form-input,.form-textarea{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;padding:0 12px;transition:all .2s;width:100%}.form-input{height:40px}.form-textarea{padding:12px}.form-input:focus,.form-textarea:focus{border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.form-input.error,.form-textarea.error{border-color:#ff383c}.select-wrapper .form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#212529;cursor:pointer;font-size:14px;height:40px;padding:0 40px 0 12px;width:100%}.select-wrapper .form-select.error{border-color:#ff383c}.select-chevron-pricing{fill:#212529;height:24px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.color-field-container{position:relative;width:30%}.color-field-wrapper{border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;height:40px;overflow:hidden}.color-area{border-radius:4px;flex:1 1;margin:10px;transition:background-color .2s}.color-area.default{background-color:#34c759}.color-icon-area{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;width:50px}.color-chevron{fill:#212529;height:24px;width:24px}.color-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;padding:12px;position:absolute;top:100%;z-index:1000}.color-row.nine-col{display:flex;gap:14px;justify-content:space-between;margin-bottom:8px}.color-row.nine-col .color-option{border:2px solid #0000;border-radius:28px;cursor:pointer;flex-shrink:0;height:40px;transition:all .2s;width:40px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf4d}.check-mark{color:#1e68bf;font-weight:600;margin-left:auto}.tag-assignment-row{display:flex;gap:20px;margin-bottom:24px;max-width:900px}.tag-assignment-card{border:none;border-radius:8px;cursor:pointer;flex:1 1;padding:16px;transition:all .2s}.tag-assignment-card:hover{border-color:#1e68bf;box-shadow:0 2px 8px #1e68bf1a}.radio-container{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tag-radio{accent-color:#1e68bf;cursor:pointer;height:21px;width:21px}.radio-title{color:#212529;font-size:14px;font-weight:600}.radio-description{color:#6c757d;font-size:13px;font-weight:500;line-height:1.5;margin:0;padding-left:29px}.automatic-fields{background-color:initial;border-radius:8px;margin-top:16px;padding:20px}.time-input-container{position:relative;width:100%}.time-input-container .form-input{padding-right:40px}.time-icon{fill:#6c757d;height:24px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.apply-button-container{display:flex;margin-top:20px}.apply-rule-button{background-color:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:background-color .2s}.apply-rule-button:hover{background-color:#1557a3}.customer-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-customer-button-pricing{align-items:center;background-color:initial;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:40px;padding:0 16px;transition:background-color .2s}.add-customer-button-pricing:hover{background-color:#1e68bf;color:#fff}.add-customer-button-pricing:hover .add-icon-pricing{fill:#fff}.add-icon-pricing{fill:#1e68bf;height:18px;width:18px}.customer-table-container{border:1px solid #e9e9ea;border-radius:10px;overflow:hidden}.customer-table{border-collapse:collapse;font-size:14px;width:100%}.customer-table th{background-color:#f4f6f9;color:#212529;font-weight:600;padding:14px;text-align:left}.customer-table td{border-bottom:1px solid #e9ecef;color:#212529;padding:14px}.customer-table tbody tr:hover{background-color:#f8f9fa}.customer-table tr:last-child td{border-bottom:none}.empty-table-cell{color:#6c757d;padding:40px!important;text-align:center}.action-column{text-align:center;width:80px}.remove-customer-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:4px}.remove-customer-btn:hover svg{fill:#ff383c}.form-actions{border-top:4px solid #f0f1f2;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-button{background-color:initial;border:1px solid #1e68bf;color:#1e68bf;font-size:16px;font-weight:600;height:40px;padding:0 32px}.cancel-button:hover{background-color:#1e68bf;color:#fff}.save-continue-button{background-color:#1e68bf;font-size:16px;font-weight:600;height:40px;padding:0 32px;transition:background-color .2s}.save-continue-button:hover{background-color:#1557a3}.cancel-button:disabled,.save-continue-button:disabled{cursor:not-allowed;opacity:.65}.header-page{margin-bottom:24px}.header-wrapper{align-items:center;display:flex;justify-content:space-between}.header-left-outlet{flex:1 1}.header-left-outlet h1{color:#212529;font-size:20px;font-weight:600;margin:0}.header-left-outlet span{color:#4d5154;display:block;font-size:14px;margin-top:4px}.back-button-container{align-items:center;display:flex;gap:16px;margin-bottom:8px}.back-icon-wrapper{align-items:center;border-radius:32px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.back-icon-wrapper:hover{background-color:#f0f1f2}.back-icon{fill:#1e68bf;height:20px;width:20px}.footer-create-tag{background-color:initial;margin-top:100px}@media (max-width:768px){.create-tag-card{padding:20px}.form-row-pricing,.tag-assignment-row{flex-direction:column;gap:16px;max-width:100%}.color-field-container,.form-group-half{width:100%}.color-row.nine-col .color-option{height:30px;width:30px}.automatic-fields{max-width:100%}.form-actions{flex-direction:column-reverse}.cancel-button,.save-continue-button{width:100%}}.form-select option[value=""]{color:#6c757d}.final-criteria-input{background-color:#f0f1f2;border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 12px;transition:all .2s;width:100%}.final-criteria-input:focus{background-color:#f0f1f2;border-color:#1e68bf;box-shadow:0 0 0 3px #1e68bf1a;outline:none}.final-criteria-input::placeholder{color:#6c757d;font-style:italic}.criteria-info-box{max-width:66.3%}.criteria-info-icon{height:18px;width:18px}.criteria-info-icon circle,.criteria-info-icon path{fill:#ff383c}.criteria-info-text{font-weight:500}.time-picker-input{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:space-between}.criteria-info-icon{fill:#ff383c;flex-shrink:0;height:20px;width:20px}.number-spinner-container{background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;display:flex;height:40px;overflow:hidden;width:100%}.number-spinner-input{flex:1 1;height:100%;padding:0 12px}.spinner-controls{background-color:#fff;border-left:1px solid #d1d4d7;display:flex;flex-direction:column;width:30px}.spinner-down,.spinner-up{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;flex:1 1;height:24px;justify-content:center;padding:0}.spinner-down:hover,.spinner-up:hover{background-color:#f8f9fa}.spinner-down svg,.spinner-up svg{fill:#6c757d;height:12px;width:12px}.time-picker-input-group{background:#fff;border:1px solid #d1d4d7;border-radius:4px;display:flex;height:40px;overflow:hidden;width:100%}.time-picker-manual-input{background:#0000;border:none;color:#212529;flex:1 1;font-size:14px;height:100%;outline:none;padding:0 12px}.time-picker-dropdown-btn{align-items:center;background:#fff;border:none;border-left:1px solid #d1d4d7;cursor:pointer;display:flex;height:100%;justify-content:center;width:48px}.time-picker-dropdown-btn:hover{background-color:#f8f9fa}.time-picker-icon{fill:#6c757d}.time-picker-dropdown{background:#fff;border-radius:4px;right:0;z-index:1000}.time-picker-col{gap:4px;width:70px}.time-arrow-down,.time-arrow-up{width:100%}.time-arrow-down svg,.time-arrow-up svg{fill:#6c757d;height:16px;width:16px}.time-separator{color:#212529}.criteria-info-box{align-items:center;background-color:#ff383c0a;border:1px solid #ff383c;border-radius:6px;box-sizing:border-box;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px;width:100%}.criteria-info-text{color:#212529;flex:1 1;font-size:14px;line-height:1.5}.form-input.error,.form-select.error{border-color:#ff383c}.error-message{color:#ff383c;font-size:11px}.time-picker-manual-input::placeholder{color:#babbbd;font-size:14px}.preview-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.preview-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.preview-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.preview-modal-header h3{color:#212529;font-size:18px;font-weight:600;margin:0}.preview-close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;line-height:1;padding:0}.preview-close-btn:hover{color:#212529}.preview-modal-body{flex:1 1;overflow-y:auto;padding:24px}.preview-table{border-collapse:collapse;width:100%}.preview-table th{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;text-align:left}.preview-table td,.preview-table th{color:#212529;font-size:13px;padding:12px 16px}.preview-table td{border-bottom:1px solid #f0f1f2}.preview-table tr:hover td{background-color:#f8f9fa}.preview-load-more{display:flex;justify-content:center;margin-top:20px}.load-more-btn{background-color:#1e68bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s}.load-more-btn:hover:not(:disabled){background-color:#1557a3}.load-more-btn:disabled{background-color:#adb5bd;cursor:not-allowed}.number-spinner-wrapper{background-color:#fff;border-radius:6px;box-sizing:border-box;height:40px;position:relative;transition:all .2s ease;width:100%}.number-spinner-wrapper.error{border-color:#ff383c}.number-spinner-wrapper.error:focus-within{border-color:#ff383c;box-shadow:0 0 0 3px #ff383c1a}.number-spinner-input{background:#0000;border:none;box-sizing:border-box;color:#212529;font-size:14px;height:38px;outline:none;padding:0 40px 0 12px;width:100%}.number-spinner-input::placeholder{color:#adb5bd;font-size:14px}.number-spinner-input:disabled{background-color:#f8f9fa;color:#babbbd;cursor:not-allowed}.spinner-arrows{background-color:initial;border-left:none;display:flex;flex-direction:column;height:40px;position:absolute;right:4px;top:0;width:24px}.spinner-arrow-down,.spinner-arrow-up{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;height:19px;justify-content:center;padding:0;transition:color .2s ease;width:24px}.spinner-arrow-down:hover:not(:disabled) svg,.spinner-arrow-up:hover:not(:disabled) svg{fill:#1e68bf}.spinner-arrow-down:disabled svg,.spinner-arrow-up:disabled svg{fill:#adb5bd;cursor:not-allowed}.spinner-arrow-down svg,.spinner-arrow-up svg{fill:currentColor;height:12px;transition:fill .2s;width:12px}.time-picker-container,.time-picker-wrapper{position:relative;width:100%}.time-picker-container{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:6px;box-sizing:border-box;display:flex;height:40px;transition:all .2s ease}.time-picker-input{background:#0000;border:none;box-sizing:border-box;color:#212529;flex:1 1;font-size:14px;height:38px;outline:none;padding:0 40px 0 12px}.time-picker-input::placeholder{color:#adb5bd;font-size:14px}.time-picker-input:disabled{background-color:#f8f9fa;color:#babbbd;cursor:not-allowed}.time-picker-btn{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:8px;top:0;transition:color .2s ease;width:30px}.time-picker-btn:hover:not(:disabled) .time-picker-icon{fill:#1e68bf}.time-picker-btn:disabled{cursor:not-allowed}.time-picker-btn:disabled .time-picker-icon{fill:#adb5bd}.time-picker-icon{fill:currentColor;height:18px;transition:fill .2s;width:18px}.time-picker-dropdown{background-color:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;padding:16px;position:absolute;top:100%;width:280px;z-index:1100}.time-picker-row{align-items:center;display:flex;gap:8px;justify-content:center}.time-picker-col{align-items:center;display:flex;flex-direction:column;width:60px}.time-arrow-down,.time-arrow-up{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.time-arrow-down:hover svg,.time-arrow-up:hover svg{fill:#1e68bf}.time-value{color:#212529;font-weight:600;padding:8px 0}.time-separator{color:#6c757d;font-size:24px;font-weight:600}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f0f1f2;height:20px;width:20px}.remove-customer-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.remove-customer-btn.disabled:hover{background-color:initial}.remove-customer-btn.disabled svg{fill:#adb5bd}.automatic-customer-info{background-color:#f0f7ff;border:1px solid #1e68bf;border-radius:6px;margin-bottom:16px;padding:8px 12px}.automatic-customer-info .info-text{color:#1e68bf;font-size:13px}.form-textarea.readonly{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:default}.form-textarea.readonly:focus{border-color:#d1d4d7;box-shadow:none;outline:none}.pricing-plan-list-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;position:relative}.pricing-plan-list-header{margin-bottom:24px}.pricing-plan-list-header h2{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.header-actions{display:flex;gap:12px}.add-button-secondary{align-items:center;background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.add-button-secondary:hover{background:#f0f7ff}.add-button{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s}.add-button:hover{background:#1557a8}.add-icon,.add-icon-blue{height:18px;width:18px}.add-icon-blue{color:#1e68bf}.pricing-plan-search-filter-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.pricing-plan-search-container{flex:1 1;max-width:400px;position:relative}.pricing-plan-search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;outline:none;padding:10px 40px 10px 16px;transition:all .2s;width:100%}.pricing-plan-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.pricing-plan-search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:10px;border-top-right-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s;width:54px}.pricing-plan-search-icon{color:#94a3b8;height:18px;width:18px}.pricing-plan-filter-section{align-items:center;display:flex;gap:12px;position:relative}.pricing-plan-filter-icon-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;height:40px;justify-content:space-between;padding:8px 16px;transition:all .2s;width:120px}.pricing-plan-filter-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}.pricing-plan-filter-icon-btn.active{border-color:#1e68bf;color:#1e68bf}.pricing-plan-filter-icon{height:18px;width:18px}.pricing-plan-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #00000026;left:20%;margin-bottom:0;min-width:-webkit-max-content;min-width:max-content;padding:20px;position:absolute;z-index:100}.pricing-plan-filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.pricing-plan-filter-row-full{margin-bottom:20px;width:100%}.pricing-plan-filter-group{display:flex;flex-direction:column}.pricing-plan-filter-group.pricing-plan-full-width{width:100%}.pricing-plan-empty-group{visibility:hidden}.pricing-plan-filter-label{color:#1e293b;font-size:13px;font-weight:500;margin-bottom:8px}.pricing-plan-filter-select-wrapper{position:relative;width:100%}.pricing-plan-filter-select{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s}.pricing-plan-filter-select:hover{border-color:#cbd5e1}.pricing-plan-filter-select .pricing-plan-placeholder{color:#94a3b8}.pricing-plan-filter-chevron{color:#94a3b8;height:16px;width:16px}.pricing-plan-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.pricing-plan-filter-option{cursor:pointer;padding:10px 12px;transition:background .2s}.pricing-plan-filter-option:hover{background:#f8fafc}.pricing-plan-price-range-group{grid-column:span 2}.pricing-plan-price-range-inputs{align-items:center;display:flex;gap:12px}.pricing-plan-price-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.pricing-plan-price-currency-box{align-items:center;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px 0 0 8px;border-right:none;color:#1e293b;display:flex;font-size:14px;font-weight:500;height:42px;justify-content:center;padding:0 12px}.pricing-plan-form-input-price{border:1px solid #e2e8f0;border-radius:0 8px 8px 0;flex:1 1;font-size:14px;height:42px;outline:none;padding:0 12px;transition:all .2s}.pricing-plan-form-input-price:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.pricing-plan-price-separator{color:#94a3b8;font-size:14px}.pricing-plan-form-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.pricing-plan-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.pricing-plan-date-input-wrapper{position:relative;width:100%}.pricing-plan-date-picker-icon{color:#94a3b8;cursor:pointer;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.pricing-plan-date-picker-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;position:absolute;top:calc(100% + 4px);z-index:100}.pricing-plan-filter-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.pricing-plan-filter-reset-btn{background:#0000;border:none;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.pricing-plan-filter-apply-btn{background:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background .2s}.pricing-plan-table-container{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;overflow-x:auto;position:relative}.pricing-plan-table{border-collapse:collapse;font-size:14px;width:100%}.pricing-plan-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#212529;font-weight:600;padding:28px 20px;text-align:left}.pricing-plan-table th:first-child{border-top-left-radius:10px}.pricing-plan-table th:last-child{border-top-right-radius:10px}.pricing-plan-table td{color:#212529;font-size:14px;font-weight:500;padding:16px;vertical-align:middle}.pricing-plan-table tr{border-bottom:1px solid #e2e8f0}.pricing-plan-table tr:last-child{border-bottom:none}.pricing-plan-header-with-sort{align-items:center;cursor:pointer;display:flex;gap:8px}.pricing-plan-sort-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:0}.pricing-plan-sort-icon{color:#cbd5e1;height:12px;transition:color .2s;width:12px}.pricing-plan-sort-icon.active{color:#1e68bf}.pricing-plan-action-header{text-align:center!important;width:80px}.pricing-plan-action-cell{text-align:center}.pricing-plan-category-row{background:#f4f6f980}.pricing-plan-category-name-cell{color:#212529;font-size:16px;font-weight:600!important}.pricing-plan-plan-row{cursor:pointer;transition:background .2s}.pricing-plan-plan-row:hover{background:#f8fafc}.pricing-plan-plan-name-cell{font-weight:500}.pricing-plan-price-value{color:#1e68bf;font-weight:600}.pricing-plan-visibility-badge{border-radius:100px;display:inline-block;font-size:13px;font-weight:600;padding:6px 20px}.pricing-plan-visibility-badge.visible{background:#34c759;color:#fff}.pricing-plan-visibility-badge.hidden{background:#ff383c;color:#fff}.pricing-plan-restriction-list{display:flex;flex-direction:column;gap:4px}.pricing-plan-restriction-item{color:#475569;font-size:12px;line-height:1.4}.pricing-plan-empty-plan-row{background-color:#fff}.pricing-plan-empty-plan-cell{background-color:initial;color:#212529;font-size:14px;font-weight:500;padding:16px!important;text-align:center}.pricing-plan-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.pricing-plan-empty-icon{color:#cbd5e1;height:80px;margin-bottom:16px;width:80px}.pricing-plan-empty-state span{color:#64748b;font-size:14px;line-height:1.5;max-width:400px;text-align:center}.pricing-plan-dropdown-container{display:inline-block;position:relative}.pricing-plan-three-dots-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:background .2s}.pricing-plan-three-dots-button:hover{background:#f1f5f9}.pricing-plan-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.pricing-plan-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background .2s;width:100%}.pricing-plan-dropdown-item:hover{background:#f8fafc}.pricing-plan-dropdown-icon{height:16px;width:16px}.modal-pricingplan-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-pricingplan-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;max-width:90%;width:400px}.modal-pricingplan-header{align-items:center;display:flex;justify-content:center;padding:16px 24px;position:relative}.modal-pricingplan-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0;text-align:center}.modal-pricingplan-close-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.modal-pricingplan-body{display:flex;flex-direction:column;gap:16px;padding:24px}.modal-pricingplan-footer{display:flex;gap:12px;justify-content:center;margin-bottom:10px;padding:16px 24px}.modal-pricingplan-cancel-btn{background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:all .2s;width:100%}.modal-pricingplan-cancel-btn:hover{background:#f0f7ff}.modal-pricingplan-create-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:background .2s;width:100%}.modal-pricingplan-create-btn:hover:not(:disabled){background:#1557a8}.modal-pricingplan-create-btn:disabled{background:#bbc0c3;cursor:not-allowed}.modal-pricingplan-close{background:#0000;border:none;cursor:pointer;position:absolute;right:10px}.modal-pricingplan-close svg{height:34px;width:34px}.pricing-plan-plan-name-cell{padding-left:30px}.pricing-plan-footer{height:100px}@media (max-width:768px){.pricing-plan-filter-panel{left:50%;max-height:80vh;min-width:auto;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.pricing-plan-search-filter-wrapper{align-items:stretch;flex-direction:column}.pricing-plan-search-container{max-width:100%}.pricing-plan-filter-row{gap:16px;grid-template-columns:1fr}.pricing-plan-price-range-group{grid-column:span 1}.pricing-plan-price-range-inputs{flex-direction:column}.pricing-plan-table-container{overflow-x:auto}.pricing-plan-table{min-width:800px}}.form-row-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.col-span-2{grid-column:span 2}.form-group.empty-group{visibility:hidden}.form-group.full-width{grid-column:span 3}.form-label{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:8px}.required{color:#ef4444;margin-left:4px}.form-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s}.form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.form-input.error{border-color:#ef4444}.form-textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical}.form-textarea:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.form-textarea.error{border-color:#ef4444}.select-wrapper{position:relative;width:100%}.form-select-custom{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s}.form-select-custom:hover{border-color:#cbd5e1}.form-select-custom.error{border-color:#ef4444}.form-select-custom .placeholder{color:#94a3b8}.select-chevron-price{color:#212529;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.custom-number-input{align-items:center;display:flex;position:relative;width:100%}.custom-number-input-field{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;outline:none;padding:10px 32px 10px 12px;transition:all .2s;width:100%}.custom-number-input-field:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.custom-number-input-field.error{border-color:#ef4444}.custom-number-controls{display:flex;flex-direction:column;position:absolute;right:8px}.custom-number-down,.custom-number-up{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;transition:color .2s}.custom-number-down svg,.custom-number-up svg{color:#212529;height:18px;width:24px}.select-dropdown.multi-select{max-height:250px}.select-option{cursor:pointer;padding:10px 12px;transition:background .2s}.select-option:hover{background:#f8fafc}.select-option.selected{background:#e6f0ff;color:#1e68bf}.select-option-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.select-option-checkbox:hover{background:#f8fafc}.select-option-checkbox input{cursor:pointer;margin:0}.select-option-checkbox span{color:#1e293b;font-size:14px}.error-message{color:#ef4444;font-size:12px;margin-top:4px}.form-actions-price{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-button{background:#0000;border:1px solid #1557a8;border-radius:8px;color:#1557a8;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.cancel-button:hover{background:#0000;border-color:#1d64ba;color:#1557a8}.save-continue-button{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.save-continue-button:hover{background:#1557a8}.footer-create-pricing-plan{height:100px}.form-section{margin-bottom:32px}.form-section-last{margin-bottom:0}.create-pricing-plan-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.pricing-plan-outlet-permissions{margin-top:8px}.pricing-plan-outlet-group{margin-bottom:16px}.pricing-plan-outlet-row{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.pricing-plan-outlet-checkbox-cell{align-items:center;display:flex}.pricing-plan-outlet-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px;margin-bottom:28px}.pricing-plan-outlet-checkbox{cursor:pointer;height:18px;margin:0;width:18px}.pricing-plan-outlet-name{color:#212529;font-size:14px;font-weight:600}.pricing-plan-outlet-empty-cell{visibility:hidden}.pricing-plan-studios-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:35px;padding-left:30px}.pricing-plan-studio-checkbox-cell{align-items:center;display:flex}.pricing-plan-studio-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.pricing-plan-studio-checkbox{cursor:pointer;height:16px;margin:0;width:16px}.pricing-plan-studio-name{color:#212529;font-size:14px;font-weight:500}.pricing-plan-studio-empty-cell{visibility:hidden}@media (max-width:768px){.pricing-plan-outlet-row,.pricing-plan-studios-row{gap:12px;grid-template-columns:1fr}.pricing-plan-outlet-empty-cell,.pricing-plan-studio-empty-cell{display:none}.pricing-plan-studios-row{padding-left:20px}}.title-toggle{display:flex;gap:12px;margin-bottom:20px}.restriction-note{color:#94a3b8;font-size:12px;font-style:italic;margin-left:4px}.price-input-wrapper{align-items:center;display:flex}.price-currency-prefix{font-weight:500}.price-input-with-prefix{padding-left:40px!important;width:100%}.purchase-restrictions-container{transition:opacity .2s ease}.purchase-restrictions-container.disabled{opacity:.6}.pricing-plan-outlet-checkbox-label.disabled{cursor:not-allowed}.pricing-plan-outlet-checkbox-label.disabled .pricing-plan-outlet-name{color:#94a3b8}.pricing-plan-outlet-checkbox:disabled{color:#94a3b8;cursor:not-allowed}.price-input-group{align-items:center;display:flex;width:100%}.price-currency-box{align-items:center;background-color:#f1f5f9;border:1px solid #d1d4d7;border-radius:8px 0 0 8px;border-right:none;color:#1e293b;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;padding:0 12px}.price-input{border-left:none;border-radius:0 8px 8px 0;flex:1 1}.price-input:focus{border-color:#e2e8f0;border-left:none;box-shadow:none}.price-input:focus+.price-currency-box{border-color:#1e68bf}.form-group-price input{border:1px solid #d1d4d7;border-radius:0 6px 6px 0;box-sizing:border-box;color:#212529;font-size:14px;height:40px;padding:0 16px;transition:all .2s;width:100%}.price-tier-table-container{margin-top:32px}.price-tier-title{color:#1a1f36;font-size:16px;font-weight:600;margin:0 0 16px}.price-tier-table{background:#fff;border:1px solid #e9e9ea;border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.price-tier-table th{background:#f4f6f9;font-weight:600;text-align:left}.price-tier-table td,.price-tier-table th{border-bottom:1px solid #e2e8f0;color:#212529;font-size:14px;padding:12px 16px}.price-tier-table td{font-weight:500}.price-tier-table tr:last-child td{border-bottom:none}.tier-badge-price{background:#e6f0ff;border-radius:20px;color:#1e68bf;display:inline-block;font-size:13px;font-weight:500;padding:6px 20px}.discount-value-cell{color:#00a86b;font-weight:500}.final-price-cell{font-weight:600;text-align:right}.custom-pricing-table{margin-top:0}.custom-price-cell{width:300px}.price-input-group-small{align-items:center;display:flex;max-width:280px}.price-currency-box-small{align-items:center;background-color:#f1f5f9;border:1px solid #d1d4d7;border-radius:6px 0 0 6px;border-right:none;color:#495057;display:flex;font-size:12px;font-weight:500;height:40px;justify-content:center;width:44px}.form-input-price-small{border:1px solid #d1d4d7!important;border-radius:0 6px 6px 0!important;color:#212529!important;font-size:14px!important;height:40px!important;outline:none!important;padding:0 12px!important;transition:all .2s!important;width:100%!important}.form-input-price-small:focus{border-color:#1e68bf!important;box-shadow:0 0 0 2px #1e68bf1a!important;position:relative!important;z-index:1!important}.final-price-col{text-align:right!important}.pricing-plan-checkbox,.pricing-plan-outlet-checkbox,.pricing-plan-studio-checkbox{accent-color:#1e68bf!important;cursor:pointer;height:18px;width:18px}.filter-icon-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:space-between;padding:10px 20px;transition:all .2s;width:180px}.filter-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}.filter-icon{height:24px;width:24px}.filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px;padding:20px;width:66%}.filter-row{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr}.filter-row,.filter-row-full{gap:20px;margin-bottom:20px}.filter-group-price{display:flex;flex-direction:column}.filter-group-price.empty-group{visibility:hidden}.filter-label{color:#1e293b;font-size:13px;font-weight:500}.filter-select-wrapper{position:relative;width:100%}.filter-select-price{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:10px 12px;transition:all .2s}.filter-select-price:hover{border-color:#cbd5e1}.filter-select-price .placeholder{color:#94a3b8}.filter-chevron{color:#94a3b8;height:16px;width:16px}.filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.filter-option{cursor:pointer;padding:10px 12px;transition:background .2s}.filter-option:hover{background:#f8fafc}.price-range-group{grid-column:span 2}.price-range-inputs{align-items:center;display:flex;gap:12px}.price-input-wrapper{flex:1 1;position:relative}.price-currency-prefix{color:#1e293b;font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-price-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;outline:none;padding:10px 12px 10px 36px;transition:all .2s;width:100%}.filter-price-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.price-separator{color:#94a3b8;font-size:14px}.filter-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.filter-reset-btn{background:#0000;border:none;border-radius:8px;color:#1e68bf;font-size:14px;transition:all .2s}.filter-apply-btn,.filter-reset-btn{cursor:pointer;font-weight:600;padding:10px 20px}.filter-apply-btn{background:#1e68bf;border:none;border-radius:10px;color:#fff;font-size:16px;height:40px;transition:background .2s}.filter-apply-btn:hover{background:#114381}.filter-group-price .date-input-wrapper{position:relative;width:100%}.filter-group-price .date-picker-icon{color:#94a3b8;cursor:pointer;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.filter-group-price .date-picker-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;position:absolute;top:calc(100% + 4px);z-index:100}.filter-section-price{display:flex;justify-content:flex-end}.form-input-price{border:1px solid #d1d4d7;border-radius:0 6px 6px 0;height:40px;outline:none;padding:10px 20px;width:100%}.services-container{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;display:block;height:500px;margin:0 20px 20px;overflow-y:auto;padding:0 10px;width:70%}.modal-services-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-services-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;width:60%}.modal-services-header{align-items:center;display:flex;justify-content:center;padding:20px;position:relative}.modal-services-title{color:#1a1f36;font-size:16px;font-weight:600;margin:0;text-align:center}.modal-services-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s}.modal-services-close:hover{color:#475569}.modal-services-body{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;margin:0 20px;overflow-y:auto;padding:0 10px}.modal-services-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.modal-services-reset{background:#0000;border:none;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.modal-services-reset:hover{background:#f8fafc;border-color:#cbd5e1}.modal-services-select{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background .2s}.modal-services-select:hover{background:#1557a8}.services-all{padding:16px 0}.services-section-header{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;font-weight:600;justify-content:space-between;margin-bottom:12px;padding:12px 0 12px 25px}.services-checkbox-label.type-level,.services-section-header{align-items:center;color:#1e293b;cursor:pointer;display:flex;width:100%}.services-checkbox-label.type-level{font-size:14px;gap:10px;padding:0 0 12px 24px}.services-type-header{align-items:center;border-top:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0 12px 25px}.services-item,.services-type-header{border-bottom:1px solid #e2e8f0;margin-bottom:12px;width:100%}.services-item{padding:0 0 12px 48px}.services-item:last-child{border-bottom:none}.services-checkbox-label,.services-checkbox-label.item-level{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:10px}.services-checkbox-label input{cursor:pointer;margin:0}.services-checkbox-label span{cursor:pointer}.section-chevron{color:#212529;flex-shrink:0;height:20px;transition:transform .2s;width:20px}.section-chevron.expanded{transform:rotate(180deg)}.type-chevron{color:#212529;flex-shrink:0;height:20px;transition:transform .2s;width:20px}.type-chevron.expanded{transform:rotate(180deg)}.services-trigger{align-items:flex-start;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;line-height:1.5;min-height:40px;padding:8px 12px;transition:all .2s}.services-trigger:hover{border-color:#cbd5e1}.selected-services-display{flex:1 1;max-height:100px;overflow-y:auto}.selected-services-list{display:flex;flex-direction:column;gap:6px}.selected-service-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.selected-service-item{align-items:center;background:#f0f1f2;border-radius:4px;color:#4d5154;display:inline-flex;font-size:12px;gap:8px;max-width:100%;padding:4px 8px;width:auto}.service-label{color:#4d5154;font-size:12px;white-space:nowrap}.service-actions{flex-shrink:0;gap:4px}.remove-service-btn,.service-actions{align-items:center;display:inline-flex}.remove-service-btn{background:none;border:none;color:#4d5154;cursor:pointer;justify-content:center;padding:2px;transition:opacity .2s}.remove-service-btn:hover{opacity:.7}.more-badge-wrapper{align-items:center;display:inline-flex}.more-badge{background:#f0f1f2;border-radius:4px;color:#64748b;font-size:11px;padding:4px 8px;white-space:nowrap}.placeholder-text{color:#94a3b8;font-size:14px}.create-class-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.create-class-form-section{border-bottom:2px solid #f0f1f2;margin-bottom:40px;padding-bottom:40px}.create-class-form-section-last{margin-bottom:0}.section-title-with-error{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.section-title-with-error h2{color:#1e68bf;font-size:18px;font-weight:700;margin:0 0 20px}.create-class-form-row-name-desc{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:20px}.create-class-form-group-name{display:flex;flex-direction:column;width:98%}.create-class-form-group-desc{display:flex;flex-direction:column;margin-left:-6px}.create-class-form-row-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.create-class-form-row{margin-bottom:20px}.create-class-form-group{display:flex;flex-direction:column}.create-class-full-width{grid-column:span 2}.create-class-walk-in-price-group{max-width:300px}.create-class-form-label{color:#212529;font-size:14px;font-weight:600;margin-bottom:8px}.create-class-required{color:#ef4444;margin-left:4px}.create-class-duration-note{color:#64748b;font-size:12px;font-style:italic;font-weight:400;margin-left:4px}.create-class-form-input{border:1px solid #d1d4d7;border-radius:4px;color:#212529;font-size:14px;height:40px;outline:none;padding:10px 12px;transition:all .2s}.create-class-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-class-form-input.create-class-error{border-color:#ef4444}.create-class-select-wrapper{position:relative;width:100%}.create-class-form-select-custom{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#212529;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:10px 12px;transition:all .2s}.create-class-form-select-custom:hover{border-color:#cbd5e1}.create-class-form-select-custom.create-class-error{border-color:#ef4444}.create-class-placeholder{color:#212529;font-size:14px;font-weight:500}.create-class-select-chevron{color:#212529;height:16px;width:16px}.create-class-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.create-class-select-option{cursor:pointer;padding:10px 12px;transition:background .2s}.create-class-select-option:hover{background:#f8fafc}.create-class-select-option.create-class-selected{background:#e6f0ff;color:#1e68bf}.create-class-error-message{color:#ef4444;font-size:14px;font-weight:500;margin-top:4px}.create-class-image-upload-container{margin-top:8px}.create-class-image-upload-box{background:#f8fafc;border:1px dashed #d1d4d7;border-radius:8px;cursor:pointer;height:130px;overflow:hidden;transition:all .2s;width:160px}.create-class-image-upload-box:hover{background:#f0f7ff;border-color:#1e68bf}.create-class-image-upload-box-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.create-class-upload-box-icon{color:#94a3b8;height:32px;width:32px}.create-class-upload-box-text{color:#64748b;font-size:12px}.create-class-image-preview-wrapper{border:1px solid #e2e8f0;border-radius:8px;height:120px;overflow:hidden;position:relative;width:120px}.create-class-image-preview{height:100%;object-fit:cover;width:100%}.create-class-image-remove-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:24px;z-index:1}.create-class-image-remove-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.create-class-outlet-permissions-container{margin-top:8px}.create-class-outlet-group{margin-bottom:16px}.create-class-outlet-row{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.create-class-outlet-checkbox-cell{align-items:center;display:flex}.create-class-outlet-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px}.create-class-outlet-checkbox{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.create-class-outlet-name{color:#212529;font-size:14px;font-weight:600}.create-class-outlet-empty-cell{visibility:hidden}.create-class-studios-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:35px;padding-left:30px}.create-class-studio-checkbox-cell{align-items:center;display:flex}.create-class-studio-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.create-class-studio-checkbox{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.create-class-studio-name{color:#212529;font-size:14px;font-weight:500}.create-class-studio-empty-cell{visibility:hidden}.create-class-show-more-btn{align-items:center;color:#1e68bf;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:12px;transition:all .2s}.create-class-show-more-btn:hover{background:#f8fafc}.create-class-show-more-icon{height:16px;width:16px}.create-class-multiple-select-container{position:relative;width:100%}.create-class-multiple-select-input{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:6px 12px;transition:all .2s}.create-class-multiple-select-input:hover{border-color:#cbd5e1}.create-class-selected-items{flex:1 1}.create-class-selected-tags{display:flex;flex-wrap:wrap;gap:6px}.create-class-selected-tag{background:#e6f0ff;border-radius:4px;font-size:12px;gap:6px;padding:4px 8px}.create-class-remove-tag,.create-class-selected-tag{align-items:center;color:#1e68bf;display:inline-flex}.create-class-remove-tag{background:none;border:none;cursor:pointer;justify-content:center;padding:2px;transition:opacity .2s}.create-class-remove-tag:hover{opacity:.7}.create-class-multiple-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.create-class-multiple-select-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.create-class-multiple-select-option:hover{background:#f8fafc}.create-class-multiple-select-option input{cursor:pointer;margin:0}.create-class-multiple-select-option span{color:#1e293b;font-size:14px}.create-class-price-input-group{align-items:center;display:flex;max-width:300px;width:100%}.create-class-price-currency-box{align-items:center;background-color:#f8f9fa;border:1px solid #d1d4d7;border-radius:4px 0 0 4px;border-right:none;color:#495057;display:flex;font-size:14px;font-weight:500;height:42px;justify-content:center;padding:0 12px}.create-class-form-input-price{border:1px solid #d1d4d7;border-radius:0 4px 4px 0;color:#212529;flex:1 1;font-size:14px;height:42px;outline:none;padding:0 12px;transition:all .2s}.create-class-form-input-price:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-class-form-input-price.create-class-error{border-color:#ef4444}.create-class-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.create-class-cancel-button{background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:all .2s}.create-class-cancel-button:hover{background:#f0f7ff}.create-class-save-button{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:background .2s}.create-class-save-button:hover{background:#1557a8}.create-class-footer{height:20px}.create-class-preview-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-class-preview-container{background:#f0f1f2;border-radius:16px;box-shadow:0 4px 24px #00000026;max-height:85vh;max-width:480px;overflow-y:auto;width:90%}.create-class-preview-header{align-items:center;background:#0000;display:flex;justify-content:center;padding:16px 20px;position:relative;position:-webkit-sticky;position:sticky;top:0;z-index:1}.create-class-preview-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0;text-align:center}.create-class-preview-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s}.create-class-preview-body{background-color:#fff;border-radius:10px;margin:20px;padding:20px}.create-class-preview-image-container{background:#f1f5f9;border-radius:12px;height:200px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.create-class-preview-image{height:100%;object-fit:contain;width:100%}.create-class-preview-image-placeholder{align-items:center;background:#e2e8f0;color:#94a3b8;display:flex;height:100%;justify-content:center;width:100%}.create-class-preview-difficulty-badge{background:#0006;border-radius:6px;bottom:12px;color:#fff;font-size:14px;font-weight:600;left:12px;padding:6px 10px;position:absolute}.create-class-preview-duration-badge{align-items:center;background:#fff;border-radius:6px;bottom:12px;color:#212529;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 8px;position:absolute;right:12px}.create-class-preview-class-name{color:#1a1f36;font-size:18px;font-weight:600;margin:0 0 8px}.create-class-preview-description{color:#475569;font-size:14px;line-height:1.5;margin:0 0 16px}.create-class-preview-divider{border-bottom:1px solid #e2e8f0;margin-bottom:16px}.create-class-preview-info-row{align-items:center;color:#1e293b;display:flex;font-size:14px;gap:12px;padding:8px 0}.create-class-preview-info-row svg{color:#64748b;flex-shrink:0}.create-class-preview-footer{background:#0000;bottom:0;display:flex;gap:12px;justify-content:center;padding:16px 20px;position:-webkit-sticky;position:sticky}.create-class-preview-cancel{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;transition:all .2s}.create-class-preview-cancel,.create-class-preview-confirm{cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;width:100%}.create-class-preview-confirm{background:#1e68bf;border:none;border-radius:8px;color:#fff;transition:background .2s}@media (max-width:768px){.create-class-form-row-name-desc,.create-class-form-row-three,.create-class-outlet-row,.create-class-studios-row{gap:12px;grid-template-columns:1fr}.create-class-full-width{grid-column:span 1}.create-class-price-input-group,.create-class-walk-in-price-group{max-width:100%}.create-class-outlet-empty-cell,.create-class-studio-empty-cell{display:none}.create-class-studios-row{padding-left:20px}.create-class-image-upload-container{max-width:100%}.section-title-with-error{align-items:flex-start;flex-direction:column;gap:5px}}.create-class-custom-number-input{align-items:center;display:flex;position:relative;width:100%}.create-class-custom-number-input-field{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;outline:none;padding:10px 32px 10px 12px;transition:all .2s;width:100%}.create-class-custom-number-input-field:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-class-custom-number-input-field.create-class-error{border-color:#ef4444}.create-class-custom-number-controls{display:flex;flex-direction:column;position:absolute;right:8px}.create-class-custom-number-down,.create-class-custom-number-up{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;transition:color .2s}.create-class-custom-number-down:hover,.create-class-custom-number-up:hover{color:#1e68bf}.create-class-custom-number-down svg,.create-class-custom-number-up svg{color:#212529;height:18px;width:24px}.group-class-type-row{background-color:#f8fafc}.group-class-type-name-cell{color:#1e68bf;font-weight:600;padding:12px 16px}.create-class-eligible-plans-container{margin-bottom:0;width:70%}.create-class-eligible-plans-tree{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:300px;overflow-y:auto;padding:0 12px}.create-class-eligible-plan-item{padding:6px 0}.create-class-eligible-plan-item.create-class-all-plans{border-bottom:1px solid #e9e9ea;padding-bottom:15px;padding-top:15px}.create-class-eligible-plan-group-header{align-items:center;border-bottom:1px solid #e9e9ea;display:flex;gap:8px;justify-content:space-between;padding:15px 0 15px 24px}.create-class-eligible-plan-expand-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;width:20px}.create-class-eligible-plan-expand-icon{color:#212529;height:20px;transition:transform .2s;width:24px}.create-class-eligible-plan-expand-icon.collapsed{transform:rotate(-90deg)}.create-class-eligible-plan-group-plans{padding-left:0}.create-class-eligible-plan-item.create-class-eligible-plan-child{border-bottom:1px solid #e9e9ea;padding-bottom:15px;padding-left:48px;padding-top:15px}.create-class-eligible-plan-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;margin:0}.create-class-eligible-plan-checkbox input{cursor:pointer;height:16px;margin:0;width:16px}.create-class-eligible-plan-name{color:#212529;font-size:14px}.create-class-eligible-plan-group-name{color:#212929;font-size:14px;font-weight:700}.create-class-eligible-plan-group .create-class-eligible-plan-checkbox .create-class-eligible-plan-name{font-weight:500}.create-class-card input[type=checkbox]{accent-color:#1e68bf!important;cursor:pointer;height:16px;width:16px}.create-class-eligible-plan-checkbox input[type=checkbox],.create-class-outlet-checkbox,.create-class-studio-checkbox{accent-color:#1e68bf!important}.add-instructor-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-instructor-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-width:600px;min-height:400px;width:90%}.add-instructor-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.add-instructor-modal-title{color:#1a1f36;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.add-instructor-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:color .2s}.add-instructor-modal-close:hover{color:#475569}.add-instructor-modal-body{flex:1 1;padding:24px}.add-instructor-form-group{margin-bottom:0;position:relative;width:100%}.add-instructor-form-label{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.add-instructor-required{color:#ef4444;margin-left:4px}.add-instructor-search-wrapper{position:relative;width:100%}.add-instructor-search-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 40px 10px 12px!important;transition:all .2s;width:100%}.add-instructor-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.add-instructor-search-icon{height:18px;pointer-events:none;right:12px;width:18px}.add-instructor-search-icon,.add-instructor-search-loading{color:#94a3b8;position:absolute;top:50%;transform:translateY(-50%)}.add-instructor-search-loading{font-size:12px;right:40px}.add-instructor-suggestions-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.add-instructor-suggestion-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.add-instructor-suggestion-item:hover{background:#f8fafc}.add-instructor-suggestion-name{color:#1e293b;font-size:14px;font-weight:500}.add-instructor-suggestion-id{color:#94a3b8;font-size:12px}.add-instructor-suggestion-item.no-results{cursor:default;justify-content:center}.add-instructor-suggestion-item.no-results span{color:#94a3b8}.add-instructor-suggestion-item.no-results:hover{background:#0000}.add-instructor-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding:16px 24px}.add-instructor-cancel-btn{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:all .2s}.add-instructor-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.add-instructor-create-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s}.add-instructor-create-btn:hover:not(:disabled){background:#1557a8}.add-instructor-create-btn:disabled{background:#cbd5e1;cursor:not-allowed}.group-class-settings-container{width:100%}.group-class-settings-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 24px;padding-bottom:16px}.group-class-settings-section{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:32px}.group-class-settings-section-last{margin-bottom:0}.group-class-settings-section-title{color:#1e68bf;font-size:16px;font-weight:700;margin:0 0 20px}.group-class-settings-form-row-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.group-class-settings-empty-group{visibility:hidden}.group-class-settings-form-label{color:#212529;font-size:14px;font-weight:600;margin-bottom:8px}.group-class-settings-label-note{color:#64748b;font-size:12px;font-style:italic;font-weight:400;margin-left:4px}.group-class-settings-required{color:#ef4444;margin-left:4px}.group-class-settings-custom-number-input{align-items:center;display:flex;position:relative;width:100%}.group-class-settings-custom-number-input-field{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;outline:none;padding:10px 32px 10px 12px;transition:all .2s;width:100%}.group-class-settings-custom-number-input-field:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.group-class-settings-custom-number-input-field.group-class-settings-error{border-color:#ef4444}.group-class-settings-custom-number-controls{display:flex;flex-direction:column;position:absolute;right:8px}.group-class-settings-custom-number-down,.group-class-settings-custom-number-up{align-items:center;background:none;border:none;color:#212529;cursor:pointer;display:flex;justify-content:center;transition:color .2s}.group-class-settings-custom-number-down:hover,.group-class-settings-custom-number-up:hover{color:#1e68bf}.group-class-settings-custom-number-down svg,.group-class-settings-custom-number-up svg{height:18px;width:16px}.group-class-settings-dual-input{align-items:center;display:flex;gap:12px}.group-class-settings-dual-input-value{flex:2 1}.group-class-settings-dual-input-unit{flex:1 1;min-width:100px}.group-class-settings-select-wrapper{position:relative;width:100%}.group-class-settings-form-select-custom{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#212529;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:10px 12px;transition:all .2s}.group-class-settings-form-select-custom:hover{border-color:#cbd5e1}.group-class-settings-form-select-custom.group-class-settings-error{border-color:#ef4444}.group-class-settings-placeholder{color:#94a3b8}.group-class-settings-select-chevron{color:#212529;height:18px;width:16px}.group-class-settings-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.group-class-settings-select-option{cursor:pointer;padding:10px 12px;transition:background .2s}.group-class-settings-select-option:hover{background:#f8fafc}.group-class-settings-select-option.group-class-settings-selected{background:#e6f0ff;color:#1e68bf}.group-class-settings-error-message{color:#ef4444;font-size:12px;margin-top:4px}.group-class-settings-table-wrapper{margin-bottom:16px;max-width:300px}.group-class-settings-difficulty-table{border-collapse:collapse;border-radius:6px;font-size:14px;width:100%}.group-class-settings-difficulty-table th{color:#475569;font-weight:600;padding:12px 16px;text-align:left}.group-class-settings-difficulty-table thead{background:#f4f6f9;border:1px solid #e2e8f0;border-top-left-radius:6px;border-top-right-radius:6px}.group-class-settings-difficulty-table tbody{border:1px solid #e2e8f0;border-radius:0 0 6px 6px}.group-class-settings-difficulty-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:12px 16px;vertical-align:middle}.group-class-settings-difficulty-table tr:hover{background:#f8fafc}.group-class-settings-difficulty-name{font-weight:500}.group-class-settings-action-header{text-align:center!important;width:100px}.group-class-settings-action-cell{text-align:center}.group-class-settings-action-buttons{align-items:center;display:flex;gap:12px;justify-content:center}.group-class-settings-edit-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:color .2s}.group-class-settings-edit-btn:hover{color:#1e68bf}.group-class-settings-delete-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:color .2s}.group-class-settings-delete-btn:hover{color:#ef4444}.group-class-settings-empty-table-cell{padding:40px!important;text-align:center!important}.group-class-settings-empty-state-small{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px;justify-content:center}.group-class-settings-add-button{align-items:center;background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:300px;padding:8px 16px;transition:all .2s}.group-class-settings-add-button:hover{background:#f0f7ff}.group-class-settings-add-icon{height:16px;width:16px}.group-class-settings-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.group-class-settings-cancel-button{background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:all .2s}.group-class-settings-save-button{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:background .2s}.group-class-settings-save-button:hover{background:#1557a8}.group-class-settings-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.group-class-settings-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:480px;width:90%}.group-class-settings-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;padding:20px 24px;position:relative}.group-class-settings-modal-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0;text-align:center}.group-class-settings-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s}.group-class-settings-modal-close:hover{color:#475569}.group-class-settings-modal-body{margin-bottom:30px;padding:24px}.group-class-settings-modal-footer{display:flex;gap:12px;justify-content:center;padding:16px 24px}.group-class-settings-modal-cancel-btn{background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;padding:16px 28px;transition:all .2s;width:100%}.group-class-settings-modal-create-btn,.group-class-settings-modal-save-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:16px 28px;transition:background .2s;width:100%}.group-class-settings-modal-create-btn:hover,.group-class-settings-modal-save-btn:hover{background:#1557a8}.group-class-settings-modal-create-btn:disabled,.group-class-settings-modal-save-btn:disabled{background:#bbc0c3;cursor:not-allowed}.group-class-settings-form-group{display:flex;flex-direction:column}.group-class-settings-form-input{border:1px solid #d1d4d7;border-radius:4px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s}.group-class-settings-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}@media (max-width:768px){.group-class-settings-form-row-three{gap:16px;grid-template-columns:1fr}.group-class-settings-empty-group{display:none}.group-class-settings-dual-input{flex-direction:column;gap:8px}.group-class-settings-dual-input-unit,.group-class-settings-dual-input-value{width:100%}.group-class-settings-table-wrapper{max-width:100%;overflow-x:auto}.group-class-settings-difficulty-table{min-width:300px}.group-class-settings-form-actions{flex-direction:column-reverse}.group-class-settings-cancel-button,.group-class-settings-save-button{text-align:center;width:100%}}.scheduled-class-tab{width:100%}.scheduled-class-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.scheduled-class-loading-spinner{animation:scheduled-class-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e68bf;height:40px;margin-bottom:16px;width:40px}@keyframes scheduled-class-spin{to{transform:rotate(1turn)}}.scheduled-class-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.scheduled-class-filter-wrapper{display:inline-block;position:relative}.scheduled-class-search-container{flex:1 1;max-width:320px;position:relative}.scheduled-class-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;outline:none;padding:10px 40px 10px 16px;transition:all .2s;width:100%}.scheduled-class-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.scheduled-class-search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:8px;border-top-right-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;transition:background .2s;width:54px}.scheduled-class-search-icon{color:#94a3b8;height:18px;width:18px}.scheduled-class-location-container{min-width:200px;position:relative}.scheduled-class-search-filter-wrapper{align-items:center;display:flex;gap:16px;width:80%}.scheduled-class-location-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:8px 12px;transition:all .2s}.scheduled-class-location-select:hover{border-color:#cbd5e1}.scheduled-class-location-select-content{align-items:center;display:flex;gap:8px}.scheduled-class-loc-icon{color:#64748b;height:18px;width:18px}.scheduled-class-location-select .placeholder{color:#212529;font-weight:500}.scheduled-class-location-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.scheduled-class-filter-icon-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;height:40px;justify-content:space-between;padding:8px 16px;transition:all .2s;width:120px}.scheduled-class-filter-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}.scheduled-class-filter-icon-btn.active{border-color:#1e68bf;color:#1e68bf}.scheduled-class-filter-icon{height:18px;width:18px}.scheduled-class-add-button{align-items:center;background:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:10px 32px;transition:background .2s}.scheduled-class-add-button:hover{background:#1557a8}.scheduled-class-add-icon{height:18px;width:18px}.scheduled-class-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-bottom:0;min-width:480px;padding:20px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.scheduled-class-filter-row{grid-gap:20px;display:grid;gap:20px;margin-bottom:20px}.scheduled-class-filter-group{display:flex;flex-direction:column}.scheduled-class-filter-label{color:#212529;font-size:14px;font-weight:600;margin-bottom:8px}.scheduled-class-filter-select-wrapper{position:relative;width:100%}.scheduled-class-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s}.scheduled-class-filter-select:hover{border-color:#cbd5e1}.scheduled-class-filter-select .placeholder{color:#94a3b8}.scheduled-class-filter-chevron{color:#212529;height:16px;width:16px}.scheduled-class-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.scheduled-class-filter-dropdown.status-dropdown{max-height:280px}.scheduled-class-filter-option{cursor:pointer;padding:10px 12px;transition:background .2s}.scheduled-class-filter-option:hover{background:#f8fafc}.scheduled-class-filter-option-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.scheduled-class-filter-option-checkbox:hover{background:#f8fafc}.scheduled-class-filter-option-checkbox input{cursor:pointer;margin:0}.scheduled-class-filter-option-checkbox span{color:#1e293b;font-size:14px}.scheduled-class-filter-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.scheduled-class-filter-reset-btn{background:#0000;border:#0000;border-radius:4px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.scheduled-class-filter-reset-btn:hover{background:#f0f7ff}.scheduled-class-filter-apply-btn{background:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background .2s}.scheduled-class-filter-apply-btn:hover{background:#1557a8}.scheduled-class-list-header{margin-bottom:20px}.scheduled-class-list-header h2{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.scheduled-class-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.scheduled-class-empty-icon{color:#cbd5e1;height:80px;margin-bottom:16px;width:80px}.scheduled-class-empty-state span{color:#64748b;font-size:14px;max-width:400px}.scheduled-class-table-container{margin-bottom:20px}.scheduled-class-table{background:#fff;border:1px solid #e9e9ea;border-collapse:initial;border-radius:8px;border-spacing:0;width:100%}.scheduled-class-table th{background:#f4f6f9;font-weight:600;text-align:left}.scheduled-class-table td,.scheduled-class-table th{border-bottom:1px solid #e2e8f0;color:#212529;font-size:14px;padding:12px 16px}.scheduled-class-table td{vertical-align:middle}.scheduled-class-table tr:last-child td{border-bottom:none}.scheduled-class-header-with-sort{align-items:center;cursor:pointer;display:flex;gap:8px}.scheduled-class-two-line-header{display:flex;flex-direction:column;line-height:1.3}.scheduled-class-two-line-header span:first-child,.scheduled-class-two-line-header span:last-child{font-size:12px}.scheduled-class-sort-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:0}.scheduled-class-sort-icon-down,.scheduled-class-sort-icon-up{color:#899197;height:15px;transition:color .2s;width:15px}.scheduled-class-sort-icon-up{margin-bottom:-2px}.scheduled-class-sort-icon-down{margin-top:-2px}.scheduled-class-sort-icon-down.active,.scheduled-class-sort-icon-up.active{color:#1e68bf}.scheduled-class-action-header{text-align:center!important;width:80px}.scheduled-class-schedule-cell{min-width:100px}.scheduled-class-schedule-date{color:#1e293b;font-weight:500}.scheduled-class-schedule-time{color:#64748b;font-size:12px;margin-top:4px}.scheduled-class-booked-cell{text-align:center}.scheduled-class-booked{color:#212529;font-weight:500}.scheduled-class-available{color:#64748b;font-size:12px;margin-top:4px}.scheduled-class-status-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:500;padding:6px 20px;text-align:center;width:120px}.scheduled-class-status-badge.status-completed{background:#2e7d32;color:#fff}.scheduled-class-status-badge.status-in-progress{background:#ed6c02;color:#fff}.scheduled-class-status-badge.status-upcoming{background:#1976d2;color:#fff}.scheduled-class-status-badge.status-cancelled{background:#c62828;color:#fff}.scheduled-class-status-badge.status-private{background:#7b1fa2;color:#fff}.scheduled-class-status-badge.status-confirmed{background:#2e7d32;color:#fff}.scheduled-class-action-cell{text-align:center}.scheduled-class-dropdown-container{display:inline-block;position:relative}.scheduled-class-three-dots-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:background .2s}.scheduled-class-three-dots-button:hover{background:#f1f5f9}.scheduled-class-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.scheduled-class-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background .2s;width:100%}.scheduled-class-dropdown-item:hover{background:#f8fafc}.scheduled-class-dropdown-item.delete{color:#1e293b}.scheduled-class-dropdown-icon{height:16px;width:16px}.scheduled-class-pagination-container{display:flex;justify-content:right;margin-top:24px}.scheduled-class-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.scheduled-class-pagination-button{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.scheduled-class-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.scheduled-class-pagination-button:disabled{cursor:not-allowed;opacity:.5}.scheduled-class-pagination-number{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.scheduled-class-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.scheduled-class-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.scheduled-class-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.scheduled-class-pagination-info{color:#64748b;font-size:12px;margin-top:16px;text-align:center}@media (max-width:768px){.scheduled-class-filter-panel{left:0;min-width:calc(100vw - 40px);right:auto;width:calc(100% - 40px)}.scheduled-class-header{align-items:stretch;flex-direction:column}.scheduled-class-search-filter-wrapper{flex-direction:column}.scheduled-class-search-container{max-width:100%}.scheduled-class-location-container{width:100%}.scheduled-class-filter-row{gap:12px;grid-template-columns:1fr}.scheduled-class-table-container{overflow-x:auto}.scheduled-class-table{min-width:800px}}.group-class-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.group-class-tab-navigation{background-color:initial;border-bottom:2px solid #e9e9ea;display:flex;margin-bottom:24px;margin-left:20px;padding:0;width:-webkit-fit-content;width:fit-content}.group-class-tab-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .2s}.group-class-tab-btn:hover{color:#1e293b}.group-class-tab-btn.active{color:#1e68bf}.group-class-tab-btn.active:after{background:#1e68bf;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.group-class-tab-content{min-height:400px}.group-class-coming-soon{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.group-class-create-tab{width:100%}.group-class-create-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.group-class-search-filter-wrapper{align-items:center;display:flex;gap:12px;width:50%}.group-class-search-container{position:relative;width:50%}.group-class-search-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;height:40px;outline:none;padding:0 60px 0 16px;transition:all .2s;width:100%}.group-class-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.group-class-search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:8px;border-top-right-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;transition:background .2s;width:54px}.group-class-search-button:hover{background:#1557a8}.group-class-search-icon{color:#fff;height:18px;width:18px}.group-class-filter-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:20px;height:40px;justify-content:space-between;padding:0 16px;transition:all .2s;white-space:nowrap;width:-webkit-max-content;width:max-content}.group-class-filter-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}.group-class-filter-icon-btn.active{border-color:#1e68bf;color:#1e68bf}.group-class-header-buttons{align-items:center;display:flex;gap:12px}.group-class-add-button-secondary{align-items:center;background:#fff;border:1px solid #1e68bf;border-radius:8px;box-sizing:border-box;color:#1e68bf;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;padding:0 16px;transition:all .2s}.group-class-add-button-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.group-class-add-icon-blue{fill:#1e68bf;color:#1e68bf;height:16px;width:16px}.group-class-add-button{align-items:center;background:#1e68bf;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;padding:0 16px;transition:background .2s}.group-class-add-button:hover{background:#1557a8}.group-class-add-icon{height:16px;width:16px}.group-class-filter-select{box-sizing:border-box;height:40px;padding:0 12px}.group-class-filter-select .placeholder{color:#94a3b8}.group-class-filter-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.group-class-filter-reset-btn{background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 20px;transition:all .2s}.group-class-filter-apply-btn{border-radius:10px;box-sizing:border-box;font-size:16px;font-weight:600;height:40px;padding:10px 20px}.group-class-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:6px;font-size:14px;width:100%}.group-class-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left}.group-class-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:16px;vertical-align:middle}.group-class-table tr:hover{background:#f8fafc}.group-class-header-with-sort{align-items:center;cursor:pointer;display:flex;gap:8px}.group-class-sort-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:0}.group-class-sort-icon{color:#cbd5e1;height:16px;margin-bottom:-4px;transition:color .2s;width:18px}.group-class-sort-icon.active{color:#1e68bf}.group-class-action-header{text-align:center!important;width:80px}.group-class-action-cell{text-align:center}.group-class-dropdown-container{display:inline-block;position:relative}.group-class-three-dots-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:background .2s}.group-class-three-dots-button:hover{background:#f1f5f9}.group-class-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.group-class-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background .2s;width:100%}.group-class-dropdown-item:hover{background:#f8fafc}.group-class-dropdown-icon{height:16px;width:16px}.group-class-visibility-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:500;padding:6px 20px}.group-class-visibility-badge.visible{background:#34c759;color:#fff}.group-class-visibility-badge.hidden{background:#ff383c;color:#fff}.group-class-empty-state{text-align:center}.group-class-empty-state,.group-class-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.group-class-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e68bf;height:40px;margin-bottom:16px;width:40px}.group-class-difficulty-cell,.group-class-duration-cell,.group-class-name-cell,.group-class-pricing-cell,.group-class-visibility-cell{border-bottom:1px solid #e2e8f0;padding:16px}.group-class-settings-tab{padding:0}.group-class-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.group-class-types-list{display:flex;flex-direction:column;gap:12px}.group-class-type-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.group-class-type-name{color:#1e293b;font-size:14px;font-weight:500}.group-class-type-actions{display:flex;gap:8px}.group-class-type-action-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.group-class-type-action-btn:hover{color:#475569}.group-class-type-action-btn.edit:hover{color:#1e68bf}.group-class-type-action-btn.delete:hover{color:#ef4444}.group-class-empty-state-small{color:#64748b;padding:40px;text-align:center}.group-class-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.group-class-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:480px;width:90%}.group-class-modal-header{align-items:center;background:#0000;display:flex;justify-content:center;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.group-class-modal-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.group-class-modal-close{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:32px}.group-class-modal-body{margin-bottom:30px;padding:24px}.group-class-modal-footer{display:flex;gap:12px;justify-content:center;padding:16px 24px}.group-class-modal-cancel-btn{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;padding:16px 20px;transition:all .2s;width:50%}.group-class-modal-create-btn,.group-class-modal-save-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;transition:background .2s;width:50%}.group-class-modal-create-btn:hover,.group-class-modal-save-btn:hover{background:#1557a8}.group-class-modal-create-btn:disabled,.group-class-modal-save-btn:disabled{background:#bbc0c3;cursor:not-allowed}.group-class-form-group{display:flex;flex-direction:column}.group-class-form-label{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:8px}.group-class-required{color:#ef4444;margin-left:4px}.group-class-form-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s}.group-class-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.group-class-footer{height:100px}@media (max-width:768px){.group-class-create-header{align-items:stretch;flex-direction:column}.group-class-search-filter-wrapper{justify-content:space-between}.group-class-search-container{max-width:300px;width:100%}.group-class-header-buttons{justify-content:flex-end}.group-class-table{display:block;overflow-x:auto}}.group-class-filter-wrapper{position:relative}.group-class-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;left:20%;min-width:480px;padding:20px;position:absolute;top:50px;z-index:100}.group-class-filter-row{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.group-class-list-header{margin-bottom:20px}.group-class-list-header h2{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.group-class-filter-group{display:flex;flex-direction:column}.group-class-filter-label{color:#1e293b;font-size:13px;font-weight:500;margin-bottom:8px}.group-class-filter-select-wrapper{position:relative;width:100%}.group-class-filter-select{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s}.group-class-filter-select:hover{border-color:#cbd5e1}.group-class-placeholder{color:#94a3b8}.group-class-filter-chevron{color:#94a3b8;height:16px;width:16px}.group-class-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.group-class-filter-option{cursor:pointer;padding:10px 12px;transition:background .2s}.group-class-filter-option:hover{background:#f8fafc}.group-class-filter-apply-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:background .2s}.group-class-filter-apply-btn:hover{background:#1557a8}.group-class-filter-icon{height:18px;width:18px}@media (max-width:768px){.group-class-filter-panel{left:50%;max-height:80vh;min-width:auto;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.group-class-filter-row{gap:16px;grid-template-columns:1fr}}.multiple-items-list{display:flex;flex-direction:column;gap:2px;gap:4px}.multiple-item{color:#1e293b;font-size:13px;line-height:1.4}.multiple-item.more-items{color:#1e68bf;cursor:pointer;font-weight:500}.multiple-item.more-items:hover{text-decoration:underline}.group-class-settings-cancellation-deadline{display:flex;flex-direction:column;gap:8px}.group-class-filter-option-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.group-class-filter-option-checkbox:hover{background:#f8fafc}.group-class-filter-option-checkbox input{cursor:pointer;margin:0}.group-class-filter-option-checkbox span{color:#1e293b;font-size:14px}.group-class-filter-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.group-class-filter-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.scheduled-class-filter-option-checkbox input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.create-schedule-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.create-schedule-header-page{margin-bottom:20px}.create-schedule-header-wrapper{align-items:center;display:flex;justify-content:space-between}.create-schedule-header-left{flex:1 1;margin-left:20px;margin-top:20px}.create-schedule-back-button-container{align-items:center;display:flex;gap:16px;margin-bottom:8px}.create-schedule-back-icon-wrapper{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.create-schedule-back-icon-wrapper:hover{background:#f1f5f9}.create-schedule-back-icon{height:20px;width:20px}.create-schedule-header-left h1{color:#1a1f36;font-size:24px;font-weight:600;margin:0}.create-schedule-header-left span{color:#64748b;font-size:14px}.create-schedule-content-page{padding:20px}.create-schedule-form-row-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.create-schedule-form-row-two{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.create-schedule-form-row-radio{display:flex;gap:24px;margin-bottom:20px}.create-schedule-form-group{display:flex;flex-direction:column;margin-bottom:20px}.create-schedule-form-label{color:#212529;font-size:14px;font-weight:600;margin-bottom:8px}.create-schedule-required{color:#ef4444;margin-left:4px}.create-schedule-form-input{border:1px solid #d1d4d7;border-radius:4px;color:#212529;font-size:14px;height:40px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.create-schedule-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-schedule-form-input.create-schedule-error{border-color:#ef4444}.create-schedule-form-input:disabled{background-color:#f0f1f2;color:#6a6d70;cursor:not-allowed}.create-schedule-select-wrapper{position:relative;width:100%}.create-schedule-form-select-custom:hover{border-color:#cbd5e1}.create-schedule-form-select-custom.create-schedule-error{border-color:#ef4444}.create-schedule-placeholder{color:#94a3b8}.create-schedule-select-chevron{color:#212529;flex-shrink:0;height:16px;margin-left:8px;width:16px}.create-schedule-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.create-schedule-select-option{cursor:pointer;padding:10px 12px;transition:background .2s}.create-schedule-select-option:hover{background:#f8fafc}.create-schedule-select-option.create-schedule-selected{background:#e6f0ff;color:#1e68bf}.create-schedule-form-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;font-size:14px;height:40px;outline:none;padding:10px 32px 10px 12px;width:100%}.create-schedule-date-input-wrapper{position:relative;width:100%}.create-schedule-date-picker-icon{color:#94a3b8;cursor:pointer;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.create-schedule-date-picker-icon.create-schedule-disabled{cursor:not-allowed;opacity:.5}.create-schedule-date-picker-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;position:absolute;top:calc(100% + 4px);z-index:100}.create-schedule-time-picker-wrapper{position:relative;width:100%}.create-schedule-time-picker-container{display:flex;position:relative;width:100%}.create-schedule-time-picker-input{background:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#212529;font-size:14px;height:40px;outline:none;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.create-schedule-time-picker-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-schedule-time-picker-input.create-schedule-error{border-color:#ef4444}.create-schedule-time-picker-btn{align-items:center;background:none;background:#0000;border:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;width:40px}.create-schedule-time-picker-icon{color:#64748b;height:18px;width:18px}.create-schedule-time-picker-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;min-width:200px;padding:12px;position:absolute;top:calc(100% + 4px);z-index:100}.create-schedule-time-picker-row{align-items:center;display:flex;gap:8px;justify-content:center}.create-schedule-time-picker-col{align-items:center;display:flex;flex-direction:column;gap:4px}.create-schedule-time-arrow-down,.create-schedule-time-arrow-up{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:color .2s}.create-schedule-time-arrow-down:hover,.create-schedule-time-arrow-up:hover{color:#1e68bf}.create-schedule-time-value{color:#212529;font-size:16px;font-weight:600;min-width:40px;text-align:center}.create-schedule-time-separator{color:#212529;font-size:18px;font-weight:600}.create-schedule-custom-number-input{align-items:center;display:flex;position:relative;width:100%}.create-schedule-custom-number-input-field{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;outline:none;padding:10px 32px 10px 12px;transition:all .2s;width:100%}.create-schedule-custom-number-input-field:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-schedule-custom-number-input-field.create-schedule-error{border-color:#ef4444}.create-schedule-custom-number-input-field:disabled{background-color:#f5f5f5;color:#adb5bd;cursor:not-allowed}.create-schedule-custom-number-controls{display:flex;flex-direction:column;position:absolute;right:8px}.create-schedule-custom-number-down,.create-schedule-custom-number-up{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s}.create-schedule-custom-number-down:hover,.create-schedule-custom-number-up:hover{color:#1e68bf}.create-schedule-custom-number-down svg,.create-schedule-custom-number-up svg{height:14px;width:14px}.create-schedule-repeat-value{width:100px}.create-schedule-days-of-week{display:flex;flex-wrap:wrap;gap:8px}.create-schedule-day-button{background:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#212529;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s}.create-schedule-day-button:hover{border-color:#1e68bf}.create-schedule-day-button.create-schedule-active{background:#0000;border-color:#1e68bf;color:#1e68bf}.create-schedule-error-border{border:1px solid #ef4444;border-radius:4px;padding:8px}.create-schedule-radio-label{align-items:center;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px}.create-schedule-radio-label input{accent-color:#1e68bf;cursor:pointer;height:16px;margin:0;width:16px}.create-schedule-ends-options-vertical{display:flex;flex-direction:column;gap:16px}.create-schedule-ends-option-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.create-schedule-ends-radio{margin:0;min-width:60px}.create-schedule-ends-date{width:150px}.create-schedule-ends-after-input-wrapper{width:100px}.create-schedule-ends-after-text{color:#64748b;font-size:14px;margin-left:8px}.create-appointment-form-actions,.create-schedule-form-actions{display:flex;gap:16px;justify-content:flex-end}.create-appointment-form-actions{margin-top:32px;padding-top:24px}.create-schedule-cancel-button{background:#0000;border:1px solid #1e68bf;border-radius:4px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.create-schedule-cancel-button:hover{background:#f0f7ff}.create-schedule-save-button{background:#1e68bf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.create-schedule-repeat-every-group{align-items:center;display:flex;gap:12px}.create-schedule-save-button:hover{background:#1557a8}.create-schedule-error-message{color:#ef4444;font-size:12px;margin-top:4px}.create-schedule-section-title{color:#1e68bf;font-size:18px;font-weight:700;margin:0 0 20px}.create-schedule-form-section{border-bottom:4px solid #f0f1f2;margin-bottom:32px;padding-bottom:32px}.create-schedule-footer{height:100px}@media (max-width:768px){.create-schedule-form-row-three,.create-schedule-form-row-two{gap:16px;grid-template-columns:1fr}.create-schedule-repeat-every-group{align-items:flex-start;flex-direction:column}.create-schedule-repeat-unit,.create-schedule-repeat-value{width:100%}.create-schedule-ends-option-row{align-items:flex-start;flex-direction:column}.create-schedule-ends-date{width:100%}.create-schedule-days-of-week{gap:6px}.create-schedule-day-button{font-size:11px;padding:6px 12px}}.create-schedule-repeat-unit{position:relative;width:120px}.create-schedule-repeat-unit .create-schedule-form-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;font-size:14px;height:40px;outline:none;padding:10px 32px 10px 12px;width:100%}.create-schedule-repeat-unit .create-schedule-select-chevron{color:#212529;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.create-schedule-registered-customers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.create-schedule-add-customer-btn{align-items:center;background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:16px 20px;transition:background .2s}.create-schedule-add-icon{height:16px;width:16px}.create-schedule-registered-customers-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow-x:visible}.create-schedule-registered-customers-table{border-collapse:collapse;font-size:14px;width:100%}.create-schedule-registered-customers-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 16px;text-align:left}.create-schedule-registered-customers-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:12px 16px;vertical-align:middle}.create-schedule-empty-table-cell{color:#94a3b8;padding:40px!important;text-align:center}.create-schedule-customer-status-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:600;padding:6px 20px}.create-schedule-status-active{background:#2e7d32;color:#fff}.create-schedule-status-checked-in{background:#1976d2;color:#fff}.create-schedule-status-cancelled{background:#c62828;color:#fff}.create-schedule-action-header{text-align:center!important;width:60px}.create-schedule-action-cell{text-align:center}.create-schedule-dropdown-container{display:inline-block;position:relative}.create-schedule-three-dots-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:background .2s}.create-schedule-three-dots-button:hover{background:#f1f5f9}.create-schedule-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.create-schedule-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background .2s;width:100%}.create-schedule-dropdown-item:hover{background:#f8fafc}.create-schedule-dropdown-item.delete{color:#ef4444}.create-schedule-dropdown-icon{height:16px;width:16px}.create-schedule-search-container{position:relative;width:100%}.create-schedule-search-icon{color:#94a3b8;height:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.create-schedule-radio-label input:disabled{accent-color:#cbd5e1;cursor:not-allowed}.create-schedule-radio-label input:disabled+span{color:#94a3b8;cursor:not-allowed}.create-schedule-customer-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.create-schedule-customer-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.create-schedule-customer-option:hover{background:#f8fafc}.create-schedule-customer-option .customer-name{color:#1e293b;font-size:14px}.create-schedule-customer-option .customer-id{color:#94a3b8;font-size:12px}.create-schedule-loading-text{color:#94a3b8;font-size:12px;margin-top:4px}.create-schedule-customer-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-schedule-customer-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:auto;max-height:70vh;max-width:500px;overflow:visible;width:90%}.create-schedule-customer-modal-header{align-items:center;display:flex;justify-content:center;padding:20px 24px;position:relative}.create-schedule-customer-modal-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0;text-align:center}.create-schedule-customer-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:color .2s}.create-schedule-customer-modal-close:hover{color:#475569}.create-schedule-customer-modal-body{flex:1 1;overflow-y:visible;padding:24px}.create-schedule-customer-modal-form-group{margin-bottom:20px;position:relative}.create-schedule-customer-modal-form-group:last-child{margin-bottom:0}.create-schedule-customer-modal-form-label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.create-schedule-customer-modal-search-container{position:relative;width:100%}.create-schedule-customer-modal-search-input{background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#212529;font-size:14px;height:42px;outline:none;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.create-schedule-customer-modal-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-schedule-customer-modal-search-icon{color:#94a3b8;height:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.create-schedule-customer-modal-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.create-schedule-customer-modal-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.create-schedule-customer-modal-option:hover{background:#f8fafc}.create-schedule-customer-modal-option-name{color:#1e293b;font-size:14px}.create-schedule-customer-modal-option-id{color:#94a3b8;font-size:12px}.create-schedule-customer-modal-loading{color:#94a3b8;font-size:12px;margin-top:8px}.create-schedule-customer-modal-select-wrapper{position:relative;width:100%}.create-schedule-customer-modal-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#212529;cursor:pointer;font-size:14px;height:42px;outline:none;padding:10px 32px 10px 12px;transition:all .2s;width:100%}.create-schedule-customer-modal-select:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-schedule-customer-modal-select-chevron{color:#212529;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.create-schedule-customer-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.create-schedule-customer-modal-cancel-btn{background:#0000;border:1px solid #1e68bf;border-radius:6px;color:#1e68bf;cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;transition:all .2s}.create-schedule-customer-modal-add-btn{background:#1e68bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;transition:background .2s}.create-schedule-customer-modal-add-btn:hover:not(:disabled){background:#1557a8}.create-schedule-customer-modal-add-btn:disabled{background:#bbc0c3;cursor:not-allowed}.create-appointment-search-input-wrapper{position:relative;width:100%}.create-appointment-search-input{border:1px solid #d1d4d7;border-radius:4px;box-sizing:border-box;color:#212529;font-size:14px;height:40px;outline:none;padding:12px 42px 12px 16px;transition:all .2s;width:100%}.create-appointment-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-appointment-search-input.create-schedule-error{border-color:#ef4444}.create-appointment-search-icon{color:#1e68bf;height:18px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px}.create-appointment-search-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.create-appointment-search-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.create-appointment-search-option:hover{background:#f8fafc}.create-appointment-option-name{color:#1e293b;font-size:14px;font-weight:500}.create-appointment-option-id{color:#94a3b8;font-size:12px}.create-appointment-search-loading{color:#94a3b8;font-size:12px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.create-appointment-error-message{color:#ef4444;font-size:12px;margin-top:4px}.create-schedule-form-select-custom.disabled,.create-schedule-form-select-custom:disabled,.create-schedule-form-select-custom[disabled]{background-color:#f0f1f2;color:#94a3b8;cursor:not-allowed;pointer-events:none}.create-schedule-date-input-wrapper.disabled,.date-input-wrapper.disabled{background-color:#f0f1f2;cursor:not-allowed}.create-schedule-time-picker-container input:disabled{background-color:#f0f1f2;color:#94a3b8;cursor:not-allowed}.create-schedule-time-picker-btn:disabled{background-color:#f0f1f2;cursor:not-allowed;opacity:.5}.create-schedule-select-wrapper .disabled,.create-schedule-select-wrapper[disabled]{background-color:#f0f1f2;opacity:.7}.judul-gear{display:flex;flex-direction:row;justify-content:space-between}.create-schedule-settings-btn{align-items:center;background:#0000;border:1px solid #bbc0c3;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.create-schedule-settings-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;overflow:hidden;position:absolute;right:25px;z-index:100}.create-schedule-settings-option{align-items:center;background:#0000;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.create-schedule-settings-option:hover{background:#f8fafc}.create-schedule-cancel-notify{display:flex;padding-left:35px;padding-top:16px;text-align:left}.create-schedule-checkbox-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:10px}.create-schedule-checkbox-label input{cursor:pointer;height:16px;margin:0;width:16px}.create-schedule-checkbox-label span{line-height:1.4}.create-schedule-cancel-notify input[type=checkbox]{accent-color:#1e68bf}.modal-checkbox{color:#212529;font-size:14px;font-weight:500}.create-schedule-multi-select-dropdown{max-height:200px;overflow-y:auto}.create-schedule-checkbox-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s}.create-schedule-checkbox-option:hover{background:#f8fafc}.create-schedule-checkbox-option input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.create-schedule-checkbox-option.create-schedule-disabled{background-color:#f8fafc;cursor:not-allowed;opacity:.5}.create-schedule-checkbox-option.create-schedule-disabled input{cursor:not-allowed}.create-schedule-no-option{color:#64748b;padding:12px;text-align:center}.create-schedule-form-select-custom{align-items:center;background-color:#fff;border:1px solid #d1d4d7;border-radius:4px;cursor:pointer;display:flex;height:auto;justify-content:space-between;min-height:40px;padding:8px 12px;transition:all .2s}.create-schedule-selected-badges{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.create-schedule-instructor-badge{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-weight:500;gap:6px;padding:4px 8px 4px 12px;white-space:nowrap}.create-schedule-badge-remove,.create-schedule-instructor-badge{align-items:center;color:#1e40af;display:inline-flex;font-size:12px}.create-schedule-badge-remove{background-color:#bfdbfe;border:none;border-radius:50%;cursor:pointer;font-weight:700;height:16px;justify-content:center;transition:all .2s;width:16px}.promo-code-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.promo-code-list-header{margin-bottom:24px}.promo-code-list-header h2{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.promo-code-search-filter-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.promo-code-search-container{min-width:20%;position:relative}.promo-code-search-input{border:1px solid #d1d4d7;border-radius:6px;font-size:14px;height:40px;outline:none;padding:10px 40px 10px 16px;transition:all .2s;width:100%}.promo-code-search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:6px;border-top-right-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;transition:background .2s;width:54px}.promo-code-search-icon{color:#94a3b8;height:18px;width:18px}.promo-code-filter-wrapper{position:relative}.promo-code-filter-icon-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:8px;height:40px;justify-content:space-between;padding:8px 16px;transition:all .2s;width:130px}.promo-code-filter-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1}.promo-code-filter-icon-btn.active{border-color:#1e68bf;color:#1e68bf}.promo-code-filter-icon{height:18px;width:18px}.promo-code-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:500px;padding:20px;position:absolute;top:calc(100% + 8px);z-index:100}.promo-code-filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.promo-code-filter-row-full{margin-bottom:20px}.promo-code-filter-group{display:flex;flex-direction:column;width:215px}.promo-code-filter-group.full-width{width:100%}.promo-code-filter-group-placeholder{visibility:hidden}.promo-code-filter-label{color:#212529;font-size:14px;font-weight:600;margin-bottom:8px}.promo-code-filter-select-wrapper{position:relative;width:100%}.promo-code-filter-select{align-items:center;background:#0000;border:1px solid #d1d4d7;border-radius:6px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.promo-code-filter-select:hover{border-color:#cbd5e1}.promo-code-filter-chevron{color:#000;height:20px;width:20px}.promo-code-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.promo-code-filter-option{cursor:pointer;padding:10px 12px;transition:background .2s}.promo-code-filter-option:hover{background:#f8fafc}.promo-code-custom-number-input{align-items:center;display:flex;position:relative;width:100%}.promo-code-custom-number-input-field{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;padding:10px 32px 10px 12px;transition:all .2s;width:100%}.promo-code-custom-number-input-field:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.promo-code-custom-number-controls{display:flex;flex-direction:column;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.promo-code-custom-number-down,.promo-code-custom-number-up{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s}.promo-code-custom-number-down:hover,.promo-code-custom-number-up:hover{color:#1e68bf}.promo-code-price-input-group{align-items:center;display:flex;width:100%}.promo-code-price-currency-box{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px 0 0 6px;border-right:none;color:#1e293b;display:flex;font-size:14px;font-weight:500;height:42px;justify-content:center;padding:0 12px}.promo-code-form-input-price{border:1px solid #e2e8f0;border-radius:0 8px 8px 0;flex:1 1;font-size:14px;height:42px;outline:none;padding:0 12px;transition:all .2s}.promo-code-form-input-price:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.promo-code-date-range-inputs{align-items:center;display:flex;gap:12px}.promo-code-date-input-wrapper{flex:1 1}.promo-code-form-input{width:100%}.promo-code-date-separator{color:#94a3b8;font-size:14px}.promo-code-date-picker-popup{border:1px solid #e2e8f0}.promo-code-filter-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.promo-code-filter-reset-btn{background:#fff;color:#1e68bf;font-weight:600}.promo-code-filter-apply-btn,.promo-code-filter-reset-btn{border:none;cursor:pointer;font-size:14px;padding:10px 20px}.promo-code-filter-apply-btn{background:#1e68bf;border-radius:6px;color:#fff;font-weight:500;transition:background .2s}.promo-code-filter-apply-btn:hover{background:#1557a8}.promo-code-table-container{margin-top:20px}.promo-code-table{border:1px solid #e2e8f0;border-collapse:initial;font-size:14px}.promo-code-table td,.promo-code-table th{border-bottom:1px solid #e2e8f0;color:#212529}.promo-code-table td{font-weight:500;vertical-align:middle}.promo-code-table tbody:last-child tr:last-child td{border-bottom:none}.promo-code-table tr:hover{background:#f8fafc}.promo-code-header-with-sort{align-items:center;cursor:pointer;display:flex;gap:8px}.promo-code-sort-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:0}.promo-code-sort-icon{color:#cbd5e1;height:12px;transition:color .2s;width:12px}.promo-code-sort-icon.active{color:#1e68bf}.promo-code-action-header,.promo-code-status-header{text-align:center!important}.promo-code-discount-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.promo-code-discount-badge.percentage{background:#e6f0ff;color:#1e68bf}.promo-code-discount-badge.amount{background:#e6f7e6;color:#2e7d32}.promo-code-status-badge{border-radius:100px;display:inline-block;font-size:13px;font-weight:600;padding:6px 20px}.promo-code-status-badge.status-active{background:#34c759;color:#fff}.promo-code-status-badge.status-inactive{background:#ff383c;color:#fff}.promo-code-status-badge.status-full-used{background:#ff8d28;color:#fff}.promo-code-status-badge.status-expired{background:#d1d4d7;color:#fff}.promo-code-usage-cell{color:#1e293b;font-weight:500}.promo-code-conditions-cell{max-width:200px;word-break:break-word}.promo-code-dropdown-container{display:inline-block;position:relative}.promo-code-three-dots-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:background .2s}.promo-code-three-dots-button:hover{background:#f1f5f9}.promo-code-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.promo-code-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background .2s;width:100%}.promo-code-dropdown-item:hover{background:#f8fafc}.promo-code-dropdown-icon{height:16px;width:16px}.promo-code-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.promo-code-empty-icon{color:#cbd5e1;height:80px;margin-bottom:16px;width:80px}.promo-code-empty-state span{color:#64748b;font-size:14px;line-height:1.5;max-width:400px;text-align:center}.promo-code-pagination-container{display:flex;justify-content:right;margin-top:24px}.promo-code-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.promo-code-pagination-button{background:#fff;height:32px;width:32px}.promo-code-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.promo-code-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.promo-code-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.promo-code-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.promo-code-footer{height:100px}@media (max-width:768px){.promo-code-search-filter-wrapper{align-items:stretch;flex-direction:column}.promo-code-search-container{max-width:none}.promo-code-filter-panel{bottom:auto;left:50%;max-height:80vh;min-width:auto;overflow-y:auto;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90%}.promo-code-filter-row{gap:16px;grid-template-columns:1fr}.promo-code-date-range-inputs{flex-direction:column}.promo-code-date-separator{display:none}}.promo-code-discount-value-container{width:100%}.promo-code-discount-symbol{align-items:center;background-color:#f0f1f2;color:#4d5154;display:flex;height:42px;justify-content:center;width:48px}.promo-code-discount-input{border:none;color:#1e293b;flex:1 1;font-size:14px;outline:none;padding-left:10px}.promo-code-discount-input:focus{box-shadow:inset 0 0 0 2px #1e68bf1a}.promo-code-placeholder{color:#94a3b8}.promo-code-discount-rules{display:flex;flex-direction:column;gap:4px}.discount-rule-line{color:#1e293b;font-size:13px;line-height:1.4}.promo-code-datetime{display:flex;flex-direction:column;gap:2px}.datetime-date{color:#1e293b;font-size:13px;font-weight:500}.datetime-time{color:#64748b;font-size:12px}.promo-code-usage{color:#1e293b;font-size:14px;font-weight:500}.infinity-symbol{font-family:serif;font-size:18px;font-weight:400;margin-left:2px}.promo-code-tier-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:600;padding:6px 20px}.promo-code-filter-dropdown.multi-select{min-width:200px;padding:8px 0}.promo-code-filter-option-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background .2s}.promo-code-filter-option-checkbox:hover{background:#f8fafc}.promo-code-filter-option-checkbox input{accent-color:#1e68bf;cursor:pointer;height:16px;margin:0;width:16px}.promo-code-filter-option-checkbox span{color:#1e293b;font-size:14px}.create-promo-code-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.promo-code-form-section{border-bottom:4px solid #f0f1f2;margin-bottom:32px;padding-bottom:20px}.promo-code-form-section-last{border-bottom:4px solid #f0f1f2;margin-bottom:0}.promo-code-section-title{color:#1e68bf;font-size:18px;font-weight:600;margin:0 0 20px}.promo-code-form-row-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.promo-code-form-group{display:flex;flex-direction:column}.promo-code-form-group.col-span-3{grid-column:span 3}.promo-code-form-group.empty-group{visibility:hidden}.promo-code-form-label{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:8px}.promo-code-required{color:#ef4444;margin-left:4px}.promo-code-form-input{border:1px solid #d1d4d7;border-radius:6px;font-size:14px;height:40px;outline:none;padding:10px 12px;transition:all .2s}.promo-code-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.promo-code-form-input.error{border-color:#ef4444}.promo-code-form-textarea{border:1px solid #d1d4d7;border-radius:6px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical}.promo-code-form-textarea:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.promo-code-form-textarea.error{border-color:#ef4444}.promo-code-select-wrapper{position:relative;width:100%}.promo-code-form-select-custom{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:10px 12px;transition:all .2s}.promo-code-form-select-custom:hover{border-color:#cbd5e1}.promo-code-form-select-custom.error{border-color:#ef4444}.promo-code-form-select-custom .placeholder{color:#94a3b8}.promo-code-select-chevron{color:#94a3b8;height:16px;width:16px}.promo-code-select-dropdown{background:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.promo-code-select-option{cursor:pointer;padding:10px 12px;transition:background .2s}.promo-code-select-option:hover{background:#f8fafc}.promo-code-select-option.selected{background:#e6f0ff;color:#1e68bf}.promo-code-date-input-wrapper{position:relative;width:100%}.promo-code-date-picker-icon{color:#94a3b8;cursor:pointer;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.promo-code-date-picker-popup{background:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;position:absolute;top:calc(100% + 4px);z-index:100}.promo-code-time-picker-wrapper{position:relative;width:100%}.promo-code-time-picker-container{align-items:center;display:flex;position:relative}.promo-code-time-picker-input{border:1px solid #d1d4d7;border-radius:6px;flex:1 1;font-size:14px;height:40px;outline:none;padding:10px 12px;transition:all .2s}.promo-code-time-picker-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.promo-code-time-picker-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.promo-code-time-picker-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.promo-code-time-picker-btn:disabled{cursor:not-allowed;opacity:.5}.promo-code-time-picker-icon{color:#94a3b8;height:18px;width:18px}.promo-code-time-picker-dropdown{background:#fff;border:1px solid #d1d4d7;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;min-width:180px;padding:12px;position:absolute;top:calc(100% + 4px);z-index:100}.promo-code-time-picker-row{align-items:center;display:flex;gap:8px;justify-content:center}.promo-code-time-picker-col{align-items:center;display:flex;flex-direction:column}.promo-code-time-arrow-down,.promo-code-time-arrow-up{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transition:color .2s}.promo-code-time-arrow-down:hover,.promo-code-time-arrow-up:hover{color:#1e68bf}.promo-code-time-value{min-width:50px;padding:4px 8px;text-align:center}.promo-code-time-separator,.promo-code-time-value{color:#1e293b;font-size:18px;font-weight:600}.promo-code-discount-value-container{align-items:center;border:1px solid #d1d4d7;border-radius:6px;display:flex;height:40px;overflow:hidden}.promo-code-discount-value-container:focus-within{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.promo-code-discount-symbol{background:#f8fafc;border-right:1px solid #d1d4d7;color:#475569;font-size:14px;font-weight:500;min-width:50px;padding:10px 12px;text-align:center}.promo-code-discount-value-container .promo-code-form-input{border:none;border-radius:0;flex:1 1}.promo-code-discount-value-container .promo-code-form-input:focus{box-shadow:none}.promo-code-price-input-wrapper{align-items:center;display:flex;position:relative}.promo-code-price-currency-prefix{color:#1e293b;font-size:14px;font-weight:500;left:12px;pointer-events:none;position:absolute}.promo-code-price-input-with-prefix{padding-left:40px!important;width:100%}.promo-code-toggle-switch-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:12px}.promo-code-toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.promo-code-toggle-switch input{height:0;opacity:0;width:0}.promo-code-toggle-slider{background-color:#cbd5e1;border-radius:24px;cursor:pointer;height:18px;left:0;position:absolute;right:0;top:2px;transition:.3s;width:26px}.promo-code-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:5px;content:"";height:8px;left:3px;position:absolute;transition:.3s;width:8px}.promo-code-toggle-switch input:checked+.promo-code-toggle-slider{background-color:#1e68bf}.promo-code-toggle-switch input:checked+.promo-code-toggle-slider:before{transform:translateX(11px)}.promo-code-toggle-label-text{color:#1e293b;font-size:14px}.promo-code-conditional-field{margin-top:12px;padding-left:0}.promo-code-radio-group{margin-bottom:12px}.promo-code-radio-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:10px}.promo-code-radio-label input{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.promo-code-radio-text{-webkit-user-select:none;user-select:none}.promo-code-pricing-plans-placeholder{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.promo-code-placeholder-text{color:#94a3b8;font-size:14px}.promo-code-error-message{color:#ef4444;font-size:12px;margin-top:4px}.promo-code-form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.promo-code-cancel-button{background:#0000;border:1px solid #1557a8;border-radius:8px;color:#1557a8;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.promo-code-cancel-button:hover{background:#0000;border-color:#1d64ba;color:#1557a8}.promo-code-save-continue-button{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.promo-code-save-continue-button:hover{background:#1557a8}.promo-code-save-continue-button:disabled{background:#cbd5e1;cursor:not-allowed}.promo-code-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.promo-code-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e68bf;height:40px;margin-bottom:16px;width:40px}.promo-code-footer{height:20px}@media (max-width:768px){.promo-code-form-row-three{gap:16px;grid-template-columns:1fr}.promo-code-form-group.col-span-2{grid-column:span 1}.promo-code-form-group.empty-group{display:none}}.promo-code-conditional-fields{border-radius:8px;margin-bottom:16px;margin-left:24px;margin-top:8px;padding:12px 16px}.promo-code-checkbox-group{margin-bottom:8px}.promo-code-checkbox-group:last-child{margin-bottom:0}.promo-code-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.promo-code-checkbox-label input{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.promo-code-checkbox-text{color:#1e293b;font-size:14px}.promo-code-create-table-wrapper,.promo-code-table-wrapper{margin-bottom:16px;margin-left:24px;margin-top:12px}.promo-code-table{width:100%}.promo-code-create-table,.promo-code-table{background:#fff;border:1px solid #e9e9ea;border-radius:6px}.promo-code-create-table{width:40%}.promo-code-create-table th,.promo-code-table th{background:#f8fafc;border-bottom:1px solid #e9e9ea;color:#475569;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.promo-code-create-table td,.promo-code-table td{border-bottom:1px solid #e9e9ea;color:#1e293b;font-size:14px;padding:12px 16px}.promo-code-create-table tr:last-child td,.promo-code-table tr:last-child td{border-bottom:none}.promo-code-action-header{text-align:center;width:80px}.promo-code-action-cell{text-align:center}.promo-code-remove-btn{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:opacity .2s}.promo-code-remove-btn:hover{opacity:.7}.promo-code-remove-icon{height:18px;width:18px}.promo-code-empty-table-cell{color:#94a3b8;padding:40px!important;text-align:center}.promo-code-add-btn{align-items:center;background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:12px;padding:16px 20px;transition:all .2s;width:40%}.promo-code-add-btn:hover{background:#e6f0ff;border-color:#1e68bf}.promo-code-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.promo-code-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.promo-code-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.promo-code-modal-title{color:#212529;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.promo-code-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.promo-code-modal-close:hover{color:#475569}.promo-code-modal-body{flex:1 1;overflow-y:auto;padding:24px}.promo-code-modal-search{margin-bottom:20px;position:relative}.promo-code-modal-search-input{border:1px solid #d1d4d7;border-radius:8px;font-size:14px;outline:none;padding:10px 40px 10px 16px;transition:all .2s;width:100%}.promo-code-modal-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.promo-code-modal-search-icon{color:#94a3b8;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.promo-code-modal-table-container{margin-bottom:20px}.promo-code-modal-table{background:#fff;border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;overflow:hidden;width:100%}.promo-code-modal-table th{background:#f8fafc;border-bottom:1px solid #f4f6f9;color:#212529;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.promo-code-modal-table td{border-bottom:1px solid #e2e8f0;color:#212529;font-size:14px;font-weight:500;padding:12px 16px}.promo-code-modal-table tr:last-child td{border-bottom:none}.promo-code-radio-checkbox{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.promo-code-radio-checkbox input{display:none}.promo-code-radio-custom{border:2px solid #cbd5e1;border-radius:50%;display:inline-block;height:18px;position:relative;transition:all .2s;width:18px}.promo-code-radio-checkbox input:checked+.promo-code-radio-custom{border-color:#1e68bf}.promo-code-radio-checkbox input:checked+.promo-code-radio-custom:after{background:#1e68bf;border-radius:50%;content:"";height:8px;left:3px;position:absolute;top:3px;width:8px}.promo-code-modal-pagination{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.promo-code-pagination-button{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.promo-code-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.promo-code-pagination-button:disabled{cursor:not-allowed;opacity:.5}.promo-code-pagination-info{color:#475569;font-size:14px}.promo-code-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.promo-code-modal-cancel-btn{background:#0000;border:none;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px}.promo-code-modal-add-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.promo-code-modal-add-btn:hover:not(:disabled){background:#1557a8}.promo-code-modal-add-btn:disabled{background:#cbd5e1;cursor:not-allowed}.promo-code-circle-checkbox{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.promo-code-circle-checkbox input{display:none}.promo-code-circle-checkbox-custom{border:2px solid #cbd5e1;border-radius:50%;display:inline-block;height:18px;position:relative;transition:all .2s;width:18px}.promo-code-circle-checkbox input:checked+.promo-code-circle-checkbox-custom{background-color:#1e68bf;border-color:#1e68bf}.promo-code-circle-checkbox input:checked+.promo-code-circle-checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.promo-code-eligible-plans-container{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:40px;margin-top:8px;max-height:400px;overflow-y:auto;width:50%}.promo-code-all-plans{border-bottom:1px solid #e2e8f0;padding:28px 20px}.promo-code-eligible-plan-checkbox{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:10px}.promo-code-eligible-plan-checkbox input{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.promo-code-eligible-plan-name{color:#1e293b}.promo-code-eligible-plan-group{border-bottom:1px solid #e2e8f0}.promo-code-eligible-plan-group-header{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:28px;padding-left:40px;padding-top:28px}.promo-code-eligible-plan-group-header:hover{background:#f8fafc}.promo-code-eligible-plan-group-name{color:#1e293b;font-weight:500}.promo-code-eligible-plan-expand-btn{align-items:center;background:none;border:none;color:#212529;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:transform .2s}.promo-code-eligible-plan-expand-icon{height:20px;transition:transform .2s;width:24px}.promo-code-eligible-plan-expand-icon.collapsed{transform:rotate(-90deg)}.promo-code-eligible-plan-group-plans{border-left:none;padding-left:0}.promo-code-eligible-plan-child{border-bottom:1px solid #e2e8f0;padding:28px 0 28px 60px}.promo-code-eligible-plan-child .promo-code-eligible-plan-checkbox{font-size:14px;font-weight:400}.promo-code-eligible-plans-empty{background:#f8fafc;border-radius:8px;color:#94a3b8;padding:20px;text-align:center}.frontdesk-settings-page{background:#f8fafc;min-height:calc(100vh - 70px);padding:20px 32px}.frontdesk-settings-header{margin-bottom:24px}.frontdesk-settings-header-left{align-items:center;display:flex;gap:16px}.frontdesk-settings-back-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.frontdesk-settings-back-button:hover{background:#f1f5f9}.frontdesk-settings-back-icon{color:#475569;height:20px;width:20px}.frontdesk-settings-title-section h1{color:#1a1f36;font-size:24px;font-weight:600;margin:0 0 8px}.frontdesk-settings-description{color:#64748b;font-size:14px}.frontdesk-settings-main-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.frontdesk-settings-section{border-bottom:2px solid #f0f1f2;margin-bottom:32px;padding-bottom:24px}.frontdesk-settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.frontdesk-settings-section-title{color:#1e68bf;font-size:18px;font-weight:700;margin:0 0 20px}.frontdesk-settings-checkin-methods{display:flex;flex-wrap:wrap;gap:24px}.frontdesk-settings-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.frontdesk-settings-checkbox-label input{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.frontdesk-settings-checkbox-label span{color:#1e293b;font-size:14px}.frontdesk-settings-table-wrapper{border:1px solid #e9e9ea;border-radius:6px;margin-bottom:16px;overflow-x:auto;width:40%}.frontdesk-settings-table{border-collapse:collapse;border-radius:6px;font-size:14px;overflow:hidden;width:100%}.frontdesk-settings-table th{background:#f8fafc;font-weight:600;text-align:left}.frontdesk-settings-table td,.frontdesk-settings-table th{border-bottom:1px solid #e9e9ea;color:#212529;font-size:14px;padding:12px 16px}.frontdesk-settings-table td{font-weight:500}.frontdesk-settings-table tr:last-child td{border-bottom:none}.frontdesk-settings-table tr:hover{background:#f8fafc}.frontdesk-settings-action-header{text-align:center;width:80px}.frontdesk-settings-additional-header{text-align:center!important}.frontdesk-settings-action-cell{justify-items:center;text-align:center}.frontdesk-settings-action-buttons{display:flex;gap:8px;justify-content:center}.frontdesk-settings-item-name,.frontdesk-settings-role-name{color:#1a1f36;font-weight:500}.frontdesk-settings-delete-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:background .2s}.frontdesk-settings-delete-btn:hover{background:#fee2e2}.frontdesk-settings-delete-icon{color:#ef4444;height:18px;width:18px}.frontdesk-settings-empty-state-small{color:#94a3b8;padding:20px;text-align:center}.frontdesk-settings-empty-table-cell{text-align:center!important}.frontdesk-settings-add-button{align-items:center;background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:8px 16px;transition:all .2s;width:40%}.frontdesk-settings-add-icon{height:16px;width:16px}.frontdesk-settings-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:32px;padding-top:24px}.frontdesk-settings-cancel-btn{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:16px;font-weight:600;padding:16px 28px;transition:all .2s}.frontdesk-settings-save-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.frontdesk-settings-save-btn:hover{background:#1557a8}.frontdesk-settings-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.frontdesk-settings-modal-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:450px;overflow:hidden;width:90%}.frontdesk-settings-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.frontdesk-settings-modal-title{color:#1a1f36;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.frontdesk-settings-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.frontdesk-settings-modal-close:hover{color:#475569}.frontdesk-settings-modal-body{flex:1 1;overflow-y:auto;padding:24px}.frontdesk-settings-modal-footer{border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.frontdesk-settings-modal-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.frontdesk-settings-modal-cancel-btn:hover{background:#f8fafc}.frontdesk-settings-modal-create-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s}.frontdesk-settings-modal-create-btn:hover:not(:disabled){background:#1557a8}.frontdesk-settings-modal-create-btn:disabled{background:#cbd5e1;cursor:not-allowed}.frontdesk-settings-form-group{margin-bottom:20px}.frontdesk-settings-form-label{color:#1e293b;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.frontdesk-settings-form-label .required{color:#ef4444;margin-left:4px}.frontdesk-settings-form-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.frontdesk-settings-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.frontdesk-settings-checkbox-group{margin-top:16px}.frontdesk-settings-role-table-container{max-height:300px;overflow-y:auto}.frontdesk-settings-role-table{border-collapse:collapse;font-size:14px;width:100%}.frontdesk-settings-role-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 12px;text-align:left}.frontdesk-settings-role-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:10px 12px}@media (max-width:768px){.frontdesk-settings-page{padding:16px}.frontdesk-settings-checkin-methods{flex-direction:column;gap:12px}.frontdesk-settings-section{margin-bottom:24px;padding-bottom:16px}}.frontdesk-settings-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.frontdesk-settings-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e68bf;height:40px;margin-bottom:16px;width:40px}.frontdesk-settings-radio-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:12px}.frontdesk-settings-radio-label input{accent-color:#1e68bf;cursor:pointer;height:16px;margin:0;width:16px}.dashboard-page{padding:20px;width:100%}.dashboard-header{margin-bottom:24px}.dashboard-title-section{margin-bottom:8px}.dashboard-title{color:#1a1f36;font-size:24px;font-weight:600;margin:0 0 8px}.dashboard-description{color:#64748b;font-size:14px}.dashboard-content{margin:0 auto;max-width:1400px}.dashboard-welcome-card{align-items:center;background-color:#e1ecfb;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-welcome-left{flex:1 1;padding:0 0 0 20px}.dashboard-welcome-title{color:#212529;font-size:28px;font-weight:600;margin:0 0 12px}.dashboard-welcome-text{color:#212529;font-size:20px;font-weight:500;line-height:1.5;margin:0}.dashboard-welcome-right{flex-shrink:0}.dashboard-welcome-svg{height:auto;padding-top:10px;width:500px}.dashboard-schedule-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;min-height:350px;overflow:hidden}.dashboard-schedule-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.dashboard-schedule-title{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.dashboard-outlet-selector{position:relative;width:20%}.dashboard-outlet-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:8px 12px;transition:all .2s;width:100%}.dashboard-outlet-select:hover{border-color:#cbd5e1}.dashboard-outlet-select-content{align-items:center;display:flex;gap:8px}.dashboard-outlet-icon{color:#94a3b8;height:16px;width:16px}.dashboard-outlet-chevron{color:#94a3b8;height:14px;width:14px}.dashboard-outlet-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:190px;min-width:180px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dashboard-outlet-option{color:#1e293b;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s}.dashboard-outlet-option:hover{background:#f8fafc}.dashboard-outlet-option.selected{background:#eef2ff;color:#1e68bf}.dashboard-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.dashboard-loading-spinner{animation:dashboard-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e68bf;height:40px;margin-bottom:16px;width:40px}@keyframes dashboard-spin{to{transform:rotate(1turn)}}.dashboard-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.dashboard-empty-icon{color:#cbd5e1;height:80px;margin-bottom:16px;width:80px}.dashboard-empty-state span{color:#64748b;font-size:14px;max-width:400px}.dashboard-table-container{padding:0 24px}.dashboard-table{border:1px solid #d1d4d7;border-collapse:initial;border-radius:10px;border-spacing:0;font-size:14px;overflow:hidden;width:100%}.dashboard-table th{background:#f4f6f9;border-bottom:1px solid #d1d4d7;color:#212529;font-weight:600;padding:14px;text-align:left}.dashboard-table td{border-bottom:1px solid #d1d4d7;color:#1e293b;padding:12px 16px;vertical-align:middle}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tr:hover{background:#f8fafc}.dashboard-header-with-sort{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.dashboard-sort-icons{display:flex;flex-direction:column;gap:2px}.dashboard-sort-icon{color:#cbd5e1;height:12px;transition:color .2s;width:12px}.dashboard-sort-icon.active{color:#1e68bf}.dashboard-th-class-name{min-width:180px}.dashboard-schedule-cell{display:flex;flex-direction:column;gap:4px}.dashboard-schedule-date{color:#1e293b;font-weight:500}.dashboard-schedule-time{color:#64748b;font-size:12px}.dashboard-available-badge{border-radius:4px;color:#212529;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.dashboard-pagination-container{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 24px}.dashboard-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dashboard-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.dashboard-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.dashboard-pagination-button:disabled{cursor:not-allowed;opacity:.5}.dashboard-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.dashboard-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.dashboard-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.dashboard-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.dashboard-footer{height:50px}@media (max-width:768px){.dashboard-welcome-card{flex-direction:column;padding:20px 24px;text-align:center}.dashboard-welcome-right{margin-left:0;margin-top:16px}.dashboard-welcome-svg{width:120px}.dashboard-welcome-title{font-size:22px}.dashboard-schedule-header{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-outlet-selector{width:100%}.dashboard-outlet-select{justify-content:space-between;width:100%}}.dashboard-td-available{font-weight:500;text-align:center}.dashboard-th-available{text-align:center}.dashboard-th-status{width:130px}.dashboard-td-status{text-align:center}.dashboard-status-badge{border-radius:100px;display:inline-block;font-size:13px;font-weight:600;min-width:90px;padding:6px 14px;text-align:center;text-transform:capitalize;white-space:nowrap}.dashboard-status-badge.upcoming{background:#fec12b;color:#fff}.dashboard-status-badge.ongoing{background:#ff8d28;color:#fff}.dashboard-status-badge.completed{background:#34c759;color:#fff}.dashboard-status-badge.cancelled{background:#ff383c;color:#fff}.portal-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.portal-section{border-bottom:4px solid #f0f1f2;margin-bottom:32px;padding-bottom:32px}.portal-section:last-of-type{border-bottom:none}.portal-section-title{color:#1e68bf;font-size:18px;font-weight:700;margin:0 0 20px}.portal-required{color:#ef4444;margin-left:4px}.portal-template-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:24px;padding:20px;width:50%}.portal-template-image{background:#e2e8f0;border-radius:8px;flex-shrink:0;height:180px;overflow:hidden;width:280px}.portal-template-placeholder{align-items:center;background:linear-gradient(135deg,#1e68bf,#3b82f6);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.portal-template-info{display:flex;flex:1 1;flex-direction:column}.portal-template-name{color:#212529;font-size:16px;font-weight:600;margin:0 0 8px}.portal-template-desc{color:#4d5154;flex:1 1;font-size:14px;font-weight:500;line-height:1.6;margin:0 0 16px}.portal-template-btn{align-self:flex-start;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:16px 28px;transition:all .2s}.portal-table-container{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.portal-table{border-collapse:collapse;font-size:14px;width:100%}.portal-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left}.portal-table-center-header{text-align:center!important}.portal-checkbox-label input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:18px;width:18px}.portal-table td{border-bottom:1px solid #e2e8f0;color:#212529;padding:12px 16px;vertical-align:middle}.portal-table tr:last-child td{border-bottom:none}.portal-tab-name{font-weight:500;width:80%}.portal-tab-checkbox-cell{text-align:center;width:100px}.portal-toggle-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.portal-toggle-switch{display:inline-block;flex-shrink:0;height:14px;position:relative;width:24px}.portal-toggle-switch input{height:0;opacity:0;width:0}.portal-toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.portal-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3.5px;content:"";height:8px;left:3.5px;position:absolute;transition:.3s;width:8px}.portal-toggle-switch input:checked+.portal-toggle-slider{background-color:#1e68bf}.portal-toggle-switch input:checked+.portal-toggle-slider:before{transform:translateX(10px)}.portal-tab-action{text-align:center;width:80px}.portal-edit-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.portal-edit-btn:hover{background:#f1f5f9;border-color:#1e68bf}.portal-edit-icon{height:16px;width:16px}.portal-color-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.portal-color-group{flex:1 1;position:relative}.portal-color-label{align-items:center;color:#212529;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.portal-color-picker-wrapper{position:relative}.portal-color-picker-trigger{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;height:44px;justify-content:space-between;padding:10px 12px;transition:all .2s}.portal-color-picker-trigger:hover{border-color:#cbd5e1}.portal-color-dot{border-radius:6px;flex-shrink:0;height:24px;width:90%}.portal-color-chevron{color:#212529;height:16px;width:16px}.portal-color-picker-popup{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000026;left:0;min-width:220px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.portal-native-color-picker{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:40px;margin-bottom:12px;padding:4px;width:100%}.portal-color-presets{display:flex;flex-wrap:wrap;gap:8px}.portal-color-preset{border:2px solid #0000;border-radius:6px;cursor:pointer;height:28px;padding:0;transition:all .2s;width:28px}.portal-color-preset:hover{transform:scale(1.15)}.portal-color-preset.active{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf4d}.portal-tooltip-container{display:inline-flex;position:relative}.portal-tooltip-icon{align-items:center;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;transition:color .2s}.portal-tooltip-icon:hover{color:#1e68bf}.portal-tooltip-content{background:#212529;border-radius:6px;bottom:100%;color:#fff;font-size:12px;left:50%;margin-bottom:8px;padding:6px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.portal-tooltip-content:after{border:5px solid #0000;border-top-color:#212529;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.portal-form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.portal-cancel-btn{background:#0000;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.portal-cancel-btn:hover{background:#f0f7ff}.portal-save-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 32px;transition:background .2s}.portal-save-btn:hover:not(:disabled){background:#1557a8}.portal-save-btn:disabled{background:#bbc0c3;cursor:not-allowed}.portal-footer{height:100px}@media (max-width:768px){.portal-template-card{flex-direction:column}.portal-template-image{height:160px;width:100%}.portal-color-row{flex-direction:column}}.portal-tab-mode-buttons{display:flex;gap:0;margin-bottom:24px;padding-bottom:20px}.portal-tab-mode-btn-kiri{border:1px solid #d1d4d7;border-bottom-left-radius:100px;border-right:none;border-top-left-radius:100px}.portal-tab-mode-btn-kanan,.portal-tab-mode-btn-kiri{background:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.portal-tab-mode-btn-kanan{border:1px solid #d1d4d7;border-bottom-right-radius:100px;border-left:none;border-top-right-radius:100px;color:#4d5154;font-weight:500}.portal-tab-mode-btn-kanan.active,.portal-tab-mode-btn-kiri.active{background:#eff6ff;border:1px solid #1e68bf;border-radius:100px;color:#1e68bf;font-weight:600}.portal-subsection{border-bottom:1px solid #e2e8f0;margin-bottom:20px}.portal-subsection-title{color:#1e68bf;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.portal-form-row{grid-gap:20px;grid-template-columns:1fr 1fr 1fr}.portal-form-row,.portal-form-row2{display:grid;gap:20px;margin-bottom:20px}.portal-form-row2{grid-gap:20px;grid-template-columns:1fr 2fr}.portal-form-group{display:flex;flex:1 1;flex-direction:column}.portal-form-label{color:#212529;font-size:14px;font-weight:600;margin-bottom:8px}.portal-form-input{border:1px solid #d1d4d7;border-radius:4px;color:#212529;font-size:14px;height:44px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.portal-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.portal-select-wrapper{position:relative;width:100%}.portal-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:44px;justify-content:space-between;padding:10px 12px;transition:all .2s}.portal-select:hover{border-color:#cbd5e1}.portal-placeholder{color:#94a3b8}.portal-select-chevron{color:#212529;height:16px;width:16px}.portal-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.portal-select-option{color:#212529;cursor:pointer;font-size:14px;padding:10px 12px;transition:background .2s}.portal-select-option:hover{background:#f8fafc}.portal-select-option.selected{background:#eff6ff;color:#1e68bf}.portal-image-upload-container{margin-bottom:50px}.portal-image-preview-wrapper{border:1px solid #e2e8f0;border-radius:8px;max-width:400px;overflow:hidden;position:relative;width:100%}.portal-image-preview{display:block;height:100%;object-fit:cover;width:100%}.portal-image-remove-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;bottom:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;transition:all .2s;width:36px}.portal-image-remove-btn:hover{background:#fef2f2;border-color:#ef4444}.portal-image-upload-box{align-items:center;background:#f8fafc;border:2px dashed #d1d4d7;border-radius:8px;cursor:pointer;display:flex;height:200px;justify-content:center;max-width:400px;transition:all .2s;width:100%}.portal-image-upload-box:hover{background:#eff6ff;border-color:#1e68bf}.portal-image-upload-label{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;width:100%}@media (max-width:768px){.portal-form-row{flex-direction:column}}.transaction-list-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.transaction-list-header{margin-bottom:24px}.transaction-list-header h2{color:#1a1f36;font-size:18px;font-weight:600;margin:0}.transaction-search-filter-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.transaction-search-input{padding:10px 40px 10px 16px}.transaction-search-button{background:none;padding:4px;right:8px}.transaction-search-icon{color:#94a3b8;height:18px;width:18px}.transaction-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.transaction-filter-group{min-width:140px;position:relative}.transaction-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 20px 10px 12px;transition:all .2s}.transaction-filter-select.active{background:#eff6ff;border-color:#1e68bf}.transaction-filter-select:hover{border-color:#cbd5e1}.transaction-filter-chevron{color:#94a3b8;height:16px;width:16px}.transaction-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.transaction-filter-option{color:#1e293b;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.transaction-filter-option:hover{background:#f8fafc}.transaction-date-icon{color:#94a3b8;height:16px;width:16px}.transaction-date-range-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:280px;padding:16px;position:absolute;right:0;top:100%;z-index:100}.transaction-date-range-section{margin-bottom:12px}.transaction-date-range-label{color:#64748b;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.transaction-date-range-input{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;width:100%}.transaction-date-range-input:focus{border-color:#1e68bf}.transaction-date-range-separator{color:#94a3b8;font-size:12px;margin:8px 0;text-align:center}.transaction-date-range-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.transaction-date-range-clear{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;padding:6px 12px}.transaction-date-range-apply{background:#1e68bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px}.transaction-reset-filter{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.transaction-reset-filter:hover{background:#e2e8f0}.transaction-table-container{margin-bottom:20px;overflow-x:auto}.transaction-table{border:1px solid #e9e9ea;border-radius:10px;font-size:14px;width:100%}.transaction-table thead{background-color:#f8fafc}.transaction-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left}.transaction-table td{color:#1e293b;padding:16px;vertical-align:middle}.transaction-table tr{border-bottom:1px solid #e2e8f0}.transaction-table tr:last-of-type{border-bottom:none}.transaction-table tr:hover{background:#f8fafc}.transaction-number{color:#1e68bf;font-family:monospace;font-weight:500}.product-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-cell{color:#1e293b;font-weight:600}.action-header{width:60px}.action-cell,.action-header{text-align:center}.transaction-status-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:500;padding:6px 20px}.status-paid{background:#34c759;color:#fff}.status-unpaid{background:#ff8d28;color:#fff}.status-cancelled{background:#ff383c;color:#fff}.status-expired{background:#d1d4d7;color:#fff}.transaction-dropdown-container{display:inline-block;position:relative}.transaction-three-dots-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:background .2s}.transaction-three-dots-button:hover{background:#f1f5f9}.transaction-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.transaction-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background .2s;width:100%}.transaction-dropdown-item:hover{background:#f8fafc}.transaction-dropdown-icon{height:16px;width:16px}.transaction-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.transaction-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.transaction-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.transaction-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.transaction-pagination-button:disabled{cursor:not-allowed;opacity:.5}.transaction-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.transaction-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.transaction-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.transaction-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.transaction-empty-state,.transaction-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.transaction-empty-state{text-align:center}.transaction-empty-icon{color:#cbd5e1;height:80px;margin-bottom:16px;width:80px}.transaction-empty-state span{color:#64748b;font-size:14px}.transaction-footer{height:20px}.transaction-detail-content{display:flex;flex-direction:column;gap:12px}.transaction-detail-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.transaction-detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:13px;font-weight:500}.detail-value{color:#1e293b;font-size:14px}.detail-value.amount{color:#1e68bf;font-weight:600}.detail-status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}@media (max-width:768px){.transaction-search-filter-wrapper{align-items:stretch;flex-direction:column}.transaction-search-container{max-width:none}.transaction-filter-section{flex-wrap:wrap}.transaction-filter-group{flex:1 1;min-width:auto}.transaction-table-container{overflow-x:scroll}.transaction-table{min-width:800px}.transaction-pagination-container{justify-content:center}}.transaction-search-container{flex:1 1;max-width:400px;position:relative}.transaction-search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px 60px 10px 16px;transition:all .2s;width:100%}.transaction-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.transaction-search-button{align-items:center;background:#1e68bf;border:none;border-bottom-right-radius:6px;border-top-right-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:6px 14px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:background .2s}.transaction-search-button:hover{background:#1557a8}.transaction-search-icon{color:#fff;height:16px;width:16px}.transaction-date-cell{display:flex;flex-direction:column;line-height:1.4}.transaction-date{color:#1e293b;font-size:14px;font-weight:500}.transaction-time{color:#64748b;font-size:12px}.transaction-date-column{vertical-align:middle}.create-transaction-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.create-transaction-form-section{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.create-transaction-form-section-last{margin-bottom:32px}.create-transaction-section-title{color:#1e68bf;font-size:18px;font-weight:700;margin-bottom:20px}.create-transaction-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.create-transaction-section-header .create-transaction-section-title{margin-bottom:0}.create-transaction-form-row-three,.create-transaction-form-row-two{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.create-transaction-form-group{display:flex;flex-direction:column;gap:8px}.create-transaction-form-label{color:#212529;font-size:14px;font-weight:600}.create-transaction-required{color:#ef4444;margin-left:4px}.create-transaction-select-wrapper{position:relative}.create-transaction-form-select-custom{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#212529;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:all .2s}.create-transaction-form-select-custom:hover{border-color:#cbd5e1}.create-transaction-form-select-custom.create-transaction-error{border-color:#ef4444}.create-transaction-placeholder{color:#94a3b8}.create-transaction-select-chevron{color:#94a3b8;height:16px;width:16px}.create-transaction-select-dropdown{background:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.create-transaction-select-option{color:#212529;cursor:pointer;font-size:14px;padding:10px 12px;transition:background .2s}.create-transaction-select-option:hover{background:#f8fafc}.create-transaction-select-option.create-transaction-selected{background:#eff6ff;color:#1e68bf}.create-transaction-form-input{border:1px solid #d1d4d7;border-radius:8px;color:#212529;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.create-transaction-form-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-transaction-form-input:disabled{background:#f0f1f2;color:#94a3b8}.create-transaction-search-input-wrapper{position:relative}.create-transaction-search-input{border:1px solid #d1d4d7;border-radius:8px;color:#212529;font-size:14px;outline:none;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.create-transaction-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-transaction-search-input.create-transaction-error{border-color:#ef4444}.create-transaction-search-icon{color:#94a3b8;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.create-transaction-search-loading{color:#94a3b8;font-size:12px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.create-transaction-customer-dropdown{background:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.create-transaction-search-option{color:#212529;cursor:pointer;font-size:14px;padding:10px 12px;transition:background .2s}.create-transaction-search-option:hover{background:#f8fafc}.create-transaction-search-option.no-results{color:#94a3b8;cursor:default}.create-transaction-search-option.no-results:hover{background:#0000}.create-transaction-error-message{color:#ef4444;font-size:12px;margin-top:4px}.create-transaction-add-customer-btn{align-items:center;background:none;border:1px solid #bbc0c3;border-radius:10px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.create-transaction-add-icon{height:16px;width:16px}.create-transaction-product-type-buttons{display:flex;gap:16px;margin-bottom:24px}.create-transaction-product-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.create-transaction-product-btn.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.create-transaction-product-icon{height:20px;width:20px}.create-transaction-products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:24px}.create-transaction-preview-box.empty{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.create-transaction-preview-box.empty:hover{background:#eff6ff;border-color:#1e68bf}.create-transaction-preview-box.selected-product{background:#fff;border-color:#bbc0c3;display:flex;flex-direction:column;padding:25px;position:relative}.create-transaction-preview-delete-btn{align-items:center;background:none;border:1px solid #bbc0c3;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:background .2s;z-index:1}.create-transaction-preview-delete-btn:hover{background:#fef2f2}.create-transaction-preview-product-details{display:flex;flex-direction:column;height:100%}.create-transaction-preview-product-name{color:#212529;font-size:18px;font-weight:600;margin-bottom:8px}.create-transaction-preview-product-price{align-items:baseline;border-bottom:1px solid #e9e9ea;display:flex;gap:2px;padding-bottom:15px}.create-transaction-preview-product-price .price-currency,.create-transaction-preview-product-price .price-value{color:#212529;font-size:24px;font-weight:700}.create-transaction-preview-product-meta{display:flex;flex-direction:column;gap:15px;padding-top:15px}.create-transaction-preview-meta-item{align-items:center;color:#212529;display:flex;font-size:14px;gap:6px}.create-transaction-preview-icon{color:#94a3b8;height:48px;width:48px}.create-transaction-preview-text{color:#64748b;font-size:14px}.create-transaction-summary-section{border-top:1px solid #d1d4d7;margin-top:32px;padding-top:24px}.create-transaction-summary-row-inline{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.create-transaction-toggle-group{align-items:center;display:flex;gap:12px;min-width:160px}.create-transaction-toggle-switch{display:inline-block;flex-shrink:0;height:14px;position:relative;width:24px}.create-transaction-toggle-switch input{height:0;opacity:0;width:0}.create-transaction-toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.create-transaction-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3.3px;content:"";height:8px;left:3px;position:absolute;transition:.3s;width:8px}.create-transaction-toggle-switch input:checked+.create-transaction-toggle-slider{background-color:#1e68bf}.create-transaction-toggle-switch input:checked+.create-transaction-toggle-slider:before{transform:translateX(10px)}.create-transaction-toggle-label{color:#212529;font-size:14px;font-weight:500;white-space:nowrap}.create-transaction-promo-code-input-group{display:flex;flex:1 1;gap:12px}.create-transaction-promo-code-input{border:1px solid #d1d4d7;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 12px}.create-transaction-promo-code-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-transaction-promo-code-input:disabled{background:#f8fafc;color:#94a3b8}.create-transaction-apply-promo-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s;white-space:nowrap}.create-transaction-apply-promo-btn:hover:not(:disabled){background:#1557a8}.create-transaction-apply-promo-btn:disabled{background:#cbd5e1;cursor:not-allowed}.create-transaction-remove-promo-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s;white-space:nowrap}.create-transaction-remove-promo-btn:hover{background:#dc2626}.create-transaction-remove-promo-btn:disabled{background:#cbd5e1;cursor:not-allowed}.create-transaction-applied-promo{align-items:center;background:#eff6ff;border-radius:8px;display:flex;font-size:14px;gap:8px;margin:8px 0 0;padding:8px 12px}.promo-code-label{color:#64748b}.promo-code-value{color:#1e68bf;font-weight:600}.promo-code-discount{color:#10b981;font-weight:500}.create-transaction-promo-warning{align-items:center;background:#fef3c7;border-radius:8px;color:#d97706;display:flex;font-size:13px;gap:8px;margin:8px 0 0;padding:8px 12px}.warning-icon{font-size:16px}.warning-text{flex:1 1}.create-transaction-additional-notes{border:1px solid #d1d4d7;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;min-height:42px;outline:none;padding:10px 12px;resize:vertical}.create-transaction-additional-notes:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-transaction-additional-notes.disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.create-transaction-summary-details{background:#f8fafc;border:1px solid #bbc0c3;border-radius:12px;margin-top:20px;padding:16px}.create-transaction-summary-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.create-transaction-summary-row.discount{color:#10b981}.create-transaction-summary-row.total{color:#212529;font-size:16px;font-weight:700}.summary-product-name{color:#212529}.summary-product-price{color:#212529;font-weight:500}.summary-label{color:#64748b}.summary-value{color:#212529;font-weight:500}.create-transaction-summary-divider{background:#d1d4d7;height:1px;margin:8px 0}.create-transaction-form-actions{border-top:1px solid #d1d4d7;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.create-transaction-cancel-button{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.create-transaction-cancel-button:hover{background:#eff6ff}.create-transaction-save-button{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s}.create-transaction-save-button:hover:not(:disabled){background:#1557a8}.create-transaction-save-button:disabled{background:#bbc0c3;cursor:not-allowed}.create-transaction-footer{height:20px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e68bf;height:40px;margin-bottom:16px;width:40px}.create-transaction-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-transaction-modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden;width:90%}.create-transaction-pricing-plan-modal{height:85vh;max-height:85vh;max-width:900px;width:90%}.create-transaction-walkin-modal{height:85vh;max-height:85vh;max-width:1100px;width:90%}.create-transaction-new-customer-modal{height:90vh;max-height:90vh;max-width:500px;width:90%}.create-transaction-modal-header{align-items:center;background:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;z-index:10}.create-transaction-modal-title{color:#212529;font-size:18px;font-weight:600;margin:0}.create-transaction-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px}.create-transaction-modal-body{flex:1 1;overflow-y:auto;padding:10px 24px}.create-transaction-pricing-plan-search{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;margin-bottom:24px;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.create-transaction-pricing-plan-search-wrapper{flex:1 1;position:relative}.create-transaction-pricing-plan-search-input{border:1px solid #d1d4d7;border-radius:8px;color:#212529;font-size:14px;outline:none;padding:10px 40px 10px 12px;width:100%}.create-transaction-pricing-plan-search-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.create-transaction-pricing-plan-search-icon{color:#94a3b8;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.create-transaction-pricing-plan-filter{position:relative}.create-transaction-pricing-plan-filter-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px}.create-transaction-pricing-plan-filter-btn .rotate{transform:rotate(180deg)}.create-transaction-pricing-plan-filter-dropdown{background:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;max-height:200px;min-width:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.create-transaction-pricing-plan-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s}.create-transaction-pricing-plan-filter-option:hover{background:#f8fafc}.create-transaction-pricing-plan-container{overflow-y:auto;padding-bottom:20px}.create-transaction-pricing-plan-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.create-transaction-pricing-plan-empty{color:#64748b;padding:40px;text-align:center}.create-transaction-pricing-plan-group{margin-bottom:24px}.create-transaction-pricing-plan-group-header{margin-bottom:16px}.create-transaction-pricing-plan-group-title{color:#212529;font-size:16px;font-weight:600}.create-transaction-pricing-plan-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.create-transaction-pricing-plan-card{background:#fff;border:1px solid #d1d4d7;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.create-transaction-pricing-plan-card:hover{border-color:#1e68bf;box-shadow:0 4px 12px #0000001a}.create-transaction-pricing-plan-card.selected{background-color:#eff6ff;border-color:#1e68bf;box-shadow:0 4px 12px #1e68bf26}.create-transaction-pricing-plan-card-header{margin-bottom:12px}.create-transaction-pricing-plan-name{color:#212529;font-size:14px;font-weight:600;margin-bottom:8px}.create-transaction-pricing-plan-price{align-items:baseline;display:flex;gap:2px}.create-transaction-pricing-plan-price .price-currency{color:#1e68bf;font-size:12px;font-weight:500}.create-transaction-pricing-plan-price .price-value{color:#1e68bf;font-size:18px;font-weight:700}.create-transaction-pricing-plan-card-body{margin-bottom:12px}.create-transaction-pricing-plan-details{display:flex;flex-direction:column;gap:8px}.create-transaction-pricing-plan-detail-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.create-transaction-walkin-table-container{margin-bottom:20px;overflow-x:auto}.create-transaction-walkin-table{border-collapse:collapse;font-size:14px;width:100%}.create-transaction-walkin-table th{background:#f8fafc;border-bottom:1px solid #d1d4d7;color:#212529;font-weight:600;padding:12px 16px;text-align:left}.create-transaction-walkin-table td{border-bottom:1px solid #d1d4d7;color:#212529;padding:12px 16px;vertical-align:middle}.walkin-schedule-cell{min-width:100px}.walkin-schedule-date{font-weight:500;margin-bottom:4px}.walkin-schedule-time{color:#64748b;font-size:12px}.walkin-price{color:#1e68bf;font-weight:600}.walkin-slots{text-align:center}.walkin-action-header{text-align:center;width:80px}.walkin-action-cell{text-align:center}.walkin-radio-label{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.walkin-radio-input{height:0;opacity:0;position:absolute;width:0}.walkin-radio-custom{border:2px solid #d1d4d7;border-radius:50%;cursor:pointer;display:inline-block;height:18px;position:relative;transition:all .2s;width:18px}.walkin-radio-input:checked+.walkin-radio-custom{border-color:#1e68bf}.walkin-radio-input:checked+.walkin-radio-custom:after{background:#1e68bf;border-radius:50%;content:"";height:8px;left:3px;position:absolute;top:3px;width:8px}.walkin-radio-input:disabled+.walkin-radio-custom{cursor:not-allowed;opacity:.5}.create-transaction-walkin-pagination{display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:20px}.walkin-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.walkin-pagination-button{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.walkin-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.walkin-pagination-button:disabled{cursor:not-allowed;opacity:.5}.walkin-pagination-number{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.walkin-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.walkin-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.walkin-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.create-transaction-walkin-empty,.create-transaction-walkin-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.create-transaction-new-customer-form{display:flex;flex-direction:column;gap:20px}.create-transaction-modal-desc{color:#212529;font-size:14px;margin-bottom:20px}.create-transaction-date-input-wrapper{align-items:center;display:flex;position:relative}.create-transaction-date-picker-icon{color:#94a3b8;cursor:pointer;height:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px}.create-transaction-date-picker-popup{background:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;position:absolute;top:100%;z-index:100}.react-datepicker{border:none;font-family:inherit}.react-datepicker__header{background-color:#fff;border-bottom:1px solid #d1d4d7}.react-datepicker__day--selected{background-color:#1e68bf}.react-datepicker__day--selected:hover{background-color:#1557a8}.react-datepicker__day--keyboard-selected{background-color:#e2e8f0}.create-transaction-phone-wrapper{align-items:center;display:flex;gap:12px}.create-transaction-phone-country{flex-shrink:0;position:relative}.create-transaction-phone-country-select{align-items:center;background:#f8fafc;border:1px solid #d1d4d7;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px}.create-transaction-phone-code,.create-transaction-phone-country-select{color:#212529;font-size:14px;font-weight:500}.phone-chevron{color:#94a3b8;height:14px;transition:transform .2s;width:14px}.phone-chevron.rotate{transform:rotate(180deg)}.create-transaction-phone-dropdown{background:#fff;border:1px solid #d1d4d7;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:100}.create-transaction-phone-option{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .2s}.create-transaction-phone-option:hover{background:#f8fafc}.phone-country-name{color:#212529;flex:1 1;font-size:14px}.phone-code{color:#64748b;font-size:14px}.create-transaction-phone-input{flex:1 1}.create-transaction-modal-register-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:background .2s;width:100%}.create-transaction-modal-register-btn:hover{background:#1557a8}.create-transaction-modal-cancel-btn{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;width:100%}.create-transaction-modal-choose-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s;width:100%}.create-transaction-modal-choose-btn:disabled{background:#bbc0c3;cursor:not-allowed}.create-transaction-modal-footer{background:#fff;display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:16px 24px}.create-transaction-product-preview-wrapper{display:flex;margin-top:24px}.create-transaction-product-preview{cursor:pointer;max-width:400px;width:100%}.create-transaction-preview-box{background:#f8fafc;border:1px solid #d1d4d7;border-radius:12px;height:280px;transition:all .2s;width:100%}.create-transaction-payment-modal{max-width:480px}.create-transaction-payment-options{display:flex;flex-direction:column;gap:16px}.create-transaction-payment-option{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.create-transaction-payment-option.selected,.create-transaction-payment-option:hover{background:#eff6ff;border-color:#1e68bf}.create-transaction-payment-option-header{margin-bottom:8px}.create-transaction-payment-radio{align-items:center;display:flex;gap:12px}.payment-radio-circle{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.payment-radio-circle.selected{border-color:#1e68bf}.payment-radio-dot{background:#1e68bf;border-radius:50%;height:10px;width:10px}.create-transaction-payment-option-title{color:#1e293b;font-size:16px;font-weight:600}.create-transaction-payment-option-desc{color:#64748b;font-size:13px;margin:8px 0 0}.create-transaction-manual-payment-modal{max-width:400px}.create-transaction-manual-payment-options{display:flex;flex-direction:column;gap:12px}.create-transaction-manual-payment-option{border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:14px 16px;transition:all .2s}.create-transaction-manual-payment-option.selected,.create-transaction-manual-payment-option:hover{background:#eff6ff;border-color:#1e68bf}.create-transaction-manual-payment-radio{align-items:center;display:flex;gap:12px}.manual-payment-radio-circle{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.manual-payment-radio-circle.selected{border-color:#1e68bf}.manual-payment-radio-dot{background:#1e68bf;border-radius:50%;height:10px;width:10px}.create-transaction-manual-payment-title{color:#1e293b;font-size:15px;font-weight:500}.create-transaction-modal-back-btn{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;width:100%}.create-transaction-modal-back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.create-transaction-modal-choose-payment-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s;width:100%}.create-transaction-modal-choose-payment-btn:hover:not(:disabled){background:#1557a8}.create-transaction-modal-choose-payment-btn:disabled{background:#bbc0c3;cursor:not-allowed}.create-transaction-modal-continue-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s;width:100%}.create-transaction-modal-continue-btn:disabled{background:#bbc0c3;color:#fff;cursor:not-allowed}.transaction-detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.transaction-detail-header-actions{align-items:center;display:flex;gap:12px}.transaction-detail-change-payment-btn{align-items:center;background:#fff;border:1px solid #bbc0c3;border-radius:10px;color:#4d5154;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s}.transaction-detail-change-payment-btn:hover{background:#f8fafc;border-color:#cbd5e1}.transaction-detail-submit-payment-btn{align-items:center;background:#1e68bf;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:10px 20px;transition:background .2s}.transaction-detail-submit-payment-btn:hover{background:#1557a8}.transaction-detail-gear-btn{align-items:center;background:#fff;border:1px solid #bbc0c3;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:10px 20px;transition:all .2s}.transaction-detail-gear-btn:hover{background:#f8fafc;border-color:#cbd5e1}.transaction-detail-gear-icon{color:#475569;height:18px;width:18px}.transaction-detail-header-card{align-items:center;background:#f8fafc;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.transaction-detail-header-left{align-items:center;display:flex;gap:16px}.transaction-detail-waiting-icon{height:48px;width:48px}.transaction-detail-header-info{display:flex;flex-direction:column;gap:4px}.transaction-detail-transaction-number{color:#1e293b;font-size:18px;font-weight:600}.transaction-detail-transaction-date{color:#64748b;font-size:13px}.transaction-detail-status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.transaction-detail-header-right{text-align:right}.transaction-detail-total-amount-label{color:#64748b;font-size:12px;margin-bottom:4px}.transaction-detail-total-amount-value{color:#1e68bf;font-size:24px;font-weight:700}.transaction-detail-two-columns{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.transaction-detail-section{margin-bottom:24px}.transaction-detail-section-title{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.transaction-detail-info-row{align-items:center;display:flex;margin-bottom:12px}.transaction-detail-info-icon{color:#94a3b8;height:18px;margin-right:12px;width:18px}.transaction-detail-info-label,.transaction-detail-info-label-no-icon{color:#64748b;font-size:14px;width:140px}.transaction-detail-info-label-no-icon{margin-left:30px}.transaction-detail-info-value{color:#1e293b;flex:1 1;font-size:14px;font-weight:500}.transaction-detail-product-type{margin-bottom:16px}.transaction-detail-product-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.transaction-detail-product-badge.pricing-plan{background:#e3f2fd;color:#1976d2}.transaction-detail-product-badge.walk-in{background:#f3e5f5;color:#7b1fa2}.transaction-detail-product-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px}.transaction-detail-product-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.transaction-detail-product-name{color:#1e293b;font-size:16px;font-weight:600;margin:0}.transaction-detail-product-price{color:#1e68bf;font-size:16px;font-weight:700}.transaction-detail-product-details{display:flex;flex-wrap:wrap;gap:16px}.transaction-detail-product-detail-item{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.transaction-detail-summary{background:#f8fafc;border-radius:12px;padding:16px}.transaction-detail-summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.transaction-detail-summary-row.discount{color:#c62828}.transaction-detail-summary-row.total{margin-top:8px}.transaction-detail-summary-label{color:#64748b;font-size:14px}.transaction-detail-summary-value{color:#1e293b;font-size:14px;font-weight:600}.transaction-detail-summary-row.total .transaction-detail-summary-label,.transaction-detail-summary-row.total .transaction-detail-summary-value{color:#1e68bf;font-size:16px;font-weight:700}.transaction-detail-summary-divider{background:#e2e8f0;height:1px;margin:12px 0}.transaction-detail-footer{height:20px}.transaction-detail-modal-footer{margin-top:24px;padding-top:16px}.transaction-detail-modal-back-btn,.transaction-detail-modal-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.transaction-detail-modal-back-btn:hover,.transaction-detail-modal-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.transaction-detail-modal-choose-btn,.transaction-detail-modal-continue-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s}.transaction-detail-modal-choose-btn:hover:not(:disabled),.transaction-detail-modal-continue-btn:hover:not(:disabled){background:#1557a8}.transaction-detail-modal-choose-btn:disabled,.transaction-detail-modal-continue-btn:disabled{background:#cbd5e1;cursor:not-allowed}.transaction-detail-gear-wrapper{position:relative}.transaction-detail-gear-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.transaction-detail-gear-dropdown-item{align-items:center;background:none;border:none;color:#c62828;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:background .2s;width:100%}.transaction-detail-gear-dropdown-item:hover{background:#fee2e2}.transaction-detail-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transaction-detail-modal-container{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.submit-payment-modal{max-width:500px}.transaction-detail-modal-header{border-bottom:1px solid #e2e8f0;padding:20px 24px;position:relative;text-align:center}.transaction-detail-modal-title{color:#1e293b;font-size:18px;font-weight:600;margin:0}.transaction-detail-modal-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:color .2s}.transaction-detail-modal-close:hover{color:#475569}.transaction-detail-modal-body{padding:24px}.transaction-detail-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.submit-payment-info{background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.submit-payment-info-row{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.submit-payment-info-row:last-child{margin-bottom:0}.submit-payment-info-label{color:#64748b;font-size:14px}.submit-payment-info-value{color:#1e293b;font-size:14px;font-weight:600}.submit-payment-divider{background:#e2e8f0;height:1px;margin:16px 0}.submit-payment-form{display:flex;flex-direction:column;gap:20px}.submit-payment-form-group{display:flex;flex-direction:column;gap:8px}.submit-payment-form-label{color:#1e293b;font-size:14px;font-weight:500}.submit-payment-form-label .required{color:#ef4444;margin-left:4px}.submit-payment-amount-input-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.submit-payment-amount-input-wrapper:focus-within{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.submit-payment-currency{background:#f8fafc;border-right:1px solid #e2e8f0;color:#475569;font-size:14px;font-weight:500;padding:10px 12px}.submit-payment-amount-input{border:none;flex:1 1;font-size:14px;outline:none;padding:10px 12px;text-align:right}.submit-payment-amount-controls{border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.submit-payment-amount-down,.submit-payment-amount-up{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transition:all .2s}.submit-payment-amount-down:hover,.submit-payment-amount-up:hover{background:#f8fafc;color:#1e68bf}.submit-payment-disabled-input{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:10px 12px}.submit-payment-currency-disabled{color:#94a3b8;font-size:14px;font-weight:500;margin-right:8px}.submit-payment-disabled-value{color:#1e293b;flex:1 1;font-size:14px;font-weight:500;text-align:right}.submit-payment-textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;width:100%}.submit-payment-textarea:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.submit-payment-error-message{color:#ef4444;font-size:12px;margin-top:4px}.transaction-detail-modal-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.transaction-detail-modal-cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.transaction-detail-modal-choose-btn,.transaction-detail-modal-confirm-btn,.transaction-detail-modal-continue-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s}.transaction-detail-modal-choose-btn:hover:not(:disabled),.transaction-detail-modal-confirm-btn:hover:not(:disabled),.transaction-detail-modal-continue-btn:hover:not(:disabled){background:#1557a8}.transaction-detail-modal-choose-btn:disabled,.transaction-detail-modal-confirm-btn:disabled,.transaction-detail-modal-continue-btn:disabled{background:#cbd5e1;cursor:not-allowed}.transaction-detail-modal-back-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.transaction-detail-modal-back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.transaction-detail-manual-payment-options,.transaction-detail-payment-options{display:flex;flex-direction:column;gap:12px}.transaction-detail-manual-payment-option,.transaction-detail-payment-option{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.transaction-detail-manual-payment-option.selected,.transaction-detail-manual-payment-option:hover,.transaction-detail-payment-option.selected,.transaction-detail-payment-option:hover{background:#eff6ff;border-color:#1e68bf}.transaction-detail-payment-option-title{color:#1e293b;font-size:16px;font-weight:600}.transaction-detail-payment-option-desc{color:#64748b;font-size:13px;margin-top:8px}.transaction-detail-manual-payment-option span{color:#1e293b;font-size:15px;font-weight:500}.submit-payment-reference-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.submit-payment-reference-input:focus{border-color:#1e68bf;box-shadow:0 0 0 2px #1e68bf1a}.transaction-detail-failed-icon,.transaction-detail-success-icon{height:48px;width:48px}.transaction-detail-status-badge.waiting{background:#fff3e0;color:#ed6c02}.transaction-detail-status-badge.paid{background:#e6f7e6;color:#2e7d32}.transaction-detail-status-badge.cancelled{background:#ffebee;color:#c62828}.transaction-detail-recent-receipt-btn{background:#fff;border:1px solid #1e68bf;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.transaction-detail-recent-receipt-btn:hover{background:#eff6ff}.transaction-detail-download-receipt-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s}.transaction-detail-download-receipt-btn:hover{background:#1557a8}.transaction-detail-no-actions{background:#f8fafc;border-radius:8px;color:#64748b;font-size:14px;padding:8px 16px}.transaction-detail-download-receipt-btn,.transaction-detail-resend-receipt-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.transaction-detail-download-receipt-btn:hover,.transaction-detail-resend-receipt-btn:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:768px){.transaction-detail-two-columns{gap:16px;grid-template-columns:1fr}.transaction-detail-header-card{gap:16px}.transaction-detail-header-card,.transaction-detail-header-left{flex-direction:column;text-align:center}.transaction-detail-header-right{text-align:center}.transaction-detail-header-actions{flex-wrap:wrap;justify-content:flex-end}.transaction-detail-info-row{flex-wrap:wrap}.transaction-detail-info-label,.transaction-detail-info-label-no-icon{margin-bottom:4px;margin-left:0;width:100%}.transaction-detail-info-icon{display:none}}.reports-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.reports-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.reports-tab{background:none;border:none;color:#babbbd;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;position:relative;transition:all .2s}.reports-tab:hover{color:#212529}.reports-tab.active{color:#1e68bf}.reports-tab.active:after{background:#1e68bf;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.reports-content{padding:8px 0}.report-section{margin-bottom:32px}.report-section:last-child{margin-bottom:0}.report-section-title{color:#1e68bf;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.report-cards-grid{display:flex;flex-direction:column;gap:20px}.report-card{background:#0000;border-radius:8px;box-shadow:2px 1px 2px 1px #0003;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.report-card:hover{background:#eff6ff;border-color:#1e68bf;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.report-card-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.report-card-content{flex:1 1}.report-card-title{color:#212529;font-size:16px;font-weight:700;margin-bottom:8px}.report-card-description{color:#212529;font-size:14px;font-weight:500;line-height:1.5}.report-card-value{align-items:center;color:#1e68bf;display:flex;flex-wrap:wrap;font-size:20px;font-weight:700;gap:12px}.report-card-trend{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.report-card-trend.positive{background:#e6f7e6;color:#2e7d32}.report-card-trend.negative{background:#ffebee;color:#c62828}.reports-footer{height:20px}@media (max-width:768px){.report-card{flex-direction:column;text-align:center}.report-card-icon{align-self:center}.reports-tab{flex:1 1;text-align:center}}.successful-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.successful-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.successful-download-icon{height:18px;width:18px}.successful-analytics-header{margin-bottom:24px;position:relative}.successful-analytics-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.successful-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.successful-filter-group{min-width:140px;position:relative}.successful-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.successful-filter-select:hover{border-color:#cbd5e1}.successful-filter-select.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.successful-filter-chevron{color:#212529;height:18px;width:20px}.successful-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;right:auto;top:calc(100% + 4px);z-index:100}.successful-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.successful-filter-option:hover{background:#f8fafc}.successful-filter-option.selected{background:#eff6ff;color:#1e68bf}.successful-checkbox-dropdown{min-width:200px}.successful-filter-option-checkbox{display:flex;flex-direction:column;gap:4px;padding:8px}.successful-checkbox-label{align-items:center;border-radius:6px;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:6px 8px;transition:background .2s}.successful-checkbox-label:hover{background:#f8fafc}.successful-checkbox-label input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.successful-checkbox-label span{flex:1 1}.successful-filter-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:23px;padding:10px 20px;transition:all .2s}.successful-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.successful-filter-icon{height:14px;width:14px}.successful-reset-filter{background:#0000;border:none;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.successful-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000026;left:calc(30% + 10px);min-width:320px;padding:20px;position:absolute;top:calc(100% + 8px);z-index:200}.successful-filter-panel:before{background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;content:"";height:16px;position:absolute;right:20px;top:-8px;transform:rotate(45deg);width:16px}.successful-filter-row{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}.successful-filter-panel-group{flex:1 1;min-width:200px;position:relative}.successful-filter-panel-label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.successful-filter-panel-select{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#212529;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.successful-filter-panel-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;min-width:200px;overflow-y:auto;position:absolute;right:auto;top:calc(100% + 4px);z-index:100}.successful-date-range-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;left:0;min-width:320px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.successful-date-range-section{display:flex;flex-direction:column;gap:6px}.successful-date-range-label{color:#6b7280;font-size:13px;font-weight:500}.successful-date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.successful-date-range-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.successful-date-range-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:center;padding:8px 0}.successful-date-range-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.successful-date-range-clear{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.successful-date-range-clear:hover{background:#f9fafb;border-color:#9ca3af}.successful-date-range-apply{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.successful-date-range-apply:hover{background:#2563eb}.successful-filter-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px}.successful-filter-apply-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:background .2s}.successful-filter-apply-btn:hover{background:#1557a8}.successful-stats-row{display:flex;gap:24px;margin-bottom:32px}.successful-stats-left{display:flex;flex:1 1;flex-direction:column;gap:20px}.successful-stats-right{flex:1 1}.successful-stats-card,.successful-stats-right{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.successful-stats-card{display:flex;flex-direction:column;gap:10px;min-height:250px}.successful-stats-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.successful-stats-title{color:#64748b;font-size:14px;font-weight:500}.successful-stats-value{color:#1e68bf;font-size:28px;font-weight:700}.successful-payment-method-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.successful-payment-method-title{color:#212529;font-size:16px;font-weight:600}.successful-stacked-bar-container{margin-bottom:20px}.successful-stacked-bar{background:#e2e8f0;border-radius:6px;display:flex;height:12px;overflow:hidden}.successful-stacked-bar-segment{height:100%;transition:width .3s ease}.successful-stacked-bar-segment:first-child{border-radius:6px 0 0 6px}.successful-stacked-bar-segment:last-child{border-radius:0 6px 6px 0}.successful-payment-legend{display:flex;flex-direction:column;gap:10px}.successful-legend-item{align-items:center;display:flex;font-size:13px;gap:10px}.successful-legend-color{border-radius:3px;height:12px;width:12px}.successful-legend-text{color:#475569;font-weight:500;min-width:80px}.successful-legend-percentage{color:#212529;font-weight:600}.successful-legend-count{color:#64748b}.info-icon{transition:color .2s}.successful-table-container{margin-bottom:20px;overflow-x:auto;overflow-y:auto}.successful-table{border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;border-spacing:0;font-size:14px;width:100%}.successful-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left}.successful-table td{border-bottom:1px solid #e2e8f0;color:#212529;padding:16px;vertical-align:middle;white-space:nowrap}.successful-table tr:hover{background:#f8fafc}.successful-date-column{vertical-align:middle}.successful-date-cell{display:flex;flex-direction:column;line-height:1.4}.successful-date{color:#212529;font-size:14px;font-weight:500;white-space:nowrap}.successful-time{color:#64748b;font-size:12px}.successful-transaction-number{color:#1e68bf;font-family:monospace;font-weight:500}.successful-amount-cell{color:#212529;font-weight:600}.successful-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.successful-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.successful-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.successful-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.successful-pagination-button:disabled{cursor:not-allowed;opacity:.5}.successful-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.successful-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.successful-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.successful-footer{height:20px}.successful-stats-middle{display:flex;flex:1 1;flex-direction:column;gap:20px}.successful-monthly-target,.successful-total-revenue{margin-bottom:4px}.successful-target-input-group{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;display:flex;height:42px;margin-top:8px;overflow:hidden}.successful-target-currency{align-items:center;background:#d1d4d7;border-right:1px solid #d1d4d7;color:#4d5154;display:flex}.successful-target-currency,.successful-target-input{font-size:14px;font-weight:600;height:100%;padding:0 12px}.successful-target-input{background:#fff;border:none;color:#212529;flex:1 1;outline:none}.successful-target-input:disabled{background:#f0f1f2;color:#212529}.successful-target-edit-btn{border:none;color:#1e68bf;cursor:pointer;font-size:13px;font-weight:600;height:100%;padding:0 16px;transition:all .2s;white-space:nowrap}.successful-progress-section{margin-top:4px}.successful-progress-bar-container{align-items:center;display:flex;gap:12px;margin-top:8px}.successful-progress-bar{background:#e5e5e5;border-radius:8px;flex:1 1;height:20px;overflow:hidden}.successful-progress-fill{background:#66dd1c;border-radius:5px;height:100%;transition:width .5s ease}.successful-progress-text{font-size:24px;font-weight:600;min-width:50px;text-align:right}@media (max-width:768px){.successful-analytics-header{align-items:flex-start;flex-direction:column}.successful-filters-bar{width:100%}.successful-filter-group{flex:1 1}.successful-filter-panel{left:50%;max-width:400px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90%}.successful-filter-panel:before{display:none}.successful-stats-row{flex-direction:column}.successful-stats-left{flex-direction:row;gap:16px}.successful-stats-card{flex:1 1}.successful-filter-row{flex-direction:column}.successful-table-container{overflow-x:scroll}.successful-table{min-width:1000px}.successful-pagination-container{justify-content:center}}.sales-group-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.sales-group-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.sales-group-download-icon{height:18px;width:18px}.sales-group-data-header{margin-bottom:24px;position:relative}.sales-group-data-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.sales-group-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.sales-group-filter-group{min-width:140px;position:relative}.sales-group-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.sales-group-filter-select:hover{border-color:#cbd5e1}.sales-group-filter-chevron{color:#212529;height:18px;width:20px}.sales-group-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;right:auto;top:calc(100% + 4px);z-index:100}.sales-group-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.sales-group-filter-option:hover{background:#f8fafc}.sales-group-filter-option.selected{background:#eff6ff;color:#1e68bf}.sales-group-table-container{margin-bottom:20px;overflow-x:auto;overflow-y:auto}.sales-group-table{border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;border-spacing:0;font-size:14px;width:100%}.sales-group-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.sales-group-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sales-group-table th.sortable:hover{background:#e9ecef}.sales-group-table td{border-bottom:1px solid #e2e8f0;color:#212529;padding:16px;vertical-align:middle;white-space:nowrap}.sales-group-table tr:hover{background:#f8fafc}.sales-group-type-row{background:#1e68bf1a;color:#212529;font-size:14px;font-weight:700!important}.sales-group-type-name{color:#212529;font-weight:700}.sales-group-class-row td:first-child{padding-left:32px}.sales-group-class-name{color:#4d5154}.sales-group-number{font-weight:500}.sales-group-amount{color:#1e68bf;font-weight:500}.sales-group-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.sales-group-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sales-group-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.sales-group-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.sales-group-pagination-button:disabled{cursor:not-allowed;opacity:.5}.sales-group-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.sales-group-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.sales-group-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.sales-group-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.sales-group-footer{height:20px}.sales-group-filter-select.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.sales-group-date-range-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;left:0;min-width:320px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.sales-group-date-range-section{display:flex;flex-direction:column;gap:6px}.sales-group-date-range-label{color:#6b7280;font-size:13px;font-weight:500}.sales-group-date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.sales-group-date-range-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.sales-group-date-range-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:center;padding:8px 0}.sales-group-date-range-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.sales-group-date-range-clear{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.sales-group-date-range-clear:hover{background:#f9fafb;border-color:#9ca3af}.sales-group-date-range-apply{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.sales-group-date-range-apply:hover{background:#2563eb}.sales-group-type-name{color:#1e68bf;font-weight:600}@media (max-width:768px){.sales-group-data-header{align-items:flex-start;flex-direction:column}.sales-group-filters{width:100%}.sales-group-filter-group{flex:1 1}.sales-group-table-container{overflow-x:scroll}.sales-group-table{min-width:1000px}.sales-group-pagination-container{justify-content:center}}.group-attendance-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.group-attendance-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.group-attendance-download-icon{height:18px;width:18px}.group-attendance-data-header{margin-bottom:24px;position:relative}.group-attendance-data-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.group-attendance-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.group-attendance-filter-group{min-width:140px;position:relative}.group-attendance-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.group-attendance-filter-select:hover{border-color:#cbd5e1}.group-attendance-filter-select.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.group-attendance-filter-chevron{color:#212529;height:18px;width:20px}.group-attendance-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;right:auto;top:calc(100% + 4px);z-index:100}.group-attendance-checkbox-dropdown{min-width:220px}.group-attendance-filter-option-checkbox{display:flex;flex-direction:column;gap:4px;padding:8px}.group-attendance-checkbox-label{align-items:center;border-radius:6px;color:#212529;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:6px 8px;transition:background .2s}.group-attendance-checkbox-label:hover{background:#f8fafc}.group-attendance-checkbox-label input[type=checkbox]{accent-color:#1e68bf;cursor:pointer;height:16px;width:16px}.group-attendance-checkbox-label span{flex:1 1}.group-attendance-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.group-attendance-filter-option:hover{background:#f8fafc}.group-attendance-filter-option.selected{background:#eff6ff;color:#1e68bf}.group-attendance-filter-btn{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:23px;padding:10px 20px;transition:all .2s}.group-attendance-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.group-attendance-filter-icon{height:14px;width:14px}.group-attendance-reset-filter{background:#0000;border:none;border-radius:8px;color:#1e68bf;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.group-attendance-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000026;left:calc(30% + 10px);min-width:400px;padding:20px;position:absolute;top:calc(100% + 8px);z-index:200}.group-attendance-filter-panel:before{background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;content:"";height:16px;position:absolute;right:20px;top:-8px;transform:rotate(45deg);width:16px}.group-attendance-filter-row{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}.group-attendance-filter-panel-group{flex:1 1;min-width:180px}.group-attendance-filter-panel-label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.group-attendance-date-range-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;left:0;min-width:320px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.group-attendance-date-range-section{display:flex;flex-direction:column;gap:6px}.group-attendance-date-range-label{color:#6b7280;font-size:13px;font-weight:500}.group-attendance-date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.group-attendance-date-range-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.group-attendance-date-range-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:center;padding:8px 0}.group-attendance-date-range-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.group-attendance-date-range-clear{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.group-attendance-date-range-clear:hover{background:#f9fafb;border-color:#9ca3af}.group-attendance-date-range-apply{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.group-attendance-date-range-apply:hover{background:#2563eb}.group-attendance-fillrate-group{align-items:center;display:flex;gap:12px}.group-attendance-fillrate-select{flex:1 1;position:relative}.group-attendance-fillrate-trigger{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#212529;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:8px 12px}.group-attendance-fillrate-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.group-attendance-fillrate-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.group-attendance-fillrate-option:hover{background:#f8fafc}.group-attendance-fillrate-option.selected{background:#eff6ff;color:#1e68bf}.group-attendance-fillrate-value{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;display:flex;gap:4px;height:40px;padding:4px 8px}.group-attendance-fillrate-input{border:none;font-size:14px;outline:none;text-align:center;width:50px}.group-attendance-fillrate-controls{display:flex;flex-direction:column}.fillrate-down,.fillrate-up{align-items:center;background:none;border:none;color:#212529;cursor:pointer;display:flex;justify-content:center;padding:0}.fillrate-up{margin-bottom:-13px}.fillrate-down:hover,.fillrate-up:hover{color:#1e68bf}.group-attendance-days-group{display:flex;flex-wrap:wrap;gap:8px}.group-attendance-day-btn{background:#fff;border:1px solid #d1d4d7;border-radius:6px;color:#4d5154;cursor:pointer;font-size:12px;font-weight:500;height:40px;line-height:0;padding:20px;transition:all .2s}.group-attendance-day-btn:hover{border-color:#1e68bf;color:#1e68bf}.group-attendance-day-btn.selected{background:#1e68bf;border-color:#1e68bf;color:#fff}.group-attendance-filter-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px}.group-attendance-filter-apply-btn{background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:background .2s}.group-attendance-filter-apply-btn:hover{background:#1557a8}.group-attendance-toggle{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.group-attendance-toggle-switch{display:inline-block;height:14px;position:relative;width:24px}.group-attendance-toggle-switch input{height:0;opacity:0;width:0}.group-attendance-toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.group-attendance-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3.5px;content:"";height:8px;left:3px;position:absolute;transition:.3s;width:8px}.group-attendance-toggle-switch input:checked+.group-attendance-toggle-slider{background-color:#1e68bf}.group-attendance-toggle-switch input:checked+.group-attendance-toggle-slider:before{transform:translateX(10px)}.group-attendance-toggle-label{color:#212529;font-size:14px}.group-attendance-table-container{margin-bottom:20px;overflow-x:auto;overflow-y:auto}.group-attendance-table{border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;border-spacing:0;font-size:14px;width:100%}.group-attendance-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.group-attendance-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.group-attendance-table th.sortable:hover{background:#e9ecef}.group-attendance-table td{border-bottom:1px solid #e2e8f0;color:#212529;padding:16px;vertical-align:middle;white-space:nowrap}.group-attendance-table tr:hover{background:#f8fafc}.group-attendance-parent-row{background:#1e68bf1a;color:#212529;font-size:14px;font-weight:700}.group-attendance-parent-name{align-items:center;color:#212529;display:flex;font-weight:700;gap:8px}.group-attendance-expand-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;width:20px}.group-attendance-child-row td:first-child{padding-left:44px}.group-attendance-child-name{color:#4d5154}.group-attendance-number{font-weight:500;text-align:left}.group-attendance-status{text-align:center}.status-badge{border-radius:100px;display:inline-block;font-size:13px;font-weight:600;padding:6px 10px}.status-badge.complete{background:#34c759;color:#fff}.status-badge.cancelled{background:#ff383c;color:#fff}.sort-icon-down,.sort-icon-up{height:10px;width:10px}.sort-icon-up{margin-bottom:-2px}.sort-icon-down{margin-top:-2px}.sort-icon-down.inactive,.sort-icon-up.inactive{color:#899197}.group-attendance-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.group-attendance-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.group-attendance-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.group-attendance-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.group-attendance-pagination-button:disabled{cursor:not-allowed;opacity:.5}.group-attendance-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.group-attendance-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.group-attendance-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.group-attendance-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.group-attendance-footer{height:20px}@media (max-width:768px){.group-attendance-data-header{align-items:flex-start;flex-direction:column}.group-attendance-filters-bar{width:100%}.group-attendance-filter-group{flex:1 1}.group-attendance-filter-panel{left:50%;max-width:400px;min-width:auto;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90%}.group-attendance-filter-panel:before{display:none}.group-attendance-filter-row{flex-direction:column}.group-attendance-table-container{overflow-x:scroll}.group-attendance-table{min-width:1200px}.group-attendance-days-group,.group-attendance-pagination-container{justify-content:center}}.renewal-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.renewal-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.renewal-download-icon{height:18px;width:18px}.renewal-data-header{margin-bottom:24px}.renewal-data-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.renewal-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.renewal-filter-group{min-width:160px;position:relative}.renewal-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:20px;height:40px;justify-content:space-between;min-width:160px;padding:10px 12px;transition:all .2s}.renewal-filter-select:hover{border-color:#cbd5e1}.renewal-filter-select.disabled{background:#f0f1f2;border-color:#d1d4d7;border-radius:4px;color:#9ca3af;cursor:not-allowed;height:40px}.renewal-filter-chevron{color:#212529;height:18px;width:20px}.renewal-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:100}.renewal-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.renewal-filter-option:hover{background:#f8fafc}.renewal-filter-option.selected{background:#eff6ff;color:#1e68bf}.renewal-filter-disabled{min-width:auto}.renewal-value-selector{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:4px;display:flex;height:40px;justify-content:space-between;min-width:70px;padding:0 12px}.renewal-value-text{color:#212529;font-size:14px;font-weight:600}.renewal-value-arrows{display:flex;flex-direction:column;line-height:0}.renewal-value-arrow-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:1px 0;transition:color .2s}.renewal-value-arrow-btn:hover .renewal-value-arrow-icon{color:#1e68bf}.renewal-value-arrow-icon{color:#4d5154;height:12px;width:12px}.renewal-table-container{margin-bottom:20px;overflow-x:auto}.renewal-table{border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;border-spacing:0;font-size:14px;width:100%}.renewal-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.renewal-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.renewal-table th.sortable:hover{background:#e8ecf1}.renewal-table td{border-bottom:1px solid #e2e8f0;color:#212529;padding:16px;vertical-align:middle;white-space:nowrap}.renewal-table tbody tr:hover{background:#f8fafc}.renewal-number{font-weight:500;text-align:center}.renewal-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.renewal-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.renewal-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.renewal-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.renewal-pagination-button:disabled{cursor:not-allowed;opacity:.5}.renewal-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.renewal-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.renewal-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.renewal-footer{height:20px}@media (max-width:768px){.renewal-filters-bar{width:100%}.renewal-filter-group{flex:1 1}.renewal-table-container{overflow-x:scroll}.renewal-table{min-width:800px}.renewal-pagination-container{justify-content:center}}.timing-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.timing-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.timing-download-btn:hover{background:#1557a8}.timing-download-icon{height:18px;width:18px}.timing-data-header{margin-bottom:24px}.timing-data-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.timing-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;position:relative}.timing-filter-group{min-width:160px;position:relative}.timing-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.timing-filter-select:hover{border-color:#cbd5e1}.timing-filter-select.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.timing-filter-chevron{color:#212529;height:18px;width:20px}.timing-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:100}.timing-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.timing-filter-option:hover{background:#f8fafc}.timing-filter-option.selected{background:#eff6ff;color:#1e68bf}.timing-date-range-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;left:0;min-width:320px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.timing-date-range-section{display:flex;flex-direction:column;gap:6px}.timing-date-range-label{color:#6b7280;font-size:13px;font-weight:500}.timing-date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;outline:none;padding:8px 12px}.timing-date-range-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:center;padding:8px 0}.timing-date-range-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.timing-date-range-clear{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px}.timing-date-range-apply{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.timing-metric-buttons{display:flex;gap:0}.timing-metric-btn-kiri{border:1px solid #d1d4d7;border-bottom-left-radius:100px;border-right:none;border-top-left-radius:100px}.timing-metric-btn-kanan,.timing-metric-btn-kiri{background:#fff;color:#4d5154;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.timing-metric-btn-kanan{border:1px solid #d1d4d7;border-bottom-right-radius:100px;border-left:none;border-top-right-radius:100px}.timing-metric-btn-kanan.active,.timing-metric-btn-kiri.active{background:#1e68bf;border-color:#1e68bf;border-radius:100px;color:#fff}.timing-chart-section{margin-bottom:32px;padding-bottom:24px}.timing-section-title,.timing-section-title-center{color:#212529;font-size:16px;font-weight:600;margin:0 0 16px}.timing-section-title-center{text-align:center}.timing-heatmap-section{margin-bottom:16px}.timing-heatmap-container{margin-bottom:16px;overflow-x:visible}.timing-heatmap-table{border-collapse:initial;border-spacing:2px;font-size:12px;width:100%}.timing-heatmap-table th{color:#475569;font-weight:600;padding:6px 4px;text-align:center;white-space:nowrap}.timing-day-header,.timing-total-header{width:50px}.timing-hour-header{font-size:11px;width:38px}.timing-day-cell{color:#475569;font-weight:600;padding:6px 8px;white-space:nowrap}.timing-total-cell{color:#1e68bf;font-weight:600;padding:6px 4px;text-align:center}.timing-heatmap-value{color:#fff;font-size:10px;font-weight:500}.timing-legend{align-items:center;display:flex;flex-wrap:wrap;gap:16px;padding:12px 0 12px 7%}.timing-legend-item{align-items:center;color:#475569;display:flex;font-size:12px;gap:6px}.timing-legend-color{border-radius:3px;height:16px;width:16px}.custom-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:8px 12px}.tooltip-date{color:#64748b;font-size:12px;margin:0 0 4px}.tooltip-value{color:#1e68bf;font-size:14px;font-weight:600;margin:0}.timing-footer{height:20px}@media (max-width:768px){.timing-filters-bar{flex-direction:column}.timing-heatmap-container{overflow-x:scroll}.timing-heatmap-table{min-width:900px}}.timing-heatmap-cell{border-radius:4px;cursor:default;height:32px;position:relative;text-align:center;transition:all .2s;vertical-align:middle;width:38px}.timing-heatmap-cell:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1);z-index:10}.timing-heatmap-tooltip{background:#1a1f36;border-radius:8px;bottom:calc(100% + 8px);color:#fff;display:flex;flex-direction:column;font-size:12px;gap:2px;left:50%;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.timing-heatmap-tooltip:after{border:5px solid #0000;border-top-color:#1a1f36;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.trial-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.trial-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.trial-download-btn:hover{background:#1557a8}.trial-download-icon{height:18px;width:18px}.trial-data-header{margin-bottom:24px}.trial-data-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.trial-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.trial-filter-group{min-width:160px;position:relative}.trial-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.trial-filter-select:hover{border-color:#cbd5e1}.trial-filter-select.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.trial-filter-chevron{color:#212529;height:18px;width:20px}.trial-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:100}.trial-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.trial-filter-option:hover{background:#f8fafc}.trial-filter-option.selected{background:#eff6ff;color:#1e68bf}.trial-date-range-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;left:0;min-width:320px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.trial-date-range-section{display:flex;flex-direction:column;gap:6px}.trial-date-range-label{color:#6b7280;font-size:13px;font-weight:500}.trial-date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;outline:none;padding:8px 12px}.trial-date-range-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:center;padding:8px 0}.trial-date-range-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.trial-date-range-clear{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px}.trial-date-range-apply{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.trial-stats-row{display:flex;gap:20px;margin-bottom:32px}.trial-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;padding:20px}.trial-stat-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.trial-stat-title{color:#64748b;font-size:14px;font-weight:500}.trial-stat-value{color:#1e68bf;font-size:28px;font-weight:700}.trial-table-container{margin-bottom:20px;overflow-x:auto}.trial-table{border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;border-spacing:0;font-size:14px;width:100%}.trial-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.trial-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.trial-table th.sortable:hover{background:#e8ecf1}.trial-table td{border-bottom:1px solid #e2e8f0;color:#212529;padding:16px;vertical-align:middle;white-space:nowrap}.trial-table tbody tr:hover{background:#f8fafc}.trial-number{font-weight:500}.trial-status-badge{border-radius:100px;display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.trial-status-badge.converted{background:#34c759;color:#fff}.trial-status-badge.not-converted{background:#ff9500;color:#fff}.trial-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.trial-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.trial-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.trial-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.trial-pagination-button:disabled{cursor:not-allowed;opacity:.5}.trial-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.trial-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.trial-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.trial-footer{height:20px}@media (max-width:768px){.trial-filters-bar{width:100%}.trial-stats-row{flex-direction:column}.trial-table-container{overflow-x:scroll}.trial-table{min-width:700px}.trial-pagination-container{justify-content:center}}.ps-sales-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.ps-sales-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.ps-sales-download-btn:hover{background:#1557a8}.ps-sales-download-icon{height:18px;width:18px}.ps-sales-data-header{margin-bottom:24px}.ps-sales-data-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.ps-sales-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.ps-sales-filter-group{min-width:160px;position:relative}.ps-sales-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.ps-sales-filter-select:hover{border-color:#cbd5e1}.ps-sales-filter-select.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.ps-sales-filter-chevron{color:#212529;height:18px;width:20px}.ps-sales-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:100}.ps-sales-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.ps-sales-filter-option:hover{background:#f8fafc}.ps-sales-filter-option.selected{background:#eff6ff;color:#1e68bf}.ps-sales-date-range-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;left:0;min-width:320px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.ps-sales-date-range-section{display:flex;flex-direction:column;gap:6px}.ps-sales-date-range-label{color:#6b7280;font-size:13px;font-weight:500}.ps-sales-date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;outline:none;padding:8px 12px}.ps-sales-date-range-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:center;padding:8px 0}.ps-sales-date-range-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.ps-sales-date-range-clear{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px}.ps-sales-date-range-apply{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.ps-sales-table-container{margin-bottom:20px;overflow-x:auto}.ps-sales-table{border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;border-spacing:0;font-size:14px;width:100%}.ps-sales-table th{background:#f4f6f9;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.ps-sales-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ps-sales-table th.sortable:hover{background:#e8ecf1}.ps-sales-table td{border-bottom:1px solid #e2e8f0;color:#212529;padding:16px;vertical-align:middle;white-space:nowrap}.ps-sales-table tbody tr:hover{background:#f8fafc}.ps-sales-type-row{background:#1e68bf1a;font-weight:700}.ps-sales-type-name{color:#212529;font-weight:700}.ps-sales-session-row td:first-child{padding-left:36px}.ps-sales-session-name{color:#4d5154}.ps-sales-amount,.ps-sales-number{font-weight:500}.sort-icons{display:inline-flex;flex-direction:column;line-height:0;margin-left:6px;vertical-align:middle}.sort-icon-down,.sort-icon-up{height:12px;width:12px}.sort-icon-up{margin-bottom:-3px}.sort-icon-down{margin-top:-3px}.sort-icon-down.active,.sort-icon-up.active{color:#1e68bf}.sort-icon-down.inactive,.sort-icon-up.inactive{color:#cbd5e1}.ps-sales-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.ps-sales-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ps-sales-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.ps-sales-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.ps-sales-pagination-button:disabled{cursor:not-allowed;opacity:.5}.ps-sales-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.ps-sales-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.ps-sales-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.ps-sales-footer{height:20px}@media (max-width:768px){.ps-sales-filters{width:100%}.ps-sales-filter-group{flex:1 1}.ps-sales-table-container{overflow-x:scroll}.ps-sales-table{min-width:1000px}.ps-sales-pagination-container{justify-content:center}}.cic-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.cic-download-btn{align-items:center;background:#1e68bf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 32px;transition:all .2s}.cic-download-btn:hover{background:#1557a8}.cic-download-icon{height:18px;width:18px}.cic-data-header{margin-bottom:24px}.cic-data-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.cic-filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.cic-filter-group{min-width:160px;position:relative}.cic-filter-select{align-items:center;background:#fff;border:1px solid #d1d4d7;border-radius:8px;color:#4d5154;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s}.cic-filter-select:hover{border-color:#cbd5e1}.cic-filter-select.active{background:#eff6ff;border-color:#1e68bf;color:#1e68bf}.cic-filter-chevron{color:#212529;height:18px;width:20px}.cic-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:100}.cic-filter-option{color:#212529;cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s}.cic-filter-option:hover{background:#f8fafc}.cic-filter-option.selected{background:#eff6ff;color:#1e68bf}.cic-date-range-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 24px #0000001f;left:0;min-width:320px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:100}.cic-date-range-section{display:flex;flex-direction:column;gap:6px}.cic-date-range-label{color:#6b7280;font-size:13px;font-weight:500}.cic-date-range-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;outline:none;padding:8px 12px}.cic-date-range-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cic-date-range-separator{align-items:center;color:#9ca3af;display:flex;font-size:13px;justify-content:center;padding:8px 0}.cic-date-range-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.cic-date-range-clear{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.cic-date-range-clear:hover{background:#f9fafb;border-color:#9ca3af}.cic-date-range-apply{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.cic-date-range-apply:hover{background:#2563eb}.cic-stats-row{display:flex;gap:20px;margin-bottom:24px}.cic-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;padding:20px}.cic-stat-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.cic-stat-title{color:#64748b;font-size:14px;font-weight:500}.cic-stat-value{color:#1e68bf;font-size:28px;font-weight:700}.cic-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:0;margin-bottom:24px}.cic-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.cic-tab:hover{color:#1e68bf}.cic-tab.active{border-bottom-color:#1e68bf;color:#1e68bf;font-weight:600}.cic-table-container{margin-bottom:20px;overflow-x:auto}.cic-table{border:1px solid #e9e9ea;border-collapse:initial;border-radius:6px;border-spacing:0;font-size:14px;width:100%}.cic-table th{background:#f4f6f9;color:#475569;font-weight:600;padding:12px 16px;text-align:left}.cic-table td,.cic-table th{border-bottom:1px solid #e2e8f0;white-space:nowrap}.cic-table td{color:#212529;padding:16px;vertical-align:middle}.cic-table tbody tr:hover{background:#f8fafc}.cic-date-cell{display:flex;flex-direction:column;line-height:1.4}.cic-date{color:#212529;font-size:14px;font-weight:500}.cic-time{color:#64748b;font-size:12px}.cic-borrowed-badges{display:flex;flex-wrap:wrap;gap:6px}.cic-borrowed-badge{background:#f0f1f2;border-radius:100px;color:#4d5154;font-size:12px;font-weight:500;padding:4px 12px}.cic-no-items{color:#94a3b8}.cic-asset-parent-row{background:#1e68bf1a;font-weight:600}.cic-asset-parent-name{align-items:center;display:flex;gap:8px}.cic-expand-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.expand-icon{color:#64748b;height:16px;transition:transform .2s;width:16px}.expand-icon.expanded{transform:rotate(180deg)}.cic-asset-child-row td:first-child{padding-left:44px}.cic-asset-child-name{color:#4d5154}.cic-number{font-weight:500}.asset-status-badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:600;padding:6px 16px}.asset-status-badge.returned{background:#34c759;color:#fff}.asset-status-badge.not-returned{background:#ff383c;color:#fff}.cic-heatmap-section{margin-bottom:16px}.cic-heatmap-container{margin-bottom:16px;overflow-x:auto;overflow-y:visible;padding-top:80px}.cic-heatmap-table{border-collapse:initial;border-spacing:2px;font-size:12px;overflow:visible;width:100%}.cic-heatmap-table th{color:#475569;font-weight:600;padding:6px 4px;text-align:center;white-space:nowrap}.cic-day-header{width:70px}.cic-hour-header{font-size:11px;width:32px}.cic-day-cell{color:#475569;font-weight:600;padding:6px 8px;white-space:nowrap}.cic-heatmap-cell{border-radius:4px;cursor:default;height:28px;overflow:visible;position:relative;text-align:center;transition:all .2s;vertical-align:middle;width:32px}.cic-heatmap-cell:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1);z-index:100}.cic-heatmap-tooltip{background:#1a1f36;border-radius:8px;bottom:calc(100% + 8px);color:#fff;display:flex;flex-direction:column;font-size:12px;gap:2px;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:1000}.cic-heatmap-tooltip,.cic-heatmap-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.cic-heatmap-tooltip:after{border:5px solid #0000;border-top-color:#1a1f36;content:"";top:100%}.heatmap-tooltip-day{color:#93c5fd;font-weight:600}.heatmap-tooltip-hour{color:#cbd5e1}.heatmap-tooltip-value{color:#fff;font-weight:600}.cic-legend{flex-wrap:wrap;gap:16px;padding:12px 0}.cic-legend,.cic-legend-item{align-items:center;display:flex}.cic-legend-item{color:#475569;font-size:12px;gap:6px}.cic-legend-color{border-radius:3px;height:16px;width:16px}.info-tooltip-container{display:inline-flex;position:relative}.info-icon{align-items:center;color:#94a3b8;cursor:pointer;display:flex;justify-content:center}.info-icon:hover{color:#1e68bf}.info-tooltip-content{background:#212529;border-radius:6px;bottom:100%;color:#fff;font-size:12px;margin-bottom:8px;padding:6px 12px;white-space:nowrap;z-index:100}.info-tooltip-content,.info-tooltip-content:after{left:50%;position:absolute;transform:translateX(-50%)}.info-tooltip-content:after{border:5px solid #0000;border-top-color:#212529;content:"";top:100%}.cic-pagination-container{display:flex;justify-content:flex-end;margin-top:24px}.cic-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cic-pagination-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.cic-pagination-button:hover:not(:disabled){border-color:#1e68bf;color:#1e68bf}.cic-pagination-button:disabled{cursor:not-allowed;opacity:.5}.cic-pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .2s}.cic-pagination-number:hover{border-color:#1e68bf;color:#1e68bf}.cic-pagination-number.active{background:#1e68bf;border-color:#1e68bf;color:#fff}.cic-pagination-dots{align-items:center;color:#94a3b8;display:flex;height:32px;justify-content:center;min-width:32px}.cic-footer{height:20px}@media (max-width:768px){.cic-filters-bar{width:100%}.cic-filter-group{flex:1 1}.cic-stats-row{flex-direction:column}.cic-table-container{overflow-x:scroll}.cic-table{min-width:600px}.cic-heatmap-container{overflow-x:scroll}.cic-heatmap-table{min-width:800px}.cic-pagination-container{justify-content:center}}.loading-cell{padding:40px!important;text-align:center}.loading-spinner-small{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#1e68bf;height:24px;margin:0 auto 8px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-cell{color:#64748b;font-size:14px;padding:40px!important;text-align:center}.cic-filter-select-content{align-items:center;display:flex;gap:8px}.cic-filter-loc-icon{color:#64748b;flex-shrink:0;height:16px;width:16px}
/*# sourceMappingURL=main.46426f33.css.map*/