@charset "UTF-8";:root{--primary-color: #ffb74d;--secondary-color: #f1faee;--accent-color: #a8dadc;--dark-color: #1d3557;--light-color: #f8f9fa;--sidebar-width: 280px;--sidebar-collapsed-width: 80px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container{width:100%;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;overflow:hidden;animation:fadeIn .8s ease-in-out;margin:40px auto}.login-header{background-color:var(--primary-color);color:#fff;padding:25px;text-align:center;position:relative}.login-header h1{font-size:1.8rem;margin-bottom:5px}.login-header p{font-size:.9rem;opacity:.9}.logo{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 15px}.logo img{width:70%;height:auto}.login-form{padding:25px}.form-group{margin-bottom:20px;position:relative}.form-group input{width:100%;padding:12px 15px 12px 40px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #e6394633}.form-group i{position:absolute;left:15px;top:40px;color:var(--primary-color);font-size:1.1rem}.toggle-password-btn{position:absolute;top:13%;transform:translateY(-50%);right:15%;background:none;border:none;outline:none;cursor:pointer;padding:0;z-index:2;color:var(--primary-color);font-size:1.1rem;transition:color .3s ease}.toggle-password-btn:hover{color:var(--primary-color)}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.9rem;flex-wrap:wrap;gap:10px}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:8px}.forgot-password a{color:var(--primary-color);text-decoration:none;font-weight:600}.login-btn{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.login-btn:hover{background-color:#c1121f;transform:translateY(-2px)}.social-login{margin-top:25px;text-align:center}.social-login p{margin-bottom:15px;color:#666;position:relative}.social-login p:before,.social-login p:after{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:#ddd}.social-login p:before{left:0}.social-login p:after{right:0}.social-icons{display:flex;justify-content:center;gap:15px}.social-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f1f1f1;color:#555;font-size:1.2rem;cursor:pointer;transition:all .3s}.social-icon:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.facebook:hover{background-color:#3b5998;color:#fff}.google:hover{background-color:#db4437;color:#fff}.twitter:hover{background-color:#1da1f2;color:#fff}.register-link{text-align:center;margin-top:20px;font-size:.9rem}.register-link a{color:var(--primary-color);text-decoration:none;font-weight:600}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.floating-icon{position:absolute;opacity:.7;animation:float 6s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width: 768px){body{align-items:flex-start;padding:10px}.login-container{width:100%;margin-top:40px;border-radius:12px;box-shadow:none}.login-header{padding:20px 15px}.login-header h1{font-size:1.5rem}.login-header p{font-size:.9rem}.logo{width:70px;height:70px;margin-bottom:10px}.login-form{padding:20px 15px}.form-group input{padding:10px 12px 10px 38px;font-size:.95rem}.form-group label{font-size:.9rem}.form-group i{top:37px;font-size:1rem}.login-btn{font-size:.95rem;padding:10px}.social-icon{width:36px;height:36px;font-size:1rem}.register-link{font-size:.85rem}}@media (max-width: 480px){.login-container{padding:0;margin:30px auto;border-radius:10px}.login-header h1{font-size:1.3rem}.logo{width:60px;height:60px}.form-group input{padding-left:35px;font-size:.9rem}.social-login p:before,.social-login p:after{width:22%}.remember-forgot{flex-direction:column;align-items:flex-start;gap:8px}}.header{background:#fff;padding:10px 20px;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:flex-end;align-items:center}.header-actions{display:flex;align-items:center;gap:10px}.mobile-menu-btn{background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer;padding:8px}.logo-container{display:flex;align-items:center;gap:10px}.logo-img{height:50px}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.logo-tagline{font-size:.7rem;color:var(--dark-color);font-weight:500;margin-top:-5px;letter-spacing:1px}.nav-menu{display:flex;align-items:center;gap:30px}.nav-menu a{text-decoration:none;color:var(--dark-color);font-weight:600;font-size:1rem;position:relative;transition:all .3s ease}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a:after{content:"";position:absolute;width:0;height:2px;background:var(--primary-color);bottom:-5px;left:0;transition:width .3s ease}.nav-menu a:hover:after{width:100%}.header-actions{display:flex;justify-content:end;align-items:center;gap:15px}.btn{padding:8px 20px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem}.btn-primary:hover{background-color:transparent;color:var(--primary-color)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.hero{height:80vh;background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:0 20px}@media (max-width: 992px){.nav-menu{gap:20px}}@media (max-width: 768px){.header-container{padding:15px 20px}.nav-menu{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:40px;transition:all .5s ease;z-index:999}.nav-menu.active{left:0}.mobile-menu-btn{display:block}.logo-img{height:40px}.logo-text{font-size:1.3rem}}.header{animation:fadeIn .8s ease-out}.sidebar{width:var(--sidebar-width);background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;position:fixed;left:0;top:0;transition:all .3s ease;z-index:1000;overflow-y:auto}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 15px;border-bottom:1px solid rgba(0,0,0,.1);height:80px}.logo{display:flex;align-items:center;gap:10px}.logo-img{height:35px}.logo-text{font-weight:700;color:var(--primary-color);font-size:1.2rem;white-space:nowrap}.sidebar.collapsed .logo-text{display:none}.toggle-btn{background:none;border:none;font-size:1.2rem;color:var(--dark-color);cursor:pointer;transition:all .3s ease}.toggle-btn:hover{color:var(--primary-color)}.sidebar.collapsed .toggle-btn i{transform:rotate(180deg)}.sidebar-menu{padding:20px 0}.menu-title{padding:10px 20px;font-size:.8rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.sidebar.collapsed .menu-title{display:none}.menu-items{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item a{display:flex;align-items:center;padding:12px 20px;color:var(--dark-color);text-decoration:none;white-space:nowrap}.menu-item a:hover{background-color:#e639461a;color:var(--primary-color)}.menu-item.active a{background-color:#e639461a;color:var(--primary-color);border-left:3px solid var(--primary-color)}.menu-item i{font-size:1.1rem;margin-right:15px;width:20px;text-align:center}.sidebar.collapsed .menu-item span{display:none}.sidebar.collapsed .menu-item i{margin-right:0;font-size:1.3rem}.sidebar.collapsed .menu-item a{justify-content:center;padding:15px 0}.submenu{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s ease;margin:0;padding:0}.submenu.show{max-height:500px}.submenu .menu-item a{padding-left:50px;font-size:.9rem}.sidebar.collapsed .submenu .menu-item a{padding-left:0;justify-content:center}.menu-item.has-submenu>a:after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;margin-left:auto;transition:transform .3s ease}.menu-item.has-submenu.active>a:after{transform:rotate(180deg)}.sidebar.collapsed .menu-item.has-submenu>a:after{display:none}.main-content{flex:1;margin-left:var(--sidebar-width);transition:all .3s ease;padding:20px;min-height:100vh}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}}.menu-item:nth-child(1){animation-delay:.1s}.menu-item:nth-child(2){animation-delay:.2s}.menu-item:nth-child(3){animation-delay:.3s}.menu-item:nth-child(4){animation-delay:.4s}.menu-item:nth-child(5){animation-delay:.5s}.dashboard{padding:20px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.stat-card.primary{border-left:4px solid var(--primary-color)}.stat-card.green{border-left:4px solid #2ecc71}.stat-card.blue{border-left:4px solid #3498db}.stat-card.purple{border-left:4px solid #9b59b6}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stat-title{font-size:.9rem;color:#777;font-weight:600}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.primary{background-color:var(--primary-color)}.stat-icon.green{background-color:#2ecc71}.stat-icon.blue{background-color:#3498db}.stat-icon.purple{background-color:#9b59b6}.stat-value{font-size:1.8rem;font-weight:700;color:var(--dark-color);margin-bottom:5px}.stat-change{font-size:.8rem;color:#2ecc71;display:flex;align-items:center}.stat-change.negative{color:#e74c3c}.dashboard-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 1200px){.dashboard-row{grid-template-columns:1fr}}.dashboard-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 5px 15px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:1.2rem;font-weight:600;color:var(--dark-color)}.card-actions{display:flex;gap:10px}.card-action-btn{background:none;border:none;color:#777;cursor:pointer;font-size:1rem;transition:color .3s ease}.card-action-btn:hover{color:var(--primary-color)}.orders-table th{text-align:left;padding:12px 15px;background-color:#f8f9fa;color:#555;font-weight:600;font-size:.8rem;text-transform:uppercase}.orders-table td{padding:12px 15px;border-bottom:1px solid #eee;font-size:.9rem}.customer-info{display:flex;align-items:center;gap:10px}.customer-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.popular-items{display:flex;flex-direction:column;gap:15px}.popular-item{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid #eee}.popular-item:last-child{border-bottom:none;padding-bottom:0}.item-img{width:50px;height:50px;border-radius:8px;object-fit:cover}.item-info{flex:1}.item-name{font-weight:600;margin-bottom:5px}.item-category{font-size:.8rem;color:#777}.item-orders{font-weight:600;color:var(--primary-color)}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background-color:#eee}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%;background-color:var(--primary-color);transform:translate(-50%)}.timeline-content{margin-left:20px}.timeline-time{font-size:.7rem;color:#777;margin-bottom:5px}.timeline-text{font-size:.9rem}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.stats-cards{grid-template-columns:1fr}}@media (max-width: 991px){.stats-cards{grid-template-columns:repeat(2,1fr)}.dashboard-row{grid-template-columns:1fr}.page-title{font-size:1.5rem}.card-title{font-size:1rem}.stat-value{font-size:1.5rem}}@media (max-width: 767px){.sidebar{position:fixed;top:0;left:-100%;width:var(--sidebar-width);height:100vh;z-index:9999;transition:left .3s ease}.sidebar.active{left:0}.main-content{margin-left:0!important;padding:15px}.stats-cards{grid-template-columns:1fr}.card-header,.content-header{flex-direction:column;align-items:flex-start;gap:10px}.card-actions{justify-content:flex-end;width:100%}.orders-table th,.orders-table td{padding:10px;font-size:.85rem}.page-title{font-size:1.4rem}.timeline-content{margin-left:25px}.timeline-dot{left:2px}.mobile-menu-btn{display:block;font-size:1.5rem;color:var(--primary-color);margin-left:auto}}@media (max-width: 480px){.stat-icon{width:35px;height:35px;font-size:.9rem}.stat-title{font-size:.75rem}.stat-value{font-size:1.2rem}.card-title{font-size:.95rem}.orders-table td,.orders-table th{font-size:.75rem;padding:8px}.popular-item{flex-direction:column;align-items:flex-start}.item-img{width:40px;height:40px}}.menu-management{padding:20px}.menu-categories{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.category-btn{padding:8px 20px;border-radius:20px;background-color:#eee;border:none;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .3s ease}.category-btn.active{background-color:var(--primary-color);color:#fff}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.menu-item-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:all .3s ease;position:relative}.menu-item-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.item-image{width:100%;height:180px;object-fit:cover}.item-details{padding:15px}.item-header{display:flex;justify-content:space-between;margin-bottom:10px}.item-name{font-weight:700;font-size:1.1rem;color:var(--dark-color)}.item-price{font-weight:700;color:var(--primary-color)}.item-description{color:#666;font-size:.9rem;margin-bottom:15px;line-height:1.5}.item-footer{display:flex;justify-content:space-between;align-items:center}.item-category{font-size:.8rem;background-color:#f1f1f1;padding:3px 10px;border-radius:20px;color:#555}.item-actions{display:flex;gap:10px}.action-btn.edit{color:#3498db;border-color:#3498db}.action-btn.edit:hover{background-color:#3498db1a}.action-btn.delete:hover{background-color:#e74c3c1a}.item-status{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600}.status-available{background-color:#d4edda;color:#155724}.status-unavailable{background-color:#f8d7da;color:#721c24}.modal-content{background-color:#fff;border-radius:10px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.image-upload{border:2px dashed #ddd;border-radius:5px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.image-upload i{font-size:2rem;color:#777;margin-bottom:10px}.image-upload p{color:#777;font-size:.9rem}.image-preview{width:100%;max-height:200px;object-fit:cover;border-radius:5px;display:none}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.form-row,.menu-items-grid{grid-template-columns:1fr}}.staff-form-container{background:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000000d;max-width:800px;margin:0 auto}.staff-image{width:100%;height:100%;object-fit:cover;display:none}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.staff-form-container{padding:20px}}.staff-management{padding:20px}.manager-form-container{background:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000000d;max-width:800px;margin:0 auto}.form-header{margin-bottom:30px;text-align:center}.form-title{font-size:1.5rem;color:var(--dark-color);margin-bottom:10px}.form-subtitle{color:#777;font-size:.9rem}.form-divider{border:none;height:1px;background-color:#eee;margin:25px 0}.form-section-title{font-size:1.1rem;color:var(--dark-color);margin-bottom:20px;display:flex;align-items:center;gap:10px}.form-section-title i{color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #e639461a}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.image-upload-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.image-upload{width:150px;height:150px;border-radius:50%;border:2px dashed #ddd;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;position:relative;margin-bottom:15px;transition:all .3s ease}.image-upload:hover{border-color:var(--primary-color)}.image-upload i{font-size:2rem;color:#777}.image-upload p{font-size:.8rem;color:#777;margin-top:10px}.manager-image{width:100%;height:100%;object-fit:cover;display:none}.upload-btn{background-color:var(--primary-color);color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.upload-btn:hover{background-color:#c1121f}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.permission-item{display:flex;align-items:center;gap:10px}.permission-item input[type=checkbox]{width:18px;height:18px}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.manager-form-container{padding:20px}}.staff-list{padding:20px}.staff-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.staff-table-container{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow-x:auto}.staff-table{width:100%;border-collapse:collapse}.staff-table th{text-align:left;padding:15px;background-color:#f8f9fa;color:#555;font-weight:600;font-size:.8rem;text-transform:uppercase;white-space:nowrap}.staff-table td{padding:15px;border-bottom:1px solid #eee;font-size:.9rem;vertical-align:middle}.staff-table tr:last-child td{border-bottom:none}.staff-table tr:hover{background-color:#f9f9f9}.staff-info{display:flex;align-items:center;gap:15px}.staff-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.staff-name{font-weight:600;color:var(--dark-color)}.staff-position{font-size:.8rem;color:#777}.status-badge{padding:5px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-active{color:#155724}.status-onleave{background-color:#fff3cd;color:#856404}.status-inactive{background-color:#f8d7da;color:#721c24}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.staff-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}}.main-content{flex:1;margin-left:var(--sidebar-width);transition:all .3s ease;min-height:100vh}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed-width)}.shift-scheduler{padding:20px}.scheduler-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.week-navigation{display:flex;align-items:center;gap:10px}.week-display{font-weight:600;min-width:200px;text-align:center}.nav-btn{width:35px;height:35px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #ddd;cursor:pointer;transition:all .3s ease}.nav-btn:hover{background-color:#f1f1f1}.view-options{display:flex;gap:10px}.view-btn{padding:8px 15px;border-radius:5px;background:none;border:1px solid #ddd;cursor:pointer;transition:all .3s ease}.view-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.scheduler-grid{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow:hidden}.scheduler-header{display:grid;grid-template-columns:200px repeat(7,1fr);background-color:#f8f9fa;border-bottom:1px solid #eee}.scheduler-header-cell{padding:15px;font-weight:600;text-align:center;border-right:1px solid #eee}.scheduler-header-cell:last-child{border-right:none}.day-header{display:flex;flex-direction:column;gap:5px}.day-name{font-size:.9rem;color:var(--dark-color)}.day-date{font-size:.8rem;color:#777}.scheduler-body{display:grid;grid-template-columns:200px repeat(7,1fr);grid-auto-rows:minmax(80px,auto)}.time-slot{padding:10px;border-bottom:1px solid #eee;border-right:1px solid #eee;min-height:80px}.time-slot:last-child{border-bottom:none}.time-slot.header{display:flex;align-items:center;font-weight:600;background-color:#f8f9fa}.shift-cell{position:relative;height:100%}.shift-card{position:absolute;left:5px;right:5px;border-radius:5px;padding:8px;font-size:.8rem;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.shift-card.morning{background-color:#d4f1f9;border-left:3px solid #189ab4}.shift-card.afternoon{background-color:#e2f0d9;border-left:3px solid #70ad47}.shift-card.evening{background-color:#fbe5d6;border-left:3px solid #ed7d31}.shift-card.night{background-color:#e5e0ec;border-left:3px solid #7030a0}.shift-card:hover{transform:translateY(-2px);box-shadow:0 5px 10px #00000026}.shift-staff{font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-time{font-size:.7rem;color:#555}.shift-position{font-size:.7rem;font-style:italic}.staff-availability{margin-top:30px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:20px}.availability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.availability-title{font-size:1.2rem;font-weight:600;color:var(--dark-color)}.availability-table{width:100%;border-collapse:collapse}.availability-table th{text-align:left;padding:12px 15px;background-color:#f8f9fa;color:#555;font-weight:600;font-size:.8rem;text-transform:uppercase}.availability-table td{padding:12px 15px;border-bottom:1px solid #eee;font-size:.9rem}.availability-table tr:last-child td{border-bottom:none}.availability-badge{padding:3px 8px;border-radius:20px;font-size:.75rem;font-weight:600}.available{background-color:#d4edda;color:#155724}.unavailable{background-color:#f8d7da;color:#721c24}.limited{background-color:#fff3cd;color:#856404}@media (max-width: 1200px){.scheduler-header,.scheduler-body{grid-template-columns:150px repeat(7,1fr)}}@media (max-width: 992px){.scheduler-header,.scheduler-body{grid-template-columns:120px repeat(7,1fr)}.scheduler-header-cell{padding:10px 5px}}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.scheduler-header,.scheduler-body{display:block}.scheduler-header-cell{display:none}.scheduler-header-cell:first-child{display:block;text-align:left}.time-slot{display:none}.time-slot.header{display:block;text-align:left}.shift-card{position:static;margin-bottom:10px}}.orders-management{padding:20px}.orders-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.date-range{display:flex;align-items:center;gap:10px}.date-input{padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:.9rem}.orders-table-container{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:15px;background-color:#f8f9fa;color:#555;font-weight:600;font-size:.8rem;text-transform:uppercase;white-space:nowrap}.orders-table td{padding:15px;border-bottom:1px solid #eee;font-size:.9rem;vertical-align:middle}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover{background-color:#f9f9f9}.order-info{display:flex;align-items:center;gap:15px}.order-id{font-weight:600;color:var(--dark-color)}.order-time{font-size:.8rem;color:#777}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:600}.customer-contact{font-size:.8rem;color:#777}.order-status{padding:5px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-pending{background-color:#fff3cd;color:#856404}.status-preparing{background-color:#cce5ff;color:#004085}.status-ready{background-color:#d4edda;color:#155724}.status-delivered{background-color:#e2e3e5;color:#383d41}.status-cancelled{background-color:#f8d7da;color:#721c24}.order-items{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-amount{font-weight:600}.action-btn.print{color:#6c757d;border-color:#6c757d}.action-btn.cancel{color:#e74c3c;border-color:#e74c3c}.modal-content{background-color:#fff;border-radius:10px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.3rem;font-weight:700;color:var(--dark-color)}.order-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.order-section{margin-bottom:20px}.order-items-list{width:100%;border-collapse:collapse}.order-items-list th{text-align:left;padding:10px;background-color:#f8f9fa;font-weight:600;font-size:.8rem}.order-items-list td{padding:10px;border-bottom:1px solid #eee}.item-quantity{text-align:center}.item-price{text-align:right}.order-summary{margin-top:20px;border-top:1px solid #eee;padding-top:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px}.summary-label,.summary-value{font-weight:600}.total-row{font-size:1.1rem;color:var(--primary-color);border-top:1px solid #eee;padding-top:10px;margin-top:10px}.status-select{padding:8px 15px;border-radius:5px;border:1px solid #ddd;font-size:.9rem}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.orders-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-group{flex-wrap:wrap}.order-details{grid-template-columns:1fr}}.customer-management{padding:20px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee}.page-title{font-size:1.8rem;color:var(--dark-color)}.action-buttons{display:flex;gap:15px}.btn{padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:8px}.btn-primary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.btn-primary:hover{background-color:#c1121f;border-color:#c1121f}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:#e639461a}.customer-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-box{position:relative;flex:1;min-width:250px}.search-box input{width:100%;padding:10px 15px 10px 40px;border:1px solid #ddd;border-radius:5px;font-size:.9rem}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777}.filter-group{display:flex;align-items:center;gap:10px}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background-color:#fff}.customers-table-container{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow-x:auto}.customers-table{width:100%;border-collapse:collapse}.customers-table th{text-align:left;padding:15px;background-color:#f8f9fa;color:#555;font-weight:600;font-size:.8rem;text-transform:uppercase;white-space:nowrap}.customers-table td{padding:15px;border-bottom:1px solid #eee;font-size:.9rem;vertical-align:middle}.customers-table tr:last-child td{border-bottom:none}.customers-table tr:hover{background-color:#f9f9f9}.customer-info{display:flex;align-items:center;gap:15px}.customer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.customer-name{font-weight:600;color:var(--dark-color)}.customer-email{font-size:.8rem;color:#777}.loyalty-status{padding:5px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.loyalty-active{background-color:#d4edda;color:#155724}.loyalty-inactive{background-color:#f8d7da;color:#721c24}.visit-count{font-weight:600;color:var(--primary-color)}.action-btns{display:flex;gap:10px}.action-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #ddd;cursor:pointer;transition:all .3s ease}.action-btn.view{color:#3498db;border-color:#3498db}.action-btn.edit{color:#f39c12;border-color:#f39c12}.action-btn.message{color:#6c757d;border-color:#6c757d}.action-btn.delete{color:#e74c3c;border-color:#e74c3c}.action-btn:hover{background-color:#0000000d}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 0}.pagination-info{font-size:.9rem;color:#777}.pagination-controls{display:flex;gap:10px}.page-btn{width:35px;height:35px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #ddd;cursor:pointer;transition:all .3s ease}.page-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-btn:hover:not(.active){background-color:#f1f1f1}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;justify-content:center;align-items:center}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777}.modal-body{padding:20px}.customer-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.customer-section{margin-bottom:20px}.section-title{font-size:1rem;font-weight:600;color:var(--dark-color);margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title i{color:var(--primary-color)}.detail-row{display:flex;margin-bottom:8px}.detail-label{width:120px;font-weight:600}.detail-value{flex:1}.loyalty-program{background-color:#f8f9fa;border-radius:5px;padding:15px;margin-top:20px}.loyalty-points{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.order-history{margin-top:20px}.order-history-table{width:100%;border-collapse:collapse}.order-history-table th{text-align:left;padding:10px;background-color:#f8f9fa;font-weight:600;font-size:.8rem}.order-history-table td{padding:10px;border-bottom:1px solid #eee}.modal-footer{padding:20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.active{left:0}.main-content{margin-left:0}.mobile-menu-btn{display:block;background:none;border:none;font-size:1.5rem;color:var(--dark-color);cursor:pointer}.customer-filters{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-group{flex-wrap:wrap}.customer-details,.form-row{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-details-page{padding:20px}.plan-card{background:var(--light-color);padding:24px;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-top:20px}.plan-name{font-size:20px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:var(--dark-color)}.plan-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.info-box{padding:16px;border-radius:6px;border:1px solid #e0e0e0}.info-box label{font-size:14px;font-weight:500;color:var(--dark-color);margin-bottom:4px;display:block}.info-box p{font-size:16px;margin:0;font-weight:500}.full-width{grid-column:1/-1}.status-active{color:#22c55e}.status-inactive{color:#ef4444}.price-positive{color:#22c55e}.price-pending{color:var(--primary-color)}.trial-green{color:#22c55e}.trial-yellow{color:#eab308}.trial-red{color:var(--primary-color)}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.info-box input,.info-box textarea,.info-box select{width:100%;padding:8px 10px;border:1px solid var(--accent-color);border-radius:4px;background-color:#fff;color:var(--dark-color);font-size:15px;outline:none;transition:border-color .3s ease}.info-box input:focus,.info-box textarea:focus,.info-box select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #e6394626}.text-warning{background-color:#fff3cd;color:#856404;padding:12px;border:1px solid #ffeeba;border-radius:6px}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}