body{background:#f7f8fa;color:#222;font-family:Roboto,Arial,sans-serif;margin:0;padding:0}.MuiCard-root{border-radius:18px!important;box-shadow:0 2px 12px #00000012,0 1.5px 6px #00000008;transition:box-shadow .3s,transform .3s}.MuiCard-root:hover{box-shadow:0 6px 24px #00000021,0 3px 12px #00000012;transform:translateY(-4px) scale(1.03)}.MuiButton-root{border-radius:8px!important;font-weight:500;text-transform:none!important;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.MuiButton-root:hover{background:#1976d2!important;box-shadow:0 2px 8px #1976d226;color:#fff!important;transform:translateY(-2px) scale(1.04)}.MuiAppBar-root{background:#fff!important;box-shadow:0 2px 8px #0000000a;color:#222!important}.MuiToolbar-root a{color:#222;margin-right:12px;text-decoration:none;transition:color .2s}.MuiToolbar-root a:hover{color:#1976d2}footer{background:#f1f3f6;border-top:1px solid #e0e0e0;color:#555}footer .MuiButton-root{background:none!important;color:#555}footer .MuiButton-root:hover{background:#e3eafc!important;color:#1976d2!important}.fade-in{animation:fadeIn .7s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2!important;box-shadow:0 0 0 2px #e3eafc}@media (max-width:600px){.MuiCard-root{margin-bottom:16px}}.promotion-carousel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden;padding:20px;position:relative;width:100%}.carousel-container{min-height:400px;position:relative}.carousel-button,.carousel-container{align-items:center;display:flex;justify-content:center}.carousel-button{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-button:hover{background:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-50%) scale(1.1)}.carousel-button.prev{left:20px}.carousel-button.next{right:20px}.carousel-slide{max-width:800px;padding:20px;width:100%}.promotion-card{box-shadow:0 10px 30px #00000026;padding:30px}.promotion-card:hover{box-shadow:0 15px 40px #0003}.promotion-type{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.type-icon{font-size:16px;transition:all .3s ease}.type-icon.promotion{color:#ff6b6b}.type-icon.event{color:#4ecdc4}.type-icon.advertisement{color:#45b7d1}.type-icon.announcement{color:#96ceb4}.type-label{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.promotion-content{align-items:center;gap:30px}.promotion-image{border-radius:10px;box-shadow:0 5px 15px #0000001a;height:150px;width:200px}.promotion-image img{transition:transform .3s ease}.promotion-card:hover .promotion-image img{transform:scale(1.05)}.promotion-text{flex:1 1}.promotion-title{color:#2c3e50;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:12px}.promotion-description{color:#7f8c8d;font-size:16px;line-height:1.6;margin-bottom:20px}.learn-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.learn-more-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.promotion-stats{border-top:1px solid #ecf0f1;gap:20px;padding-top:20px}.stat{align-items:center;color:#95a5a6;display:flex;font-size:14px;font-weight:500;gap:6px}.stat i{font-size:12px}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:#fff;transform:scale(1.2)}.dot:hover{background:#fffc}.carousel-controls{display:flex;justify-content:center;margin-top:15px}.control-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.control-btn.active,.control-btn:hover{background:#ffffff4d;border-color:#ffffff80}@media (max-width:768px){.promotion-carousel{border-radius:15px;padding:15px}.carousel-container{min-height:350px}.carousel-button{height:40px;width:40px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.promotion-card{padding:20px}.promotion-content{flex-direction:column;gap:20px;text-align:center}.promotion-image{height:200px;max-width:300px;width:100%}.promotion-title{font-size:20px}.promotion-description{font-size:14px}.promotion-stats{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.carousel-slide,.promotion-carousel{padding:10px}.promotion-card{padding:15px}.promotion-title{font-size:18px}.promotion-description{font-size:13px}.carousel-button{height:35px;width:35px}}.admin-promotions{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.admin-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-header h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.add-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:25px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#7f8c8d;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#95a5a6;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.close-btn:hover{background:#ecf0f1;color:#2c3e50}.promotion-form{padding:25px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ecf0f1;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:100px;resize:vertical}.image-upload-section{background:#f8f9fa;border:2px dashed #ecf0f1;border-radius:8px;padding:20px;transition:border-color .3s ease}.image-upload-section:hover{border-color:#667eea}.upload-options{gap:15px}.upload-option,.upload-options{display:flex;flex-direction:column}.upload-option{gap:8px}.upload-option label{color:#2c3e50;font-size:14px;font-weight:600}.upload-option input[type=file]{background:#fff;border:1px solid #ecf0f1;border-radius:6px;cursor:pointer;padding:8px}.upload-option input[type=file]:hover{border-color:#667eea}.image-preview{margin-top:15px;text-align:center}.image-preview img{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:150px;max-width:200px;object-fit:cover}.toggle-switch{align-items:center;display:flex;gap:10px}.toggle-switch input[type=checkbox]{display:none}.toggle-switch label{align-items:center;background:#ecf0f1;border-radius:20px;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .3s ease}.toggle-switch input[type=checkbox]:checked+label{background:#4ecdc4;color:#fff}.form-actions{border-top:1px solid #ecf0f1;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.form-actions button{background:#fff;border:2px solid #ecf0f1;border-radius:8px;color:#7f8c8d;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-actions button:hover{background:#f8f9fa;border-color:#bdc3c7}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#0000!important;box-shadow:0 4px 15px #667eea4d;color:#fff!important}.submit-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.promotions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.promotion-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.promotion-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.promotion-card:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.promotion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.promotion-type{border-radius:15px;padding:6px 12px}.promotion-type,.status-badge{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-badge{border-radius:12px;padding:4px 12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.scheduled{background:#fff3cd;color:#856404}.status-badge.expired{background:#f5c6cb;color:#721c24}.promotion-content{display:flex;gap:20px;margin-bottom:20px}.promotion-image{border-radius:8px;box-shadow:0 2px 10px #0000001a;flex-shrink:0;height:90px;overflow:hidden;width:120px}.promotion-image img{height:100%;object-fit:cover;width:100%}.promotion-details{flex:1 1}.promotion-details h3{color:#2c3e50;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 10px}.promotion-details p{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0 0 15px}.promotion-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.promotion-meta span{align-items:center;color:#95a5a6;display:flex;font-size:12px;gap:6px}.promotion-stats{display:flex;gap:15px}.promotion-stats span{align-items:center;color:#95a5a6;display:flex;font-size:12px;font-weight:500;gap:4px}.promotion-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease}.action-btn.edit{background:#3498db;color:#fff}.action-btn.edit:hover{background:#2980b9}.action-btn.toggle{background:#f39c12;color:#fff}.action-btn.toggle:hover{background:#e67e22}.action-btn.delete{background:#e74c3c;color:#fff}.action-btn.delete:hover{background:#c0392b}.empty-state{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:60px 20px;text-align:center}.empty-state h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 10px}.empty-state p{color:#7f8c8d;font-size:16px;margin:0 0 30px}.loading{color:#7f8c8d;font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.admin-promotions{padding:15px}.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-header h1{font-size:24px}.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.stat-number{font-size:24px}.modal{margin:10px;max-height:95vh}.form-row{gap:15px;grid-template-columns:1fr}.promotions-grid{gap:20px;grid-template-columns:1fr}.promotion-card{padding:20px}.promotion-content{flex-direction:column;gap:15px}.promotion-image{height:200px;width:100%}.promotion-actions{justify-content:center}.form-actions{flex-direction:column}}@media (max-width:480px){.admin-promotions{padding:10px}.admin-header{padding:15px}.admin-header h1{font-size:20px}.stats-grid{grid-template-columns:1fr}.promotion-card{padding:15px}.promotion-details h3{font-size:16px}.promotion-details p{font-size:13px}.action-btn{font-size:11px;padding:6px 10px}}
/*# sourceMappingURL=main.b1f203a8.css.map*/