@import"https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900";.dashboard-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f5f5f5;font-family:Arial,sans-serif}.dashboard-header{text-align:center;margin-bottom:20px}.dashboard-header h1{font-size:2rem;color:#333}.dashboard-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.data-card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center;width:calc(25% - 20px);min-width:200px;max-width:300px}.data-card h2{font-size:1.5rem;color:#555;margin-bottom:10px}.data-card p{font-size:1.25rem;font-weight:700;color:#27ae60}.chart-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.chart-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1 calc(50% - 20px);max-width:500px;min-width:280px}.chart-container h3{font-size:1.2rem;color:#333;margin-bottom:15px;text-align:center}.calendar-container{flex:1 1 100%;margin-top:20px}@media (max-width: 768px){.dashboard-container{display:inline}.dashboard-header h1{font-size:1.8rem}.data-card{flex:1 1 45%;width:100%;min-width:180px}.chart-container{flex:1 1 100%}}@media (max-width: 480px){.dashboard-header h1{font-size:1.5rem}.dashboard-content{flex-direction:column}.data-card{flex:1 1 100%;margin-bottom:15px;width:100%}.data-card h2{font-size:1.2rem}.data-card p{font-size:1rem}.chart-container{flex:1 1 100%;margin-bottom:20px}.chart-container h3{font-size:1rem}}.luxury-calendar-container{font-family:Helvetica Neue,Arial,sans-serif;padding:20px;background-color:#fff;color:#333}.luxury-calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.luxury-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.luxury-error-message{background-color:#ffebee;color:#c62828;padding:15px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.luxury-error-close{background:none;border:none;color:#c62828;font-size:20px;cursor:pointer}.luxury-calendar-header{margin-bottom:30px}.luxury-date-navigation{display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative}.luxury-nav-button{background:none;border:none;cursor:pointer;color:#555;padding:8px 15px;border-radius:4px;transition:all .3s}.luxury-nav-button:hover{background-color:#f5f5f5;color:#333}.luxury-current-date{margin:0 20px;font-size:1.4rem;font-weight:500;display:flex;align-items:center;cursor:pointer;padding:8px 15px;border-radius:4px;transition:background-color .3s}.luxury-current-date:hover{background-color:#f5f5f5}.luxury-date-icon{margin-right:10px}.luxury-date-picker-popup{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:15px;z-index:100;margin-top:10px}.luxury-date-picker-container{width:280px}.luxury-date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.luxury-date-picker-nav{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#555;padding:5px 10px}.luxury-date-picker-month{font-weight:500;font-size:1.1rem}.luxury-date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:10px;font-size:.8rem;color:#777}.luxury-date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.luxury-date-picker-day{display:flex;flex-direction:column;align-items:center;justify-content:center;height:36px;border-radius:50%;cursor:pointer;position:relative;transition:all .2s}.luxury-date-picker-day:hover{background-color:#f0f0f0}.luxury-date-picker-day-selected{background-color:#3498db;color:#fff}.luxury-date-picker-day-has-bookings:after{content:"";position:absolute;bottom:3px;width:5px;height:5px;border-radius:50%;background-color:#3498db}.luxury-date-picker-day-selected.luxury-date-picker-day-has-bookings:after{background-color:#fff}.luxury-date-picker-empty-cell{height:36px}.luxury-section-title{font-size:1.2rem;margin-bottom:15px;color:#444;font-weight:500}.luxury-venue-grid{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.luxury-venue-card{border:1px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s}.luxury-venue-card:hover{border-color:#3498db;box-shadow:0 2px 8px #0000001a}.luxury-venue-card-active{border-color:#3498db;background-color:#f8fafd}.luxury-venue-card h4{margin:0 0 10px;font-size:1.1rem;color:#333}.luxury-venue-availability{margin-top:10px}.luxury-availability-bar{height:6px;background-color:#e0e0e0;border-radius:3px;margin-bottom:5px;overflow:hidden}.luxury-availability-fill{height:100%;background-color:#4caf50;transition:width .5s}.luxury-availability-text{font-size:.9rem;color:#666}.luxury-calendar-main{margin-top:20px}.luxury-time-slots-header{display:grid;grid-template-columns:150px repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:15px;font-weight:500;align-items:center}.luxury-time-slot-header{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#f5f5f5;border-radius:4px}.luxury-time-icon{margin-right:8px}.luxury-availability-grid{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.luxury-availability-row{display:grid;grid-template-columns:150px repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:10px;align-items:stretch}.luxury-availability-row:nth-child(2n){background-color:#f9f9f9}.luxury-time-slot{border:1px solid #e0e0e0;border-radius:4px;padding:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.luxury-time-slot:hover{border-color:#3498db;background-color:#f8fafd}.luxury-time-slot-available{background-color:#e8f5e9;border-color:#c8e6c9}.luxury-time-slot-partial{background-color:#fff8e1;border-color:#ffe0b2}.luxury-time-slot-booked{background-color:#ffebee;border-color:#ffcdd2;cursor:not-allowed}.luxury-slot-content{flex:1;display:flex;flex-direction:column}.luxury-slot-status{margin-bottom:10px}.luxury-slot-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.luxury-slot-badge-available{background-color:#4caf50;color:#fff}.luxury-slot-badge-partial{background-color:#ff9800;color:#fff}.luxury-slot-badge-full{background-color:#f44336;color:#fff}.luxury-slot-availability{display:flex;flex-direction:column;gap:5px}.luxury-slot-availability-bar{height:6px;background-color:#0000001a;border-radius:3px;overflow:hidden}.luxury-slot-availability-fill{height:100%;background-color:#4caf50}.luxury-slot-count{font-size:.9rem;text-align:center;color:#666}.luxury-booking-list{margin-top:auto}.luxury-booking-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:5px;border-radius:4px;font-size:.85rem}.luxury-booking-manual{background-color:#e3f2fd;border-left:3px solid #2196f3}.luxury-booking-online{background-color:#e8f5e9;border-left:3px solid #4caf50}.luxury-booking-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.luxury-booking-info-icon{color:#666;cursor:pointer}.luxury-booking-modal,.luxury-booking-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.luxury-booking-form,.luxury-booking-details-content{background-color:#fff;border-radius:8px;padding:25px;width:100%;max-width:450px;position:relative;box-shadow:0 4px 20px #00000026}.luxury-close-button{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;color:#666;font-size:1.2rem}.luxury-booking-title{margin-top:0;margin-bottom:20px;font-size:1.3rem;display:flex;align-items:center}.luxury-form-icon{margin-right:10px}.luxury-booking-slot-info{margin-bottom:20px}.luxury-booking-slot{font-weight:500;font-size:1.1rem;margin-bottom:5px}.luxury-booking-date{color:#666;font-size:.9rem}.luxury-form-group{margin-bottom:20px}.luxury-input-label{display:flex;align-items:center;margin-bottom:8px;font-size:.95rem;color:#444}.luxury-input-icon{margin-right:8px;color:#666}.luxury-form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.luxury-form-input:focus{border-color:#3498db;outline:none}.luxury-form-error{color:#d32f2f;margin-bottom:15px;font-size:.9rem}.luxury-form-actions{display:flex;gap:10px;margin-top:20px}.luxury-confirm-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;flex:1;transition:background-color .3s}.luxury-confirm-button:hover{background-color:#2980b9}.luxury-cancel-form-button{background-color:#f5f5f5;color:#333;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;flex:1;transition:background-color .3s}.luxury-cancel-form-button:hover{background-color:#e0e0e0}.luxury-details-title{margin-top:0;margin-bottom:20px;font-size:1.3rem}.luxury-details-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:20px}.luxury-details-row{display:contents}.luxury-details-label{font-weight:500;color:#666;text-align:right}.luxury-details-value{word-break:break-word}.luxury-type-manual{color:#2196f3}.luxury-type-online{color:#4caf50}.luxury-details-actions{display:flex;gap:10px;margin-top:25px}.luxury-cancel-button{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;flex:1;transition:background-color .3s}.luxury-cancel-button:hover{background-color:#d32f2f}.luxury-cancel-button:disabled{background-color:#ef9a9a;cursor:not-allowed}.luxury-close-details-button{background-color:#f5f5f5;color:#333;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;flex:1;transition:background-color .3s}.luxury-close-details-button:hover{background-color:#e0e0e0}@media (max-width: 768px){.luxury-venue-grid{grid-template-columns:1fr}.luxury-time-slots-header,.luxury-availability-row{grid-template-columns:100px repeat(auto-fit,minmax(100px,1fr))}.luxury-booking-form,.luxury-booking-details-content{width:90%;margin:0 auto}}@media (max-width: 480px){.luxury-current-date{font-size:1.1rem}.luxury-time-slots-header,.luxury-availability-row{grid-template-columns:80px repeat(auto-fit,minmax(80px,1fr));font-size:.9rem}.luxury-time-slot-header{padding:8px 5px}.luxury-details-grid{grid-template-columns:1fr;gap:8px}.luxury-details-label{text-align:left;font-weight:600}}.time-slots-admin{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.loading{text-align:center;padding:2rem;color:#666}.package-type-selector{display:flex;gap:1rem;margin-bottom:2rem}.type-btn{flex:1;padding:.75rem;background-color:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.type-btn.active{background-color:#3498db;color:#fff}.venue-selection{margin-bottom:2rem}.venue-selection label{display:block;margin-bottom:.5rem;font-weight:600}.venue-selection select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px}.time-slots-editor{margin-top:2rem}.slots-list{margin-bottom:1.5rem}.slot-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:6px;margin-bottom:.5rem}.remove-btn{background:none;border:none;color:#e74c3c;font-size:1.2rem;cursor:pointer;padding:0 .5rem}.no-slots{padding:1rem;text-align:center;color:#666;background-color:#f8f9fa;border-radius:6px}.add-slot{display:flex;gap:.5rem;margin-bottom:1.5rem}.add-slot input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px}.add-btn{padding:0 1.5rem;background-color:#2ecc71;color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.add-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.save-btn{display:block;width:100%;padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s}.save-btn:hover{background-color:#2980b9}.save-btn:disabled{background-color:#95a5a6;cursor:not-allowed}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sp-admin-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333;background-color:#f8f9fa}.sp-admin-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e1e1}.sp-admin-header h1{color:#2c3e50;margin-bottom:20px;font-size:2rem}.sp-admin-tabs{display:flex;justify-content:center;margin-bottom:20px;gap:10px}.sp-tab-btn{padding:12px 25px;border:none;background-color:#f5f5f5;color:#555;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.sp-tab-btn.active{background-color:#3498db;color:#fff}.sp-tab-btn:hover:not(.active){background-color:#e0e0e0}.sp-form-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;padding:30px;margin-bottom:30px}.sp-form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.sp-form-section:last-child{border-bottom:none}.sp-form-section h2{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;padding-bottom:10px;border-bottom:2px solid #3498db}.sp-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.sp-form-group{margin-bottom:20px}.sp-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.sp-form-group input,.sp-form-group textarea,.sp-form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s}.sp-form-group input:focus,.sp-form-group textarea:focus,.sp-form-group select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.sp-form-group textarea{min-height:100px;resize:vertical}.sp-image-uploader{margin-top:15px}.sp-upload-btn{display:inline-block;padding:12px 20px;background-color:#3498db;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s;margin-bottom:15px;font-weight:600;text-align:center}.sp-upload-btn:hover{background-color:#2980b9}.sp-upload-btn input[type=file]{display:none}.sp-upload-hint{font-size:13px;color:#777;margin-bottom:15px;font-style:italic}.sp-image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px}.sp-image-preview-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px #0000001a;aspect-ratio:4/3;transition:transform .3s}.sp-image-preview-item:hover{transform:translateY(-3px)}.sp-image-preview-item img{width:100%;height:100%;object-fit:cover}.sp-image-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#e74c3c;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s;opacity:.9}.sp-image-delete-btn:hover{background-color:#c0392b;opacity:1}.sp-feature-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.sp-feature-selector{flex:1;min-width:250px}.sp-feature-input{flex:2;min-width:300px;display:flex;gap:10px}.sp-feature-input input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.sp-add-feature-btn{padding:0 20px;background-color:#2ecc71;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.sp-add-feature-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.sp-add-feature-btn:hover:not(:disabled){background-color:#27ae60}.sp-feature-lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.sp-feature-list{background:#f8f9fa;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.sp-feature-list h3{margin-top:0;margin-bottom:15px;font-size:16px;color:#2c3e50;padding-bottom:8px;border-bottom:1px solid #eee}.sp-feature-list ul{list-style:none;padding:0;margin:0}.sp-feature-list li{padding:10px 0;border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;align-items:center}.sp-feature-list li:last-child{border-bottom:none}.sp-delete-feature-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:16px;padding:0 8px;transition:all .2s}.sp-delete-feature-btn:hover{transform:scale(1.2)}.sp-form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.sp-submit-btn{padding:14px 30px;background-color:#2ecc71;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;min-width:180px;text-align:center}.sp-submit-btn.sp-edit-mode{background-color:#3498db}.sp-submit-btn:hover{background-color:#27ae60}.sp-submit-btn.sp-edit-mode:hover{background-color:#2980b9}.sp-submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.sp-cancel-btn{padding:14px 30px;background-color:#f5f5f5;color:#555;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.sp-cancel-btn:hover{background-color:#e0e0e0}.sp-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}.sp-list-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;padding:30px}.sp-list-controls{margin-bottom:25px}.sp-search-box{position:relative;max-width:400px}.sp-search-box input{width:100%;padding:12px 15px 12px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s}.sp-search-box input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.sp-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777}.sp-package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.sp-package-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px #00000014;padding:20px;transition:all .3s;border-left:4px solid #2ecc71;position:relative;overflow:hidden}.sp-package-card.inactive{opacity:.85;border-left-color:#95a5a6}.sp-package-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.sp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.sp-card-header h3{margin:0;color:#2c3e50;font-size:1.2rem;flex:1}.sp-status-badge{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:600;margin-left:10px}.sp-status-badge.active{background-color:#d4edda;color:#155724}.sp-status-badge.inactive{background-color:#f8d7da;color:#721c24}.sp-card-body{margin-bottom:20px}.sp-card-venue{color:#7f8c8d;font-size:14px;margin:5px 0;font-weight:500}.sp-card-price{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:12px 0}.sp-discount{font-size:14px;color:#e74c3c;margin-left:8px;font-weight:600}.sp-card-duration{color:#3498db;font-size:14px;margin:8px 0;font-weight:500}.sp-card-thumbnail{margin-top:15px;border-radius:6px;overflow:hidden;height:120px}.sp-card-thumbnail img{width:100%;height:100%;object-fit:cover}.sp-card-footer{display:flex;gap:10px;margin-top:15px}.sp-card-btn{flex:1;padding:10px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center}.sp-card-btn.edit{background-color:#3498db;color:#fff}.sp-card-btn.edit:hover{background-color:#2980b9}.sp-card-btn.activate{background-color:#2ecc71;color:#fff}.sp-card-btn.activate:hover{background-color:#27ae60}.sp-card-btn.deactivate{background-color:#f39c12;color:#fff}.sp-card-btn.deactivate:hover{background-color:#d35400}.sp-card-btn.delete{background-color:#e74c3c;color:#fff}.sp-card-btn.delete:hover{background-color:#c0392b}.sp-card-btn:disabled{opacity:.6;cursor:not-allowed}.sp-no-results{text-align:center;padding:40px;color:#7f8c8d;font-size:16px;grid-column:1 / -1;background:#f8f9fa;border-radius:8px}.sp-scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#3498db;color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:100}.sp-scroll-top:hover{background-color:#2980b9;transform:translateY(-3px) scale(1.05)}@media (max-width: 768px){.sp-form-grid{grid-template-columns:1fr}.sp-feature-controls{flex-direction:column}.sp-feature-selector,.sp-feature-input{min-width:100%}.sp-form-actions{flex-direction:column;gap:10px}.sp-submit-btn,.sp-cancel-btn{width:100%}.sp-package-grid{grid-template-columns:1fr}.sp-card-footer{flex-wrap:wrap}.sp-card-btn{min-width:calc(50% - 5px)}}@media (max-width: 480px){.sp-admin-tabs{flex-direction:column;width:100%}.sp-tab-btn{width:100%;margin:5px 0}.sp-card-btn{min-width:100%;margin-bottom:8px}.sp-card-btn:last-child{margin-bottom:0}.sp-admin-header h1{font-size:1.6rem}}.sp-delete-option{display:flex;align-items:center;gap:8px;margin-top:8px}.sp-delete-option label{display:flex;align-items:center;gap:4px;font-size:12px;color:#666;cursor:pointer}.sp-delete-option input[type=checkbox]{margin:0}.dp-admin-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333;background-color:#f8f9fa}.dp-admin-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e1e1}.dp-admin-header h1{color:#2c3e50;margin-bottom:20px;font-size:2rem}.dp-admin-tabs{display:flex;justify-content:center;margin-bottom:20px;gap:10px}.dp-tab-btn{padding:12px 25px;border:none;background-color:#f5f5f5;color:#555;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.dp-tab-btn.active{background-color:#e63946;color:#fff}.dp-tab-btn:hover:not(.active){background-color:#e0e0e0}.dp-form-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;padding:30px;margin-bottom:30px}.dp-form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.dp-form-section:last-child{border-bottom:none}.dp-form-section h2{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;padding-bottom:10px;border-bottom:2px solid #e63946}.dp-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.dp-form-group{margin-bottom:20px}.dp-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.dp-form-group input,.dp-form-group textarea,.dp-form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s}.dp-form-group input:focus,.dp-form-group textarea:focus,.dp-form-group select:focus{border-color:#e63946;outline:none;box-shadow:0 0 0 3px #e639461a}.dp-form-group textarea{min-height:100px;resize:vertical}.dp-image-uploader{margin-top:15px}.dp-upload-btn{display:inline-block;padding:12px 20px;background-color:#e63946;color:#fff;border-radius:6px;cursor:pointer;transition:all .3s;margin-bottom:15px;font-weight:600;text-align:center}.dp-upload-btn:hover{background-color:#c1121f}.dp-upload-btn input[type=file]{display:none}.dp-upload-hint{font-size:13px;color:#777;margin-bottom:15px;font-style:italic}.dp-image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px}.dp-image-preview-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px #0000001a;aspect-ratio:4/3;transition:transform .3s}.dp-image-preview-item:hover{transform:translateY(-3px)}.dp-image-preview-item img{width:100%;height:100%;object-fit:cover}.dp-image-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#e63946;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s;opacity:.9}.dp-image-delete-btn:hover{background-color:#c1121f;opacity:1}.dp-feature-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.dp-feature-selector{flex:1;min-width:250px}.dp-feature-input{flex:2;min-width:300px;display:flex;gap:10px}.dp-feature-input input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.dp-add-feature-btn{padding:0 20px;background-color:#2a9d8f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.dp-add-feature-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.dp-add-feature-btn:hover:not(:disabled){background-color:#21867a}.dp-feature-lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.dp-feature-list{background:#f8f9fa;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.dp-feature-list h3{margin-top:0;margin-bottom:15px;font-size:16px;color:#2c3e50;padding-bottom:8px;border-bottom:1px solid #eee}.dp-feature-list ul{list-style:none;padding:0;margin:0}.dp-feature-list li{padding:10px 0;border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;align-items:center}.dp-feature-list li:last-child{border-bottom:none}.dp-delete-feature-btn{background:none;border:none;color:#e63946;cursor:pointer;font-size:16px;padding:0 8px;transition:all .2s}.dp-delete-feature-btn:hover{transform:scale(1.2)}.dp-form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.dp-submit-btn{padding:14px 30px;background-color:#2a9d8f;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;min-width:180px;text-align:center}.dp-submit-btn.dp-edit-mode{background-color:#e63946}.dp-submit-btn:hover{background-color:#21867a}.dp-submit-btn.dp-edit-mode:hover{background-color:#c1121f}.dp-submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.dp-cancel-btn{padding:14px 30px;background-color:#f5f5f5;color:#555;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.dp-cancel-btn:hover{background-color:#e0e0e0}.dp-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.dp-list-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;padding:30px}.dp-list-controls{margin-bottom:25px}.dp-search-box{position:relative;max-width:400px}.dp-search-box input{width:100%;padding:12px 15px 12px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s}.dp-search-box input:focus{border-color:#e63946;outline:none;box-shadow:0 0 0 3px #e639461a}.dp-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777}.dp-package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.dp-package-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px #00000014;padding:20px;transition:all .3s;border-left:4px solid #2a9d8f;position:relative;overflow:hidden}.dp-package-card.inactive{opacity:.85;border-left-color:#95a5a6}.dp-package-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.dp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.dp-card-header h3{margin:0;color:#2c3e50;font-size:1.2rem;flex:1}.dp-status-badge{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:600;margin-left:10px}.dp-status-badge.active{background-color:#d4edda;color:#155724}.dp-status-badge.inactive{background-color:#f8d7da;color:#721c24}.dp-card-body{margin-bottom:20px}.dp-card-venue{color:#7f8c8d;font-size:14px;margin:5px 0;font-weight:500}.dp-card-price{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:12px 0}.dp-discount{font-size:14px;color:#e63946;margin-left:8px;font-weight:600}.dp-card-duration{color:#2a9d8f;font-size:14px;margin:8px 0;font-weight:500}.dp-card-thumbnail{margin-top:15px;border-radius:6px;overflow:hidden;height:120px}.dp-card-thumbnail img{width:100%;height:100%;object-fit:cover}.dp-card-footer{display:flex;gap:10px;margin-top:15px}.dp-card-btn{flex:1;padding:10px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center}.dp-card-btn.edit{background-color:#e63946;color:#fff}.dp-card-btn.edit:hover{background-color:#c1121f}.dp-card-btn.activate{background-color:#2a9d8f;color:#fff}.dp-card-btn.activate:hover{background-color:#21867a}.dp-card-btn.deactivate{background-color:#f4a261;color:#fff}.dp-card-btn.deactivate:hover{background-color:#e76f51}.dp-card-btn.delete{background-color:#e63946;color:#fff}.dp-card-btn.delete:hover{background-color:#c1121f}.dp-card-btn:disabled{opacity:.6;cursor:not-allowed}.dp-no-results{text-align:center;padding:40px;color:#7f8c8d;font-size:16px;grid-column:1 / -1;background:#f8f9fa;border-radius:8px}.dp-scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#e63946;color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:100}.dp-scroll-top:hover{background-color:#c1121f;transform:translateY(-3px) scale(1.05)}@media (max-width: 768px){.dp-form-grid{grid-template-columns:1fr}.dp-feature-controls{flex-direction:column}.dp-feature-selector,.dp-feature-input{min-width:100%}.dp-form-actions{flex-direction:column;gap:10px}.dp-submit-btn,.dp-cancel-btn{width:100%}.dp-package-grid{grid-template-columns:1fr}.dp-card-footer{flex-wrap:wrap}.dp-card-btn{min-width:calc(50% - 5px)}}@media (max-width: 480px){.dp-admin-tabs{flex-direction:column;width:100%}.dp-tab-btn{width:100%;margin:5px 0}.dp-card-btn{min-width:100%;margin-bottom:8px}.dp-card-btn:last-child{margin-bottom:0}.dp-admin-header h1{font-size:1.6rem}}.gallery-container{max-width:1200px;margin:0 auto;padding:20px}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.category-filter{margin-top:15px;display:flex;gap:10px}.category-filter button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.category-filter button:hover,.category-filter button.active{background-color:#0056b3}.upload-section{display:flex;align-items:center;gap:10px}.upload-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.gallery-grid{display:grid;margin-top:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 2px 10px #0000001a}.gallery-item img{width:100%;height:auto;display:block}.gallery-item:hover .edit-overlay{opacity:1}.no-images{text-align:center;font-size:18px;margin-top:30px;color:#777}.upload-section select{padding:10px 15px;border-radius:5px;border:1px solid #ccc;font-size:16px}.upload-section select:focus{outline:none;border-color:#4caf50}.banner-container{max-width:1200px;margin:0 auto;padding:20px}.banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.upload-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-right:10px}.upload-button:hover{background-color:#45a049}.banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.banner-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 2px 10px #0000001a}.banner-item img{width:100%;height:auto;display:block}.edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center}.banner-item:hover .edit-overlay{opacity:1}.delete-button{background-color:#f44;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.no-images{text-align:center;font-size:18px;color:#777}.addons-management-container{max-width:1200px;margin:0 auto;padding:20px}.addon-form{display:flex;flex-direction:column;margin-bottom:20px}.addon-form input,.addon-form textarea{margin-bottom:10px;padding:10px;border:1px solid #ddd;border-radius:4px}.addon-form button{padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:10px}.addon-form button:hover{background-color:#45a049}.cancel-button{background-color:#f44}.cancel-button:hover{background-color:#e60000}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.addon-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease}.addon-item:hover{box-shadow:0 6px 12px #0003}.addon-item h3,.addon-item p{margin:0 0 10px}.addon-price{font-size:1.2em;color:#333;margin-bottom:15px}.addon-actions{display:flex;justify-content:center;gap:10px}.addon-actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;margin:0}.addon-actions button:hover{opacity:.8}.addon-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:10px 0}.supriseplanner{max-width:1200px;margin:20px auto;padding:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:10px}.supriseplanner h2{font-size:24px;margin-bottom:20px;color:#333}.supriseplanner button{padding:10px 15px;margin-right:10px;background-color:#007bff;border:none;color:#fff;font-size:16px;cursor:pointer;border-radius:5px}.supriseplanner button:hover{background-color:#0056b3}.supriseplanner input[type=text],.supriseplanner input[type=number],.supriseplanner select{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.supriseplanner input[type=file]{margin-bottom:20px}.supriseplanner textarea{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.supriseplanner .section{margin-bottom:20px;padding:20px;border:1px solid #e1e1e1;border-radius:8px;background-color:#f9f9f9}.supriseplanner .section h4{font-size:18px;margin-bottom:10px}.supriseplanner .add-btn{padding:8px 12px;background-color:#28a745;border:none;color:#fff;font-size:14px;cursor:pointer;border-radius:5px}.supriseplanner .add-btn:hover{background-color:#218838}.supriseplanner .delete-btn{background-color:#dc3545;color:#fff;border:none;padding:5px 8px;margin-left:10px;cursor:pointer;font-size:14px;border-radius:5px}.supriseplanner .delete-btn:hover{background-color:#c82333}.supriseplanner ul{list-style-type:none;padding:0}.supriseplanner li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #ccc}.supriseplanner li:last-child{border-bottom:none}@media (max-width: 768px){.supriseplanner{padding:10px}.supriseplanner button{margin-bottom:10px}}@media (max-width: 480px){.supriseplanner h2{font-size:20px}.supriseplanner input[type=text],.supriseplanner input[type=number],.supriseplanner select{width:100%}}.image-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview{position:relative}.image-preview img{width:100px;height:auto;border-radius:5px}.remove-btn{position:absolute;top:5px;right:5px;background:red;color:#fff;border:none;border-radius:3px;cursor:pointer}.bliss-booking-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333}.bliss-booking-header{display:flex;flex-direction:column;margin-bottom:30px}.bliss-booking-title{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:20px}.bliss-booking-search{position:relative;max-width:500px}.bliss-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7f8c8d}.bliss-search-input{width:100%;padding:12px 20px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.bliss-search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.bliss-booking-table-container{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}.bliss-booking-table{width:100%;border-collapse:collapse}.bliss-booking-table th{text-align:left;padding:15px;font-weight:600;color:#2c3e50;background:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .2s;white-space:nowrap}.bliss-booking-table th:hover{background:#e9ecef}.bliss-booking-row td{padding:15px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.bliss-booking-row:hover{background-color:#f8fbfe}.bliss-order-id{color:#337d18;font-weight:500}.bliss-customer-name{font-weight:500}.bliss-payment-status{font-weight:500;font-size:12px}.bliss-paid{color:#000}.bliss-pending{color:#0b0a07}.bliss-checkin-date{white-space:nowrap}.bliss-view-btn{background:#e3f2fd;color:#1976d2;border:none;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.bliss-view-btn:hover{background:#bbdefb}.bliss-no-results td{padding:30px;text-align:center;color:#7f8c8d}.bliss-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bliss-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:bliss-modal-fade .3s ease}@keyframes bliss-modal-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bliss-modal-header{padding:20px;border-bottom:1px solid #e0e0e0;position:relative}.bliss-modal-title{margin:0;font-size:20px;color:#2c3e50}.bliss-order-id-label{font-size:13px;color:#7f8c8d;margin-top:5px}.bliss-modal-close{position:absolute;top:20px;right:20px;border:none;cursor:pointer;padding:4px}.bliss-modal-close:hover{color:#2c3e50}.bliss-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.bliss-modal-section{margin-bottom:15px}.bliss-section-title{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;gap:8px}.bliss-section-icon{color:#3498db}.bliss-info-row{display:flex;margin-bottom:10px;font-size:14px}.bliss-info-label{font-weight:500;color:#7f8c8d;min-width:100px}.bliss-info-value{flex:1}.bliss-inline-icon{margin-right:5px;color:#7f8c8d}.bliss-guest-list{display:flex;flex-wrap:wrap;gap:10px}.bliss-guest-item{background:#f5f7fa;padding:8px 12px;border-radius:6px;font-size:13px}.bliss-guest-name{font-weight:500;margin-right:8px}.bliss-guest-age{color:#7f8c8d}.bliss-special-request{background:#f5f7fa;padding:12px;border-radius:6px;font-size:14px;line-height:1.5}.bliss-refund-section{grid-column:1 / -1}.bliss-refund-controls{display:flex;gap:10px;margin-top:10px}.bliss-refund-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.bliss-refund-input:focus{outline:none;border-color:#3498db}.bliss-update-btn{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.bliss-update-btn:hover{background:#2980b9}.bliss-update-btn:disabled{background:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){.bliss-booking-header{flex-direction:column}.bliss-booking-title{font-size:24px}.bliss-booking-table th,.bliss-booking-row td{padding:10px;font-size:14px}.bliss-modal-grid{grid-template-columns:1fr}}@media (max-width: 480px){.bliss-booking-container{padding:15px}.bliss-view-btn{padding:6px 8px;font-size:12px}.bliss-refund-controls{flex-direction:column}.bliss-update-btn{width:100%}}.bliss-delete-btn{background-color:#f44;color:#fff;border:none;border-radius:4px;padding:6px 12px;margin-left:8px;font-size:13px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.bliss-delete-btn:hover{background-color:#c00;transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.bliss-delete-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.bliss-delete-btn svg{margin-right:4px}.bliss-actions{display:flex;gap:8px;flex-direction:column;justify-content:center}@media (max-width: 768px){.bliss-delete-btn{padding:4px 8px;font-size:12px;margin-left:4px}.bliss-actions{flex-direction:column;gap:4px}}.notification-container{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a}.notification-container h2{text-align:center;margin-bottom:20px;color:#333}.notification-container label{font-size:16px;font-weight:700;color:#333;display:block;margin-bottom:10px}.notification-container select{width:100%;padding:10px;font-size:16px;color:#555;background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.notification-container select:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}textarea{width:100%;height:100px;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;resize:none;font-size:14px;color:#555}textarea::placeholder{color:#aaa}.notification-container button{display:block;width:100%;padding:12px;background-color:#007bff;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}.notification-container button:disabled{background-color:#ccc;cursor:not-allowed}.notification-container select{background:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="292.362" height="292.362" viewBox="0 0 292.362 292.362"><path fill="%23666" d="M287.362 69.237c-5.859-5.856-15.355-5.856-21.213 0L146.181 189.204 26.214 69.237c-5.857-5.856-15.354-5.856-21.213 0s-5.857 15.355 0 21.213l133.696 133.696c5.857 5.857 15.355 5.857 21.213 0l133.697-133.696c5.856-5.857 5.856-15.356 0-21.213z"/></svg>') no-repeat right 10px center;background-size:12px}.admin-coupons-manager{padding:20px;text-align:left}.admin-coupons-manager h2{font-size:1.8rem;margin-bottom:20px;color:#333}.admin-coupons-manager .coupon-form{display:flex;flex-direction:column;margin-bottom:20px}.admin-coupons-manager .coupon-form input{padding:10px;margin:10px 0;border-radius:5px;border:1px solid #ccc;font-size:1rem}.admin-coupons-manager .coupon-form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease-in-out}.admin-coupons-manager .coupon-form button:hover{background-color:#0056b3}.admin-coupons-manager ul{list-style:none;padding:0}.admin-coupons-manager li{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f9f9f9;margin-bottom:10px;border-radius:5px;font-size:1rem}.admin-coupons-manager li button{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.admin-coupons-manager li button:hover{background-color:#c82333}@media (max-width: 768px){.admin-coupons-manager li{flex-direction:column;align-items:flex-start}.admin-coupons-manager li button{margin-top:10px}}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#162c4c}.auth-page{max-width:400px;margin:auto;padding:20px;border:1px solid #ccc;border-radius:3px;background-color:#f9f9f9;box-shadow:0 4px 6px #0000001a}.auth-page h2{text-align:center;color:#333;margin-bottom:20px}.auth-page label{font-weight:700;display:block;margin-bottom:5px;color:#555}.auth-page input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px}.auth-page input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.auth-page button{width:100%;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.auth-page button:hover{background-color:#0056b3}.auth-page p{color:red;font-size:14px;margin-top:-10px;margin-bottom:15px;text-align:center}.vms-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.vms-title{text-align:center;color:#2c3e50;margin-bottom:30px}.vms-loading{text-align:center;padding:50px;font-size:18px;color:#7f8c8d}.vms-global-toggle{margin-bottom:25px;padding:15px 20px;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;gap:10px;border:1px solid #e0e0e0}.vms-toggle-container{display:flex;align-items:center;gap:15px}.vms-global-icon{font-size:20px;color:#bdc3c7}.vms-global-icon.active{color:#2ecc71}.vms-global-toggle label{display:flex;align-items:center;gap:10px;font-weight:600;color:#34495e;cursor:pointer}.vms-toggle{position:relative;width:70px;height:32px;background:#e74c3c;border-radius:16px;cursor:pointer;transition:background .3s;display:flex;align-items:center;padding:0 5px}.vms-toggle.on{background:#2ecc71}.vms-toggle.off{background:#e74c3c}.vms-toggle-knob{position:absolute;width:26px;height:26px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 5px #0003}.vms-toggle.on .vms-toggle-knob{transform:translate(38px)}.vms-toggle.off .vms-toggle-knob{transform:translate(2px)}.vms-toggle span{font-size:11px;color:#fff;width:100%;text-align:center;position:relative;z-index:1;font-weight:700;pointer-events:none}.vms-global-note{font-size:14px;color:#7f8c8d;padding-left:35px}.vms-tabs{display:flex;margin-bottom:25px;border-bottom:1px solid #ddd}.vms-tab-btn{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:16px;cursor:pointer;color:#7f8c8d;transition:all .3s}.vms-tab-btn.active{color:#3498db;border-bottom-color:#3498db;font-weight:600}.vms-tab-btn:hover:not(.active){color:#34495e}.vms-subtitle{color:#2c3e50;margin-bottom:15px;font-size:18px}.vms-add-venue{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.vms-add-form{display:flex;gap:10px;align-items:center}.vms-input{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.vms-venue-select{flex:2;min-width:200px}.vms-rooms-input{flex:1;max-width:100px}.vms-add-button{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.vms-add-button:hover{background:#2980b9}.vms-add-button:disabled{background:#bdc3c7;cursor:not-allowed}.vms-venues-list{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.vms-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:15px 20px;background:#f1f3f4;font-weight:600;color:#34495e;border-bottom:1px solid #e0e0e0}.vms-venue-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:15px 20px;align-items:center;border-bottom:1px solid #f0f0f0;transition:background .2s}.vms-venue-item:hover{background:#f9f9f9}.vms-venue-item.disabled{background:#fef0f0}.vms-venue-name{font-weight:500}.vms-venue-rooms{text-align:center}.vms-venue-status,.vms-edit-status{display:flex;justify-content:center}.vms-venue-toggle{position:relative;width:60px;height:28px;background:#e74c3c;border-radius:14px;cursor:pointer;transition:background .3s;display:flex;align-items:center;padding:0 5px}.vms-venue-toggle.on{background:#2ecc71}.vms-venue-toggle.off{background:#e74c3c}.vms-venue-toggle-knob{position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 3px #0000001a}.vms-venue-toggle.on .vms-venue-toggle-knob{transform:translate(32px)}.vms-venue-toggle.off .vms-venue-toggle-knob{transform:translate(2px)}.vms-venue-toggle span{font-size:10px;color:#fff;width:100%;text-align:center;position:relative;z-index:1;font-weight:700;pointer-events:none}.vms-venue-actions,.vms-edit-actions{display:flex;justify-content:flex-end;gap:10px}.vms-edit-button,.vms-save-button,.vms-cancel-button{padding:8px 12px;display:flex;align-items:center;gap:5px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.vms-edit-button{background:#f39c12;color:#fff}.vms-edit-button:hover{background:#e67e22}.vms-save-button{background:#2ecc71;color:#fff}.vms-save-button:hover{background:#27ae60}.vms-cancel-button{background:#e74c3c;color:#fff}.vms-cancel-button:hover{background:#c0392b}.vms-no-venues{padding:30px;text-align:center;color:#7f8c8d}.vms-edit-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}.vms-edit-name{margin-right:10px}.vms-edit-rooms{max-width:80px;text-align:center}.vms-time-slots-management{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}.vms-package-type-selector{display:flex;gap:10px;margin-bottom:20px}.vms-type-btn{padding:10px 20px;background:#ecf0f1;border:none;border-radius:4px;cursor:pointer;color:#7f8c8d;transition:all .3s}.vms-type-btn.active{background:#3498db;color:#fff}.vms-type-btn:hover:not(.active){background:#dfe6e9}.vms-venue-selection{margin-bottom:20px}.vms-venue-selection label{margin-right:10px;font-weight:500}.vms-venue-selection select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;min-width:200px}.vms-time-slots-editor{margin-top:20px}.vms-slots-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;min-height:50px}.vms-slot-item{padding:8px 15px;background:#e8f4fc;border-radius:20px;display:flex;align-items:center;gap:8px}.vms-remove-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:16px;padding:0;line-height:1}.vms-no-slots{color:#7f8c8d;font-style:italic}.vms-add-slot{display:flex;gap:10px;margin-bottom:20px}.vms-add-slot input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px}.vms-add-btn{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.vms-add-btn:hover{background:#2980b9}.vms-add-btn:disabled{background:#bdc3c7;cursor:not-allowed}.vms-save-btn{padding:10px 25px;background:#2ecc71;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.vms-save-btn:hover{background:#27ae60}.vms-save-btn:disabled{background:#bdc3c7;cursor:not-allowed}.vms-delete-button{background:#f44;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;margin-left:8px;display:flex;align-items:center;gap:5px}.vms-delete-button:hover{background:#c00}.vms-edit-actions .vms-delete-button{margin-left:auto}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.container{display:flex;align-items:flex-start;width:100%;min-height:100%}.sidebar{position:relative;width:256px;display:flex;height:100%;flex-direction:column;gap:20px;background-color:#fff;padding:24px;transition:all .3s}.content{flex:1;padding:24px;background-color:#f0f0f0}.content-item{display:none}.content-item.active{display:block}.head{display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid #f6f6f6}.user-img{width:50px;height:50px;border-radius:50%;overflow:hidden}.user-img img{width:100%;height:100%;object-fit:cover}.user-details .title,.menu .title{font-size:10px;font-weight:500;color:#757575;text-transform:uppercase;margin-bottom:10px}.user-details .name{font-size:14px;font-weight:500}.nav{flex:1}.menu ul li{position:relative;list-style:none;margin-bottom:5px}.menu ul li a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#757575;text-decoration:none;padding:12px 8px;border-radius:8px;transition:all .3s}.menu ul li>a:hover,.menu ul li.active>a{color:#000;background-color:#f6f6f6}.menu ul li .icon{font-size:20px}.menu ul li .text{flex:1}.menu ul li .arrow{font-size:14px;transition:all .3s}.menu ul li.active .arrow{transform:rotate(180deg)}.menu .sub-menu{display:none;margin-left:20px;padding-left:20px;padding-top:5px;border-left:1px solid #f6f6f6}.menu .sub-menu li a{padding:10px 8px;font-size:12px}.menu:not(:last-child){padding-bottom:10px;margin-bottom:20px;border-bottom:2px solid #f6f6f6}.menu-btn{position:absolute;right:-14px;top:3.5%;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#757575;border:2px solid #f6f6f6;background-color:#fff}.menu-btn:hover i{color:#000}.menu-btn i{transition:all .3s}.sidebar.active{width:92px}.sidebar.active .menu-btn i{transform:rotate(180deg)}.sidebar.active .user-details{display:none}.sidebar.active .menu .title{text-align:center}.sidebar.active .menu ul li .arrow{display:none}.sidebar.active .menu>ul>li>a{position:relative;display:flex;align-items:center;justify-content:center}.sidebar.active .menu>ul>li>a .text{position:absolute;left:70px;top:50%;transform:translateY(-50%);padding:10px;border-radius:4px;color:#fff;background-color:#000;opacity:0;visibility:hidden;transition:all .3s}.sidebar.active .menu>ul>li>a .text:after{content:"";position:absolute;left:-5px;top:20%;width:20px;height:20px;border-radius:2px;background-color:#000;transform:rotate(45deg);z-index:-1}.sidebar.active .menu>ul>li>a:hover .text{left:50px;opacity:1;visibility:visible}.sidebar.active .menu .sub-menu{position:absolute;top:0;left:20px;width:200px;border-radius:20px;padding:10px 20px;border:1px solid #f6f6f6;background-color:#fff;box-shadow:0 10px 8px #0000001a}.app{display:flex;height:100vh}.sidebar{width:250px;background-color:#f8f9fa;transition:width .3s}.main-content{flex-grow:1;height:100vh;overflow-y:auto}.menu-btn{cursor:pointer}