@import"https://fonts.googleapis.com/css2?family=League+Gothic&display=swap";.App{text-align:center;position:relative;min-height:100vh;padding-bottom:3rem}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:beige}.App-link{color:#61dafb}.footer{background-color:#232323;color:#fff;text-align:center;padding:1rem 0;width:100%;position:relative;bottom:0;font-family:Inter,sans-serif}.footer-links{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;font-family:Inter,sans-serif}.footer-links a{color:#fff;text-decoration:none;font-size:1rem}.footer-links a:hover{text-decoration:underline}.footer-links img{width:24px;height:24px;transition:transform .3s ease}.footer-links img:hover{transform:scale(1.2)}body{background-color:#fafafa;color:#000;font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#c8102e;font-family:Inter,sans-serif;font-size:bold;width:100%;box-sizing:border-box;box-shadow:0 2px 4px #0000001a}.navbar-logo{display:flex;align-items:center;margin-right:.5rem}.navbar-logo a{color:#f1f2f1;text-decoration:none;font-size:3rem;font-family:League Gothic,sans-serif;font-weight:bolder}.navbar-links{list-style:none;display:flex;gap:1.5rem;font-weight:700}.navbar-links li{display:inline}.navbar-links a{color:#f1f2f1;text-decoration:none;font-family:League Gothic,sans-serif;font-size:2rem;font-weight:bolder;padding:.75rem 1.5rem;border-radius:5px;transition:background-color .3s,transform .3s}.navbar-links a:hover{background-color:#711827;transform:scale(1.1)}.navbar-links a:active{background-color:#761021;transform:scale(1)}.navbar-links .auth-buttons{display:flex;gap:1rem}.navbar-links .auth-buttons a{font-size:1.5rem;padding:.5rem 1rem}.navbar-toggle{display:none}@media (max-width: 768px){.navbar-links{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:#fff;border:1px solid #CE0018;border-radius:.5rem;width:100%}.navbar-links a{color:#ce0018}.navbar-links a:hover{color:#7c000f}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#c8102e;font-family:Inter,sans-serif;font-size:bold;width:100%;box-sizing:border-box;box-shadow:0 2px 4px #0000001a}.navbar-logo{display:flex;align-items:center;margin-right:.5rem}.navbar-logo a{color:#f1f2f1;text-decoration:none;font-size:3rem;font-family:League Gothic,sans-serif;font-weight:bolder}.navbar-links{list-style:none;display:flex;gap:1.5rem;font-weight:700}.navbar-links li{display:inline}.navbar-links a{color:#f1f2f1;text-decoration:none;font-family:League Gothic,sans-serif;font-size:2rem;font-weight:bolder;padding:.75rem 1.5rem;border-radius:5px;transition:background-color .3s,transform .3s}.navbar-links a:hover{background-color:#a5242d;transform:scale(1.1)}.navbar-links a:active{background-color:#802021;transform:scale(1)}.navbar-links .auth-buttons{display:flex;gap:1rem}.navbar-links .auth-buttons a{font-size:1.5rem;padding:.5rem 1rem}.navbar-toggle{display:none}.navbar{flex-direction:row;padding:1rem;justify-content:center;position:relative}.navbar-logo{position:absolute;left:50%;transform:translate(-50%)}.navbar-toggle{display:block;position:absolute;right:1rem}.navbar-links{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:#fff;border:1px solid #9D2E33;border-radius:.5rem;width:100%}.navbar-links.open{display:flex}.navbar-links a{color:#9d2e33}.navbar-links a:hover{color:#a5242d}.navbar-links .auth-buttons{flex-direction:column;width:100%}on mobile */ .navbar-links .auth-buttons{flex-direction:column;width:100%}}.navbar-links .login-button-wrapper{display:inline-block;padding:0;margin:0}.navbar-links .login-button-wrapper button{font-size:1.5rem;padding:.5rem 1rem;background-color:transparent;color:#f1f2f1;border:1px solid #F1F2F1;border-radius:5px;transition:background-color .3s,transform .3s}.navbar-links .login-button-wrapper button:hover{background-color:#a5242d;transform:scale(1.05)}.navbar-links .login-button-wrapper button:active{background-color:#802021;transform:scale(1)}.login-button-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-button{font-family:League Gothic,sans-serif;font-size:1.5rem;font-weight:500;color:#f1f2f1;background-color:#c8102e;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s;text-transform:uppercase}.login-button:hover{background-color:#8b6c71;transform:scale(1.1)}.login-button:active{background-color:#6d091a;transform:scale(1)}.login-button:focus{outline:none;box-shadow:0 0 10px #0003}.page-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0;margin:0}.auth-container{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 0 15px #0000001a;width:100%;max-width:400px}.auth-form{display:flex;flex-direction:column}.auth-form h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#a60c26;outline:none}.submit-btn{width:100%;padding:.75rem;background-color:#a60c26;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background-color .3s}.submit-btn:disabled{background-color:#9e9e9e;cursor:not-allowed}.submit-btn:hover:not(:disabled){background-color:#7e071b}.error{color:#a60c26;margin-top:.5rem;font-size:.9rem;text-align:center}.mode-toggle{margin-top:1rem;text-align:center;font-size:.9rem}.toggle-btn{background:none;border:none;color:#a60c26;cursor:pointer;font-size:.9rem;text-decoration:underline;padding:0}.toggle-btn:hover{color:#7e071b}@media (max-width: 500px){.auth-container{padding:1.5rem}.auth-form h2{font-size:1.25rem}.submit-btn{padding:.5rem}}.animals-container{padding:20px;background-color:#f8f9fa}.animals-container h1{color:#6e0819}.animals-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.animal-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;width:calc(25% - 20px);transition:transform .2s}.animal-card:hover{transform:scale(1.05)}.animal-image{width:100%;height:auto;border-radius:8px}.animal-card h4{margin:10px 0;font-size:1.2em}.animal-card p{margin:5px 0;color:#6c757d}.animal-card img{width:100%;height:400px;object-fit:cover;border-radius:5px}.exhibit-filter{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.exhibit-filter label{margin-right:10px;font-weight:700}.exhibit-filter select{padding:5px;border-radius:5px;border:1px solid #ccc}.exhibits-container{padding:20px;background-color:#f8f9fa}.exhibits-container h1{padding:20px;color:#6e0819}.exhibits-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.exhibit-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;width:calc(30% - 20px);transition:transform .2s}.exhibit-image{width:100%;height:auto;border-radius:8px}.new-badge{background-color:#ff5722;color:#fff;padding:4px 12px;border-radius:16px;font-weight:700;font-size:.875rem}.banner-content h3{margin:0;color:#333;font-size:1.2em}.banner-content p{margin:0;color:#555}.latest-exhibit-banner{position:absolute;top:110px;left:0;background-color:#d73f58;color:#333;padding:10px 25px;border-radius:0;box-shadow:0 4px 6px #0000001a;z-index:1000;width:100%;max-width:none}.banner-content{display:flex;align-items:center;gap:15px;position:relative;max-width:1200px;margin:0 auto;padding:0 20px}.close-banner{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#333;font-size:24px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.close-banner:hover{background-color:#0000001a}.close-banner:focus{outline:none;background-color:#0003}.exhibit-card h4{margin:10px 0;font-size:1.2em}.exhibit-card p{margin:5px 0;color:#6c757d}.exhibit-card img{width:100%;height:400px;object-fit:cover;border-radius:5px}@media (max-width: 800px){.exhibit-card{width:calc(45% - 20px)}}@media (max-width: 300px){.exhibit-card{width:calc(100% - 10px)}}.tickets-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}.tickets-container h1{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#a60c26}.ticket-selection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:30px}.ticket-card{background-color:#fff;padding:20px;border-radius:10px;border:1px solid #ddd;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #0000001a}.ticket-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.ticket-card h3{font-size:1.8rem;margin-bottom:15px;color:#a60c26}.ticket-card p{font-size:1.2rem;margin-bottom:10px;color:#666}.ticket-card span{font-size:1.5rem;color:#a60c26;font-weight:700}.purchase-button{padding:10px 20px;background-color:#a60c26;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background-color .3s ease}.purchase-button:hover{background-color:#5b0413}.customer-info-form{margin-top:30px;background-color:#fff;padding:20px;border-radius:8px;border:1px solid #ccc}.customer-info-form h3{font-size:1.5rem;color:#7e071b;margin-bottom:15px}.customer-info-form label{display:block;font-size:1rem;margin-bottom:5px;font-weight:700;color:#333}.customer-info-form input,.customer-info-form select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.customer-info-form button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background-color .3s ease}.customer-info-form button:hover{background-color:#5b0413}.purchase-success{margin-top:20px;padding:15px;background-color:#7e071b;color:#fff;border-radius:8px;font-size:1.2rem;font-weight:700;text-align:center}@media (max-width: 768px){.ticket-selection{grid-template-columns:1fr}.purchase-button,.customer-info-form button{width:100%}}.purchased-tickets-section{margin-top:2rem;padding:2rem;background-color:#f5f5f5;border-radius:8px}.purchased-tickets-section h2{margin-bottom:1rem;color:#7e071b}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.purchased-ticket-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.purchased-ticket-card:hover{transform:translateY(-2px)}.purchased-ticket-card h3{margin:0 0 1rem;color:#2c3e50}.ticket-details{display:flex;flex-direction:column;gap:.5rem}.ticket-details p{margin:0;font-size:.9rem;color:#666}.ticket-details strong{color:#2c3e50}.giftshop-container{max-width:1200px;margin:0 auto;padding:20px}.giftshop-container h1{color:#0d47a1;text-align:center;margin-bottom:30px;font-size:2.5rem}.category-section{margin-bottom:40px}.category-section h2{color:#1565c0;border-bottom:2px solid #1565c0;padding-bottom:10px;margin-bottom:20px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.item-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a}.item-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.item-card.selected{border-color:#1565c0;box-shadow:0 0 0 2px #1565c0}.item-image{width:100%;height:200px;object-fit:contain;margin-bottom:15px;border-radius:8px}.item-description{color:#666;margin:10px 0;flex-grow:1}.item-price{font-size:1.4rem;color:#2e7d32;font-weight:700;margin:10px 0}.stock-level{color:#666;margin-bottom:15px}.purchase-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.purchase-form{background:#fff;padding:30px;border-radius:10px;max-width:500px;width:90%;box-shadow:0 5px 15px #0000004d}.quantity-selector{margin:20px 0;display:flex;align-items:center;gap:15px}.quantity-selector label{font-weight:700;color:#333}.quantity-selector input{width:80px;padding:8px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.purchase-buttons{display:flex;gap:10px;margin-top:20px}.select-button,.purchase-button{background-color:#1565c0;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;width:100%}.select-button:hover,.purchase-button:hover{background-color:#0d47a1}.cancel-button{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;width:100%}.cancel-button:hover{background-color:#d32f2f}.purchase-success{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:15px 30px;border-radius:5px;animation:fadeOut 3s forwards;z-index:1000}.error-message{background-color:#ffebee;color:#c62828;padding:15px;border-radius:5px;margin-bottom:20px;text-align:center}.no-access{text-align:center;padding:30px;background:#ffebee;border-radius:10px;color:#c62828;font-size:1.2rem;margin:20px 0}.purchase-history-section{margin-top:40px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.history-card{background:#fff;border-radius:10px;padding:15px;box-shadow:0 2px 4px #0000001a}.history-image{width:100%;height:150px;object-fit:contain;margin-bottom:15px;border-radius:8px}.history-details p{margin:5px 0;color:#666}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width: 768px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.purchase-form{padding:20px;margin:10px}.item-card{padding:10px}.history-grid{grid-template-columns:1fr}}.account-container{width:80%;margin:0 auto;padding:2rem}.account-header{display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-btn{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;text-decoration:none;cursor:pointer;font-size:1rem}.dashboard-btn:hover{background-color:#a5242d}.account-section{background-color:#f0f2f5;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 0 10px #0000001a}.account-section h2{color:#333;margin-bottom:1rem}.account-section p,.account-section ul{color:#555;font-size:1rem}.account-section ul{list-style-type:disc;padding-left:1.5rem}.account-section li{margin-bottom:.5rem}.emp-dashboard{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.emp-sidebar{width:280px;background:linear-gradient(180deg,#1a365d,#2c5282);color:#fff;padding:20px 0;flex-shrink:0;transition:all .3s ease;position:relative}.emp-sidebar.collapsed{width:70px}.emp-sidebar-toggle{position:absolute;right:-12px;top:20px;background:#4299e1;border:none;width:24px;height:24px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:10}.emp-sidebar-toggle:hover{background:#3182ce}.emp-sidebar-header{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}.emp-sidebar-header h2{margin:0;font-size:1.5rem;font-weight:600;white-space:nowrap}.emp-sidebar.collapsed .emp-sidebar-header h2{opacity:0}.emp-sidebar-nav{padding:20px 0}.emp-nav-item{padding:15px 20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap}.emp-sidebar.collapsed .emp-nav-item{padding:15px 0;justify-content:center}.emp-nav-item:hover{background-color:#ffffff1a}.emp-nav-item.active{background-color:#fff3;border-left:4px solid #4299e1}.emp-nav-item i{font-size:1.2rem;width:24px}.emp-nav-item span{transition:opacity .2s}.emp-sidebar.collapsed .emp-nav-item span{opacity:0;width:0}.emp-main-content{flex-grow:1;padding:30px;overflow-y:auto}.emp-main-content h1{margin-bottom:30px;color:#2d3748;font-size:2rem;font-weight:700}.emp-animals-table{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:100%;margin-bottom:30px}.emp-animals-table table{width:100%;border-collapse:collapse}.emp-animals-table thead{background-color:#f7fafc}.emp-animals-table th,.emp-animals-table td{padding:15px;text-align:left;border-bottom:1px solid #e2e8f0}.emp-animals-table th{font-weight:600;color:#4a5568;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.emp-animals-table td{color:#2d3748}.emp-animals-table tbody tr:hover{background-color:#f7fafc}.emp-summary-box{background:#fff;border-radius:10px;padding:25px;margin-top:30px;box-shadow:0 4px 6px #0000001a}.emp-summary-box h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.emp-summary-section{background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.emp-summary-section h4{margin:0 0 15px;color:#2d3748;font-size:1.1rem;font-weight:600;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.emp-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.emp-summary-item{display:flex;flex-direction:column;margin-bottom:12px}.emp-summary-item label{color:#4a5568;font-weight:600;font-size:.9rem;margin-bottom:4px}.emp-summary-item span{color:#2d3748;font-size:1.1rem;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.emp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.emp-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:30px;position:relative;box-shadow:0 10px 25px #0003}.emp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.emp-modal-header h2{margin:0;color:#1a365d;font-size:1.8rem;font-weight:700}.emp-close-button{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#4a5568;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.emp-close-button:hover{background-color:#f7fafc;color:#2d3748}.emp-form-group{margin-bottom:25px}.emp-form-group label{display:block;margin-bottom:10px;color:#2d3748;font-weight:600;font-size:1.1rem;letter-spacing:.5px}.emp-form-group input,.emp-form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;color:#2d3748;background-color:#f8fafc}.emp-form-group input:focus,.emp-form-group textarea:focus{outline:none;border-color:#4299e1;background-color:#fff;box-shadow:0 0 0 3px #4299e11a}.emp-form-group textarea{min-height:120px;resize:vertical}.emp-password-change{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 6px #0000001a;max-width:500px;margin:0 auto}.emp-password-change h2{color:#2d3748;margin-bottom:25px;font-size:1.5rem;font-weight:600;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.emp-password-form{display:flex;flex-direction:column;gap:20px}.emp-error-message{background-color:#fed7d7;color:#c53030;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500;border-left:4px solid #e53e3e}.emp-success-message{background-color:#c6f6d5;color:#2f855a;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500;border-left:4px solid #38a169}.emp-add-report-btn,.emp-submit-btn,.emp-cancel-btn{padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s}.emp-add-report-btn{background-color:#4299e1;color:#fff;border:none;padding:8px 16px;font-size:.875rem}.emp-add-report-btn:hover{background-color:#3182ce}.emp-submit-btn{background-color:#4299e1;color:#fff;border:none;width:100%}.emp-submit-btn:hover{background-color:#3182ce;transform:translateY(-1px)}.emp-cancel-btn{background-color:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.emp-cancel-btn:hover{background-color:#edf2f7;color:#2d3748}.emp-modal-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:2px solid #e2e8f0}.emp-health-reports{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 6px #0000001a}.emp-health-reports h2{color:#2d3748;margin-bottom:25px;font-size:1.5rem;font-weight:600}.emp-health-reports form{margin-bottom:30px}.emp-loading{text-align:center;padding:40px;color:#4a5568;font-size:1.1rem}.emp-no-data{text-align:center;padding:40px;color:#4a5568;font-size:1.1rem;background:#f7fafc;border-radius:8px}@media (max-width: 1024px){.emp-summary-grid{grid-template-columns:1fr}}@media (max-width: 768px){.emp-sidebar{width:240px}.emp-sidebar.collapsed{width:60px}.emp-main-content{padding:20px}.emp-modal{width:95%;padding:20px}.emp-animals-table{overflow-x:auto}.emp-animals-table table{min-width:800px}.emp-password-change{max-width:100%;margin:0}}@media (max-width: 480px){.emp-sidebar{width:200px}.emp-main-content h1{font-size:1.5rem}.emp-modal-header h2{font-size:1.4rem}.emp-summary-box,.emp-summary-section{padding:15px}}.memberships-container{padding:2rem;max-width:1200px;margin:0 auto;background-color:#f5f7f9}.memberships-container h1{text-align:center;margin-bottom:2rem;color:#333;font-size:2rem}.duration-toggle{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.duration-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#666}.duration-label input[type=radio]{cursor:pointer}.memberships-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.membership-card{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease;background-color:#fff}.membership-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0000001a}.premium-card{border:2px solid #3b82f6}.most-popular-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #3b82f64d;animation:badgePulse 2s infinite}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.membership-image{width:100%;height:200px;object-fit:cover}.membership-content{padding:1.5rem}.membership-tier{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.membership-description{color:#666;margin-bottom:1rem;line-height:1.6}.membership-price{font-size:2rem;font-weight:700;margin:1.5rem 0;color:#3b82f6;text-align:center}.benefits-list{list-style:none;padding:0;margin:1.5rem 0}.benefit-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#4b5563;font-size:1rem}.checkmark{color:#22c55e;font-weight:700;font-size:1.2rem}.upgrade-button{width:100%;padding:1rem;border:none;border-radius:8px;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.upgrade-button:hover:not(:disabled){background:linear-gradient(to right,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.upgrade-button:disabled{background:#e5e7eb;cursor:not-allowed;box-shadow:none}.current-plan{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.confirmation-modal{background-color:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:450px;width:90%;animation:slideUp .3s ease-out;position:relative}.confirmation-modal h3{margin:0 0 1.5rem;color:#1a1a1a;font-size:1.5rem;font-weight:600}.confirmation-modal p{margin-bottom:1.5rem;color:#4b5563;line-height:1.6;font-size:1.1rem}.confirmation-modal p:last-of-type{color:#3b82f6;font-weight:600;font-size:1.2rem;padding:1rem;background-color:#f0f7ff;border-radius:8px;text-align:center;margin-top:1.5rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.confirm-button{padding:.875rem 1.75rem;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;box-shadow:0 2px 4px #3b82f64d}.confirm-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #3b82f666;background:linear-gradient(to right,#2563eb,#1d4ed8)}.confirm-button:active:not(:disabled){transform:translateY(0)}.confirm-button:disabled{background:#e5e7eb;cursor:not-allowed;box-shadow:none}.cancel-button{padding:.875rem 1.75rem;background-color:#fff;color:#4b5563;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease}.cancel-button:hover{background-color:#f9fafb;border-color:#d1d5db;color:#1f2937}.cancel-button:active{background-color:#f3f4f6}.expiration-warning{position:fixed;top:0;left:0;right:0;background:linear-gradient(to right,#fff3ed,#fee2e2);padding:1rem;z-index:100;box-shadow:0 2px 4px #0000001a;animation:slideDown .3s ease-out}.warning-content{max-width:800px;margin:0 auto;text-align:center}.warning-content h3{color:#f43f5e;margin-bottom:.5rem;font-size:1.25rem}.warning-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.renew-button{padding:.75rem 1.5rem;background:linear-gradient(to right,#f43f5e,#e11d48);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.renew-button:hover{transform:translateY(-1px);box-shadow:0 4px 6px #f43f5e4d}.no-access{text-align:center;padding:3rem 2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:2rem auto;max-width:400px;color:#666;font-size:1.1rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.memberships-container{padding:1rem}.duration-toggle{flex-direction:column;align-items:center;padding:1.5rem}.duration-label{margin-bottom:.5rem}.memberships-list{grid-template-columns:1fr}.membership-card{margin-bottom:1rem}.modal-buttons{flex-direction:column-reverse;gap:.75rem}.confirm-button,.cancel-button{width:100%;padding:1rem}.confirmation-modal{margin:1rem;padding:1.5rem}.confirmation-modal h3{font-size:1.25rem}.warning-buttons{flex-direction:column;padding:0 1rem}.renew-button,.close-button{width:100%}}@media print{.modal-overlay,.expiration-warning,.upgrade-button,.most-popular-badge{display:none}.memberships-container{padding:0;background-color:#fff}.membership-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd;margin-bottom:2rem}.membership-card:hover{transform:none;box-shadow:none}}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0}h1,h2{margin:10px 0}p{color:#555}.header-section{text-align:center;padding:20px;background-color:#fff;box-shadow:0 2px 5px #0000001a}.header-image{width:100%;max-height:300px;object-fit:cover}h1{font-size:2.5em;color:#2e7d32}p{font-size:1.2em}.events-layout{display:flex;justify-content:space-between;padding:20px;max-width:1200px;margin:0 auto}.schedule-container,.calendar-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.schedule-container{width:60%}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.schedule-table th{background-color:#c8102e;color:#fff}.schedule-table td{color:#333}.calendar-container{width:35%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calendar-header button{background-color:#c8102e;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.header-section h1{color:#c8102e}.calendar-header button:hover{background-color:#7c000f}.basic-calendar{width:100%;border-collapse:collapse}.basic-calendar th,.basic-calendar td{padding:10px;text-align:center;border:1px solid #ddd}.basic-calendar th,.basic-calendar td.selected{background-color:#c8102e;color:#fff}.basic-calendar td:hover{background-color:#e0e0e0;cursor:pointer}@media screen and (max-width: 768px){.events-layout{flex-direction:column}.schedule-container,.calendar-container{width:100%;margin-bottom:20px}}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.hero-content{position:relative;z-index:2;color:#fff;text-align:center;padding:250px 20px}.hero-content h1{font-size:48px;margin-bottom:20px;color:#fff}.hero-content p{font-size:20px;margin-bottom:40px;color:#fff}.cta-button{padding:12px 25px;background-color:#2980b9;color:#fff;border:none;border-radius:5px;text-transform:uppercase;text-decoration:none;font-weight:700;transition:background-color .3s ease}.cta-button:hover{background-color:#1a6aa8}.about-section{margin:100px 0 auto;text-align:center}.about-section h2{font-size:36px;margin-bottom:20px}.about-section p{font-size:18px;max-width:800px;margin:0 auto;padding-bottom:25px}.highlights-section{margin:50px 0;text-align:center}.highlight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.highlight-card{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;text-align:center}.highlight-card img{width:100%;height:auto;border-radius:10px;margin-bottom:15px}.highlight-card h3{font-size:24px;color:#2980b9;margin-bottom:10px}.highlight-card p{font-size:16px;color:#555}.highlight-card .cta-button{margin-top:10px}.notification{position:sticky;top:0;left:0;right:0;background-color:#c8102e;padding:10px;border:1px solid #833240;text-align:center;z-index:1000;color:#fff;margin-bottom:0}.close-button{margin-left:15px;background:none;border:none;color:#333;cursor:pointer;font-weight:700}.close-button:hover{color:#a5242d}.home-container{position:relative}.manager-dash{display:flex;font-family:Inter,sans-serif;padding-top:80px}.sidebar{width:300px;background-color:#c8102e;padding:20px;color:#fff;border-radius:10px;height:70vh;position:absolute;left:-70px;top:190px;overflow-y:auto;z-index:500;transition:margin-left .3s ease}.sidebar.collapsed{margin-left:-28%;gap:.5%}.toggle-sidebar{font-family:Inter,sans-serif;position:absolute;top:130px;left:15px;width:200px;height:40px;z-index:1000;border:#7C000F;border-radius:5px;background-color:#c8102e;color:#fff;border:none;cursor:pointer;font-size:25px;transition:margin-left .3s ease}.sidebar h2{margin-top:10px;margin-left:70px;font-size:23px}.sidebar ul{list-style-type:none;margin-left:70px;padding:0}.sidebar li{font-size:17px;padding:15px;margin-left:20px;left:40px;cursor:pointer;color:#ecf0f1}.sidebar li:hover{background-color:#7c000f}.content{margin-left:380px;flex:1}.content h1{color:#c8102e}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1500}.modal-content{background:#fff;padding:20px;border-radius:8px;position:relative}.close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px}.manage-employees-container{padding:2%;transition:margin-left .3s ease;margin-left:-8%;margin-top:-2%;width:126%;display:flex;gap:1%;max-width:80%}.manage-employees-container.sidebar-collapsed{margin-left:-27%;gap:.5%}.manage-employees{position:relative;flex:1;width:250px;height:100%;max-height:900px;max-width:800px;background-color:#f9f9f9;padding:2%;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:5%;left:5%}.employee-list{flex:2;padding:1%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:125%;margin-left:1%}.update-form-section{flex:1;width:100%;box-sizing:border-box;margin:0}.manage-employees input,.manage-employees select,.update-form-section input,.update-form-section select{display:block;width:100%;margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.manage-employees button,.update-form-section button,.remove-button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%;box-sizing:border-box;margin-top:10px}.manage-employees button:hover,.update-form-section button:hover,.remove-button:hover{background-color:#7c000f}.employee-list h2,.manage-employees h2,.update-form-section h2{margin-top:10px;margin-bottom:15px}.employee-table{width:100%;border-collapse:collapse}.employee-table td{padding:10px;text-align:center;border-bottom:1px solid #ddd;font-size:14px;border:1px solid #ddd}.employee-table th{background-color:#c8102e;color:#fff;padding:10px;text-align:center;border-bottom:1px solid #ddd;font-size:15px;border:1px solid #ddd}.employee-table tr:hover{background-color:#f1f1f1}.employee-table .error{color:red}.modal button{margin-top:15px;padding:10px 20px;width:100%;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.update-form-section{display:flex;flex-direction:column;justify-content:space-between;height:auto}.manage-exhibits-container{padding:2%;transition:margin-left .3s ease;margin-left:-9%;margin-top:-2%;width:126%;display:flex;gap:1%}.manage-exhibits-container.sidebar-collapsed{margin-left:-33%;gap:.5%}.manage-exhibits{flex:1;max-width:230px;width:100px;height:100%;max-height:500px;background-color:#f9f9f9;padding:2%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.exhibit-list{flex:2;padding:1%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:120%;margin-left:-22%}.manage-exhibits input,.manage-exhibits select,.update-form-section input,.update-form-section select{display:block;width:100%;margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.manage-exhibits label,.manage-exhibits button,.update-form-section button,.remove-button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%;box-sizing:border-box;margin-top:10px}.manage-exhibits button:hover,.update-form-section button:hover,.remove-button:hover{background-color:#7c000f}.exhibit-list h2,.manage-exhibits h2,.update-form-section h2{margin-top:10px;margin-bottom:15px}.exhibit-table{width:100%;border-collapse:collapse}.exhibit-table td{padding:12px;text-align:center;border-bottom:1px solid #ddd;font-size:14px;border:1px solid #ddd}.exhibit-table th{background-color:#c8102e;color:#fff;padding:10px;text-align:center;border-bottom:1px solid #ddd;font-size:15px;border:1px solid #ddd}.exhibit-table tr:hover{background-color:#f1f1f1}.exhibit-table .error{color:red}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center}.manage-exhibits,.update-form-section{display:flex;flex-direction:column;justify-content:space-between;height:auto}.manage-animals-container{padding:2%;transition:margin-left .3s ease;margin-left:-8%;margin-top:-2%;width:126%;display:flex;gap:1%;max-width:80%}.manage-animals-container.sidebar-collapsed{margin-left:-27%;gap:.5%}.manage-animals{position:relative;flex:1;width:250px;height:100%;max-height:900px;max-width:800px;background-color:#f9f9f9;padding:2%;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:5%;left:0%}.animal-list{flex:2;padding:1%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:125%;margin-left:1%}.manage-animals input,.manage-animals select,.update-form-section input,.update-form-section select{display:block;width:100%;margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.manage-animals button,.update-form-section button,.remove-button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%;box-sizing:border-box;margin-top:10px}.manage-animals label{display:block;margin-top:10px;font-weight:700}.manage-animals input,.manage-animals select,.manage-animals button{margin-top:5px}.manage-animals button:hover,.update-form-section button:hover,.remove-button:hover{background-color:#7c000f}.animal-list h2,.manage-animals h2,.update-form-section h2{margin-top:10px;margin-bottom:15px}.animal-table{width:100%;border-collapse:collapse;min-width:800px}.animal-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.animal-table th{background-color:#c8102e;color:#fff;padding:10px;text-align:left;border-bottom:1px solid #ddd}.animal-table tr:hover{background-color:#f1f1f1}.animal-table .error{color:red}.status-reason-input{margin-top:10px;width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.status-reason-input.required{border-color:red}.manage-cages-container{padding:2%;transition:margin-left .3s ease;margin-left:-10%;margin-top:-2%;width:126%;display:flex;gap:1%;max-width:80%}.manage-cages-container.sidebar-collapsed{margin-left:-32%;gap:.5%}.manage-cages{position:relative;flex:1;width:250px;height:100%;max-height:340px;background-color:#f9f9f9;padding:2%;border-radius:8px;box-shadow:0 2px 8px #0000001a;left:0%}.cage-list{flex:2;padding:1%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:125%;margin-left:3%}.form-sections-wrapper{display:flex;justify-content:space-between;gap:20px;align-items:stretch;flex:1}.manage-cages input,.manage-cages select,.update-form-section input,.update-form-section select{display:block;width:100%;margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.manage-cages button,.update-form-section button,.remove-button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%;box-sizing:border-box;margin-top:10px}.manage-cages label{display:block;margin-top:10px;font-weight:700}.manage-cages input,.manage-cages select,.manage-cages button{margin-top:5px}.manage-cages button:hover,.update-form-section button:hover,.remove-button:hover{background-color:#7c000f}.cage-list h2,.manage-cages h2,.update-form-section h2{margin-top:10px;margin-bottom:15px}.cage-table{width:100%;border-collapse:collapse;min-width:800px}.cage-table td{padding:20px;text-align:center;border-bottom:1px solid #ddd;font-size:14px;border:1px solid #ddd}.cage-table th{background-color:#c8102e;color:#fff;padding:20px;text-align:center;border-bottom:1px solid #ddd;font-size:17px;border:1px solid #ddd}.cage-table tr:hover{background-color:#f1f1f1}.cage-table .error{color:red}.modal-content{background:#fff;padding:20px;width:80%;max-width:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;position:relative;max-height:90vh;overflow-y:auto;box-sizing:border-box}.manage-showcases-container{padding:2%;transition:margin-left .3s ease;margin-left:-10%;margin-top:-2%;width:126%;display:flex;gap:1%;max-width:80%}.manage-showcases-container.sidebar-collapsed{margin-left:-27%;gap:.5%}.manage-showcases{position:relative;flex:1;width:250px;height:100%;max-height:900px;max-width:800px;background-color:#f9f9f9;padding:2%;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:5%;left:-2%}.showcase-list{flex:2;padding:1%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:105%;margin-left:1%}.form-sections-wrapper{display:flex;justify-content:space-between;gap:0px}.update-form-section{flex:1;max-width:400px;height:100%;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.manage-showcases input,.manage-showcases select,.update-form-section input,.update-form-section select{display:block;width:100%;margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.manage-showcases button,.update-form-section button,.remove-button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%;box-sizing:border-box;margin-top:10px}.manage-showcases label{display:block;margin-top:10px;font-weight:700}.manage-showcases input,.manage-showcases select,.manage-showcases button{margin-top:5px}.manage-showcases button:hover,.update-form-section button:hover,.remove-button:hover{background-color:#7c000f}.showcase-list h2,.manage-showcases h2,.update-form-section h2{margin-top:10px;margin-bottom:15px}.showcase-table{width:100%;border-collapse:collapse;min-width:800px}.showcase-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd;max-width:200px;word-wrap:break-word;border:1px solid #ddd}.showcase-table th{background-color:#c8102e;color:#fff;padding:10px;text-align:left;border-bottom:1px solid #ddd;border:1px solid #ddd}.showcase-table tr:hover{background-color:#f1f1f1}.showcase-table .error{color:red}.modal-content{background:#fff;padding:20px;width:90%;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #00000026;position:relative}.modal-content .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;color:#333;cursor:pointer}.required-field{border:1px solid #ff0000}.gift-manager-container{max-width:1200px;margin:0 auto;padding:20px}.gift-manager-container.sidebar-collapsed{margin-left:-27%;gap:.5%}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-section h1{color:#1a365d;font-size:2rem;font-weight:700}.add-button{display:flex;align-items:center;gap:8px;background-color:#2563eb;color:#fff;padding:8px 16px;border-radius:8px;transition:background-color .2s}.add-button:hover{background-color:#1d4ed8}.error-message{background-color:#fee2e2;color:#991b1b;padding:16px;border-radius:8px;margin-bottom:24px}.form-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.form-container h2{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#1a365d}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:4px;color:#4a5568}.form-input,.form-textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb33}.form-textarea{resize:vertical;min-height:100px}.button-group{display:flex;gap:12px;margin-top:24px}.submit-button{background-color:#059669;color:#fff;padding:8px 16px;border-radius:6px;transition:background-color .2s}.submit-button:hover{background-color:#047857}.cancel-button{background-color:#6b7280;color:#fff;padding:8px 16px;border-radius:6px;transition:background-color .2s}.cancel-button:hover{background-color:#4b5563}.items-table{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.items-table th{background-color:#f8fafc;padding:12px 24px;text-align:left;font-size:.75rem;font-weight:500;text-transform:uppercase;color:#64748b}.items-table td{padding:16px 24px;border-top:1px solid #e2e8f0}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.875rem;font-weight:500}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.edit-button{color:#2563eb;padding:4px;border-radius:4px;transition:color .2s}.edit-button:hover{color:#1d4ed8}.toggle-button{padding:4px;border-radius:4px;transition:color .2s}.toggle-button.active{color:#dc2626}.toggle-button.active:hover{color:#b91c1c}.toggle-button.inactive{color:#059669}.toggle-button.inactive:hover{color:#047857}.loading-state{text-align:center;padding:48px;color:#64748b}.access-denied{background-color:#fee2e2;color:#991b1b;padding:16px;border-radius:8px;margin:32px;text-align:center}.ticket-report-container{padding:20px;max-width:1200px;margin:0 auto}.ticket-report-container h1{color:#333;margin-bottom:30px;text-align:center}.loading-message,.error-message{text-align:center;padding:20px;font-size:18px}.error-message{color:#dc3545}.filters-section{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px}.date-filters{display:flex;gap:20px;margin-bottom:20px}.date-input-group{display:flex;flex-direction:column;gap:5px}.date-input-group label{font-weight:700;color:#555}.date-input-group input{padding:8px;border:1px solid #ddd;border-radius:4px}.exhibit-filters h3{margin-bottom:10px;color:#555}.exhibit-buttons{display:flex;flex-wrap:wrap;gap:10px}.exhibit-button{padding:8px 16px;border:1px solid #ddd;border-radius:20px;background-color:#fff;cursor:pointer;transition:all .3s ease}.exhibit-button:hover{background-color:#f0f0f0}.exhibit-button.selected{background-color:#007bff;color:#fff;border-color:#007bff}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.summary-card h3{color:#666;margin-bottom:10px;font-size:16px}.summary-card p{color:#333;font-size:24px;font-weight:700}.report-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.ticket-types,.exhibit-popularity{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ticket-types h2,.exhibit-popularity h2{color:#333;margin-bottom:20px;font-size:20px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f8f9fa;font-weight:700;color:#555}tr:hover{background-color:#f8f9fa}@media (max-width: 768px){.date-filters{flex-direction:column}.report-details{grid-template-columns:1fr}.summary-card{padding:15px}.summary-card p{font-size:20px}table{font-size:14px}th,td{padding:8px}}.membership-report-container{padding:2rem;max-width:1200px;margin:0 auto;background-color:#f5f7f9}.membership-report-container h1{text-align:center;margin-bottom:2rem;color:#333;font-size:2rem}.filters-section{margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.date-filters{display:flex;gap:2rem;margin-bottom:1.5rem;justify-content:center}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{font-weight:700;color:#666}.date-input-group input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.type-filters{margin-top:1.5rem}.type-filters h3{text-align:center;margin-bottom:1rem;color:#666}.type-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.type-button{padding:.75rem 1.5rem;border:2px solid #e0e0e0;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s;font-weight:500;min-width:100px}.type-button:hover{border-color:#3b82f6;color:#3b82f6}.type-button.selected{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;transition:transform .2s}.summary-card:hover{transform:translateY(-5px)}.summary-card h3{margin:0;color:#666;font-size:1rem}.summary-card p{margin:.75rem 0 0;font-size:1.75rem;font-weight:700;color:#3b82f6}.report-details{display:grid;gap:2rem}.membership-types,.member-activity,.exhibit-popularity,.demographics{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.membership-types h2,.member-activity h2,.exhibit-popularity h2,.demographics h2{margin-bottom:1.5rem;color:#333;font-size:1.25rem}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}th{background-color:#f8f9fa;font-weight:600;color:#495057}tbody tr:hover{background-color:#f8f9fa}tr:nth-child(2n){background-color:#fafafa}.loading-message{text-align:center;padding:2rem;font-size:1.2rem;color:#666;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem}.error-message{text-align:center;padding:1.5rem;color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0}@media (max-width: 768px){.membership-report-container{padding:1rem}.date-filters{flex-direction:column;gap:1rem}.type-buttons{flex-direction:column}.type-button{width:100%}.report-summary{grid-template-columns:1fr}table{display:block;overflow-x:auto;white-space:nowrap}th,td{padding:.75rem}.summary-card:hover{transform:none}}@media print{.membership-report-container{padding:0}.filters-section{display:none}.summary-card,.membership-types,.member-activity,.exhibit-popularity,.demographics{break-inside:avoid;box-shadow:none;border:1px solid #e0e0e0}}.manage-events-container{padding:2%;transition:margin-left .3s ease;margin-left:-9%;margin-top:-2%;width:126%;display:flex;gap:1%;max-width:80%}.manage-events-container.sidebar-collapsed{margin-left:-27%;gap:.5%}.manage-events{position:relative;flex:1;max-width:800px;width:250px;height:100%;max-height:900px;background-color:#f9f9f9;padding:2%;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:5%;left:5%}.event-list{flex:2;padding:1%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:125%;margin-left:1%}.form-sections-wrapper.sidebar-collapse{display:flex;justify-content:space-between;gap:20px;align-items:stretch;position:relative;top:50px}.update-form-section{flex:1;width:100%;box-sizing:border-box;margin:0;z-index:1000}.manage-events input,.manage-events select,.update-form-section input,.update-form-section select{display:block;width:100%;margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.manage-events label,.manage-events button,.update-form-section button,.remove-button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%;box-sizing:border-box;margin-top:10px}.manage-events button:hover,.update-form-section button:hover,.remove-button:hover{background-color:#7c000f}.event-list h2,.manage-events h2,.update-form-section h2{margin-top:10px;margin-bottom:15px}.search-input{display:block;width:100%;padding:10px;margin-bottom:15px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.event-table{width:100%;border-collapse:collapse}.event-table td{padding:12px;text-align:center;border-bottom:1px solid #ddd;font-size:14px;border:1px solid #ddd}.event-table th{background-color:#c8102e;color:#fff;padding:10px;text-align:center;border-bottom:1px solid #ddd;font-size:15px;border:1px solid #ddd}.event-table tr:hover{background-color:#f1f1f1}.event-table .error{color:red}.update-form-section{padding:20px;background-color:#f1f1f1;border-radius:8px;margin-bottom:20px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px 30px;width:80%;max-width:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;position:relative;max-height:90vh;overflow-y:auto;box-sizing:border-box;text-align:left}.modal-message{white-space:pre-line;text-align:left;font-family:inherit;margin:20px 0;padding:15px 0;line-height:1.6;font-size:16px}.modal button{padding:10px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content label{display:block;margin-bottom:5px;font-weight:700;text-align:left}.modal-content .close-button{position:absolute;top:10px;right:10px;background:#c8102e;color:#fff;border:none;font-size:20px;cursor:pointer;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.modal-content h2{margin-bottom:20px}.modal-content input,.modal-content select{width:100%;margin-bottom:15px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.modal-content button{padding:10px 20px;background-color:#c8102e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%}.modal-content button:hover{background-color:#7c000f}.manage-events,.update-form-section{display:flex;flex-direction:column;justify-content:space-between;height:auto}.footer{background-color:#c8102e;color:#333;padding:20px;text-align:center;font-family:Arial,sans-serif}.footer-content{max-width:300px;color:#fff;margin:0 auto}.footer-content h3{font-size:1.5em;color:#fff;margin-bottom:5px}.footer-content p{font-size:1.2em;color:#fff;margin-bottom:15px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{display:flex;align-items:center;margin:10px 0;font-size:1em;color:#fff;white-space:nowrap}.icon{margin-right:8px;color:#7c0c22da}.contact-button{background-color:#f0f8e1;color:#333;border:1px solid #333;padding:10px 20px;font-size:1em;cursor:pointer;margin-top:15px;transition:background-color .3s}.contact-button:hover{background-color:#ffcad3}.footer-bottom{margin-top:20px;font-size:.9em}.footer-bottom p{margin-top:20px;font-size:.9em;color:#fff}
