*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-dashboard{background:#f5f7fa;min-height:100vh}.admin-header{background:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px 40px;position:relative;z-index:1002}.header-content{max-width:1400px}.desktop-only{display:block}.admin-container{margin:0 auto;max-width:1400px;padding:0 20px 40px}.admin-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:10px;margin-bottom:30px;padding:10px}.admin-tabs,.admin-tabs.desktop-only{display:flex}.tab-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background:#f0f0f0}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.settings-section{grid-gap:24px;display:grid;gap:24px}.banner-preview{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:20px;max-height:300px;object-fit:contain;width:100%}.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-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;padding:30px;width:100%}.video-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:60vh;overflow-y:auto;padding-right:10px}.modal-content h2{color:#333;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.sidebar-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width:768px){.admin-header{padding:15px 20px}.menu-toggle{display:flex}.desktop-only{display:none}.header-content{justify-content:flex-start}.admin-actions,.admin-tabs{flex-direction:column}.modal-content{max-height:95vh;padding:20px}}.user-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:8px}.subtitle{color:#666;font-size:14px}.login-form{width:100%}.user-dashboard{background:#f5f7fa;min-height:100vh}.user-header{background:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px 40px;position:relative;z-index:1002}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:15px}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:5px;position:relative;z-index:1002}.menu-toggle span{background:#333;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.header-actions{display:flex;gap:10px}.desktop-only{display:flex}.banner-section{margin:0 auto 30px;max-width:1200px;padding:0 20px}.banner-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:300px;object-fit:cover;width:100%}.dashboard-container{margin:0 auto;max-width:1200px;padding:0 20px 40px}.welcome-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:30px;text-align:center}.welcome-card h2{color:#333;font-size:28px;margin-bottom:10px}.welcome-card p{color:#666;font-size:16px}.data-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:30px}.card-title{border-bottom:2px solid #667eea;margin-bottom:20px;padding-bottom:15px}.no-results{color:#999;font-size:18px;font-weight:500;padding:60px 20px;text-align:center}.no-results p{color:#999;margin:0}.data-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.data-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:20px;transition:transform .2s ease}.data-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.data-item.highlight{background:linear-gradient(135deg,#667eea15,#764ba215);border-left-color:#764ba2}.data-label{color:#666;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.data-value{color:#333;display:block;font-size:24px;font-weight:700}.mobile-sidebar{display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.sidebar-overlay{background:#00000080;width:100%}.sidebar-content,.sidebar-overlay{height:100%;left:0;position:absolute;top:0}.sidebar-content{animation:slideIn .3s ease;background:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;pointer-events:auto;width:280px;z-index:1001}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.sidebar-header h2{color:#333;font-size:20px;margin:0}.sidebar-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;pointer-events:auto;position:relative;transition:color .2s ease;width:32px;z-index:1001}.sidebar-close:hover{color:#333}.sidebar-close:active{color:#000}.sidebar-menu{display:flex;flex-direction:column;gap:10px;padding:20px}.sidebar-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;text-align:left;transition:background .3s ease;width:100%}.sidebar-btn:hover{background:#5a6268}@media (max-width:768px){.user-header{padding:15px 20px}.menu-toggle{display:flex}.desktop-only{display:none}.header-content{justify-content:flex-start}.data-grid{grid-template-columns:1fr}.data-card,.welcome-card{padding:20px}}.about-page{background:#f5f7fa;min-height:100vh}.about-container{margin:0 auto;max-width:1000px;padding:40px 20px}.about-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.about-content{color:#555;font-size:16px;line-height:1.8}.about-content p{margin-bottom:16px}.about-content h1,.about-content h2,.about-content h3{color:#333;margin-bottom:16px;margin-top:24px}.about-content ol,.about-content ul{margin-bottom:16px;margin-left:20px}.about-content li{margin-bottom:8px}@media (max-width:768px){.about-card{padding:24px}.about-title{font-size:24px}.about-content{font-size:14px}}.app{min-height:100vh}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:20px}.form-label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#667eea;outline:none}.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;min-height:120px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.form-textarea:focus{border-color:#667eea;outline:none}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.card-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px}.card-title{color:#333;font-size:24px;font-weight:700;margin:0}.table-container{-webkit-overflow-scrolling:touch;margin-top:20px;overflow-x:auto}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#764ba2}.table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.table td,.table th{padding:12px 16px;text-align:left}.table tbody tr{border-bottom:1px solid #f0f0f0}.table tbody tr:hover{background:#f8f9fa}.alert{border-radius:8px;margin-bottom:20px;padding:12px 16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.card{padding:16px}.table{font-size:14px}.table td,.table th{padding:8px 12px}}
/*# sourceMappingURL=main.eaa6d23e.css.map*/