:root{--primary-color: #4CAF50;--primary-dark: #388E3C;--primary-light: #81C784;--primary-gradient: linear-gradient(135deg, #4CAF50 0%, #66BB6A 50%, #81C784 100%);--secondary-color: #FFC107;--secondary-dark: #FFA000;--secondary-light: #FFD54F;--secondary-gradient: linear-gradient(135deg, #FFC107 0%, #FFD54F 100%);--accent-color: #9C27B0;--accent-dark: #7B1FA2;--accent-light: #BA68C8;--accent-gradient: linear-gradient(135deg, #9C27B0 0%, #BA68C8 100%);--success-color: #4CAF50;--warning-color: #FF9800;--error-color: #F44336;--info-color: #2196F3;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-light: #BDC3C7;--text-white: #FFFFFF;--background-primary: #F8FFF8;--background-secondary: #E8F5E8;--background-tertiary: #F0F8F0;--background-card: #FFFFFF;--background-gradient: linear-gradient(135deg, #F8FFF8 0%, #E8F5E8 50%, #F0F8F0 100%);--shadow-light: 0 2px 8px rgba(76, 175, 80, .1);--shadow-medium: 0 4px 16px rgba(76, 175, 80, .15);--shadow-heavy: 0 8px 32px rgba(76, 175, 80, .2);--shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--border-radius-small: 8px;--border-radius-medium: 12px;--border-radius-large: 16px;--border-radius-circle: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family-primary: sans-serif;--font-family-secondary: sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--blur-light: blur(10px);--blur-medium: blur(20px)}:root{--font-family-base: "Inter", sans-serif}body{font-family:var(--font-family-base)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-primary);background:var(--background-gradient);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:var(--border-radius-small)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--border-radius-small);transition:var(--transition-medium)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary-light);color:var(--text-white)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.pulse{animation:pulse 2s infinite}.float{animation:float 3s ease-in-out infinite}.hover-lift{transition:var(--transition-medium)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.hover-scale{transition:var(--transition-medium)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:var(--transition-medium)}.hover-glow:hover{box-shadow:0 0 20px #4caf504d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-medium);font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition-medium);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-medium)}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-light)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-secondary{background:var(--secondary-gradient);color:var(--text-primary);box-shadow:var(--shadow-light)}.btn-secondary:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-accent{background:var(--accent-gradient);color:var(--text-white);box-shadow:var(--shadow-light)}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--text-white);transform:translateY(-2px)}.input{width:100%;padding:var(--spacing-md);border:2px solid var(--background-secondary);border-radius:var(--border-radius-medium);font-family:var(--font-family-primary);font-size:var(--font-size-md);background:var(--background-card);transition:var(--transition-medium)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.input::placeholder{color:var(--text-secondary)}.card-base{background:var(--background-card);border-radius:var(--border-radius-large);box-shadow:var(--shadow-card);transition:var(--transition-medium);overflow:hidden}.card-base:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-circle);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--success-color);color:var(--text-white)}.badge-warning{background:var(--warning-color);color:var(--text-white)}.badge-error{background:var(--error-color);color:var(--text-white)}.badge-info{background:var(--info-color);color:var(--text-white)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-small)}@media (max-width: 768px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--font-size-xxl: 1.25rem;--font-size-xxxl: 1.5rem}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (max-width: 480px){:root{--spacing-md: 12px;--spacing-lg: 16px;--font-size-lg: 1rem;--font-size-xl: 1.125rem}}*{box-sizing:border-box;margin:0}#root{margin:0 auto;max-width:1200px}body{font-family:Arial,sans-serif;margin:0;padding:0}.App{min-height:100vh;background:var(--background-gradient)}.main-content{padding-top:80px;min-height:calc(100vh - 80px)}.main-content .home{padding-top:0}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.02) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.01) 0%,transparent 50%);pointer-events:none;z-index:-1}@media (max-width: 768px){.main-content{padding-top:0}}@media (max-width: 480px){.main-content{padding-top:0}}.logout-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.logout-confirmation-modal{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 6px #0000001a}.logout-confirmation-icon{font-size:2.5rem;color:var(--primary-green);margin-bottom:1rem}.logout-confirmation-modal h3{font-size:1.5rem;color:var(--text-dark);margin-bottom:.5rem}.logout-confirmation-modal p{color:#666;margin-bottom:1.5rem}.logout-confirmation-buttons{display:flex;gap:1rem;justify-content:center}.logout-confirmation-buttons button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-confirmation-cancel{background-color:#f3f4f6;color:#4b5563;border:none}.logout-confirmation-cancel:hover{background-color:#e5e7eb}.logout-confirmation-confirm{background-color:var(--primary-green);color:#fff;border:none}.logout-confirmation-confirm:hover{background-color:var(--primary-green-dark)}.navbar{position:fixed;bottom:0;left:0;width:100%;background-color:var(--background-light);box-shadow:0 -2px 10px #0000001a;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;text-decoration:none}.logo{width:42px;height:42px;object-fit:contain}.menu-btn{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color var(--transition-speed) ease;z-index:1002;width:15%}.nav-menu{position:fixed;bottom:60px;right:1rem;background-color:var(--background-light);border-radius:var(--border-radius);box-shadow:0 -2px 10px #0000001a;width:280px;max-height:0;overflow:hidden;transition:all var(--transition-speed) ease;opacity:0;visibility:hidden;z-index:1001}.nav-menu.open{max-height:80vh;opacity:1;visibility:visible;padding:1rem}.menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.menu-list li a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius);transition:all var(--transition-speed) ease}.menu-list li a:hover{background-color:var(--background-dark);color:var(--primary-color)}.menu-list li a.active{background-color:var(--primary-light);color:var(--primary-color)}.menu-list li a svg{width:1.25rem;height:1.25rem}.profile-link,.signin-link{margin-top:.5rem;background-color:var(--background-dark)}.profile-link:hover,.signin-link:hover{background-color:var(--primary-color)!important;color:#fff!important}.logout-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-dark);font-size:1rem;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{color:var(--primary-green)}.logout-button svg{font-size:1.1rem}@media (max-width: 480px){.nav-container{padding:.5rem}.logo{width:28px;height:28px}.nav-menu{right:.5rem;left:.5rem;width:auto}.menu-list li a{padding:.75rem}}:root{--green: #86cd82;--dark-green: #5c8f58;--light-green: #d3efd1;--text: #344234;--white: #fff}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0);margin:0;padding:0}.home-container{min-height:100vh;background:var(--background-gradient);position:relative;margin-bottom:80px;margin-top:20px}.home:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.home:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(76,175,80,.02) 0%,transparent 70%);transform:translate(-50%,-50%);animation:wave 10s ease-in-out infinite;pointer-events:none;z-index:0}.home-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:var(--spacing-xxl) var(--spacing-lg)}.hero-section{text-align:center;margin-bottom:var(--spacing-xxl);animation:fadeIn 1s ease-out}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#000;margin-bottom:var(--spacing-lg);line-height:1.2;position:relative}.hero-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--primary-gradient);border-radius:var(--border-radius-small);animation:expandWidth 1s ease-out .5s forwards}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;animation:fadeIn 1s ease-out .3s both}.hero-cta{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--primary-gradient);color:var(--text-white);text-decoration:none;border-radius:var(--border-radius-large);font-size:var(--font-size-lg);font-weight:600;box-shadow:var(--shadow-medium);transition:var(--transition-medium);animation:fadeIn 1s ease-out .7s both;position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-medium)}.hero-cta:hover:before{left:100%}.hero-cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-heavy)}.hero-cta svg{font-size:var(--font-size-xl);transition:var(--transition-medium)}.hero-cta:hover svg{transform:translate(4px)}.features-section{margin-bottom:var(--spacing-xxl);animation:fadeIn 1s ease-out 1s both}.section-title{text-align:center;font-size:clamp(2rem,3vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xl);position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-gradient);border-radius:var(--border-radius-small)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.feature-card{background:var(--background-card);padding:var(--spacing-xl);border-radius:var(--border-radius-large);box-shadow:var(--shadow-card);text-align:center;transition:var(--transition-medium);position:relative;overflow:hidden;border:2px solid transparent;text-decoration:none;color:inherit;display:block;cursor:pointer}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:var(--transition-medium)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--primary-color);text-decoration:none;color:inherit}.feature-icon{width:80px;height:80px;background:var(--primary-gradient);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:var(--text-white);font-size:var(--font-size-xxxl);box-shadow:var(--shadow-light);transition:var(--transition-medium)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(10deg);box-shadow:var(--shadow-medium)}.feature-title{font-size:25px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.feature-description{color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-md)}.stats-section{background:var(--background-card);border-radius:var(--border-radius-large);padding:var(--spacing-xxl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-xxl);animation:fadeIn 1s ease-out 1.3s both}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);text-align:center}.stat-item{padding:var(--spacing-lg);background:var(--background-secondary);border-radius:var(--border-radius-medium);transition:var(--transition-medium)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-light);background:var(--primary-gradient);color:var(--text-white)}.stat-number{font-size:var(--font-size-xxxl);font-weight:800;color:var(--primary-color);margin-bottom:var(--spacing-sm);display:block}.stat-item:hover .stat-number{color:var(--text-white)}.stat-label{font-size:var(--font-size-md);font-weight:600;color:var(--text-secondary)}.stat-item:hover .stat-label{color:var(--text-white)}.cta-section{text-align:center;animation:fadeIn 1s ease-out 1.6s both}.cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-xl)}.cta-button{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--border-radius-large);font-size:var(--font-size-lg);font-weight:600;text-decoration:none;transition:var(--transition-medium);position:relative;overflow:hidden}.cta-button.primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-medium)}.cta-button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-medium)}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);text-decoration:none}.cta-button.secondary:hover{background:var(--primary-color);color:var(--text-white)}.admin-card{border:2px solid #386c30;position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:var(--transition-medium)}.admin-card:hover:before{opacity:1}.admin-card .feature-icon{color:#fff}.admin-card .feature-title,.admin-card .feature-description{color:var(--dark-green)}.admin-card:hover{transform:translateY(-8px) scale(1.02)}.admin-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}@media (max-width: 1024px){.home-content{padding:var(--spacing-xl) var(--spacing-md)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg)}}@media (max-width: 768px){.home{padding-top:100px}.hero-title{font-size:clamp(2rem,4vw,2.5rem)}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.2rem)}.hero-cta{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-card{padding:var(--spacing-lg)}.feature-icon{width:60px;height:60px;font-size:var(--font-size-xxl)}.stats-section{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}.admin-card{grid-column:1 / -1}.admin-card .feature-title{font-size:var(--font-size-lg)}.admin-card .feature-description{font-size:var(--font-size-sm)}}@media (max-width: 480px){.home-content{padding:var(--spacing-lg) var(--spacing-sm)}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.feature-card{padding:var(--spacing-md)}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:var(--font-size-xxl)}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0);min-height:100vh;padding:calc(80px + var(--spacing-lg)) var(--spacing-lg) calc(60px + var(--spacing-lg));position:relative}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.error-code{font-size:8rem;font-weight:700;color:#378f54;text-shadow:0 4px 10px rgba(0,0,0,.2);animation:float404 3s infinite ease-in-out}@keyframes float404{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.error-text{font-size:2rem;font-weight:600;color:#444;margin-top:-10px}.error-message{font-size:1.2rem;color:#666;margin-top:5px}.home-button{margin-top:20px;padding:12px 24px;background-color:#68a573;color:#fff;text-decoration:none;font-size:1rem;font-weight:700;border-radius:25px;transition:all .3s ease}.home-button:hover{background-color:#456343}@media (max-width: 600px){.error-code{font-size:6rem}.error-text{font-size:1.5rem}.error-message{font-size:1rem}}.about-container{max-width:800px;margin:5px auto;padding:calc(80px + var(--spacing-lg)) var(--spacing-lg) calc(60px + var(--spacing-lg));background:var(--background-gradient);border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center;min-height:100vh;position:relative}.sobrenosotras{width:100%;position:fixed;top:0;left:0;right:0;background-color:#86cd82;padding:15px 0;text-align:center;z-index:1000}.about-container h1{font-size:2rem;color:#064420;margin-bottom:15px}.about-container p{font-size:1.2rem;color:#333;line-height:1.6;margin-bottom:15px}.about-container h2{font-size:1.5rem;color:#064420;margin-top:20px}.about-container a{color:#28a745;font-weight:700;text-decoration:none}.about-container a:hover{text-decoration:underline}.about-photos{display:flex;justify-content:center;gap:20px;margin-top:20px}.photo-container{display:flex;flex-direction:column;align-items:center}.photo-link{text-decoration:none;color:inherit;transition:all .3s ease;border-radius:50%;padding:5px}.photo-link:hover{transform:scale(1.05);box-shadow:0 8px 20px #28a7454d}.profile-photo{width:150px;height:150px;object-fit:cover;border-radius:50%;border:3px solid #28a745;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.photo-link:hover .profile-photo{border-color:#1e7e34;box-shadow:0 8px 15px #0003}.photo-container p{margin-top:10px;font-size:1.2rem;font-weight:700;color:#333;transition:color .3s ease}.photo-link:hover .photo-container p{color:#28a745}#loading-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;width:100vw;background-color:#fffc;display:flex;justify-content:center;align-items:center}.spinner{width:50px;height:50px;border:6px solid #c3fcd2;border-top:6px solid #2ecc71;border-radius:50%;animation:spin 1s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--background-gradient);position:relative;overflow:hidden}.loading-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.loading-container:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(76,175,80,.02) 0%,transparent 70%);transform:translate(-50%,-50%);animation:wave 8s ease-in-out infinite;pointer-events:none;z-index:0}.loading-content{position:relative;z-index:1;text-align:center;animation:fadeIn .8s ease-out}.loading-spinner{width:80px;height:80px;border:4px solid var(--background-secondary);border-top:4px solid var(--primary-color);border-radius:var(--border-radius-circle);animation:spin 1s linear infinite;margin-bottom:var(--spacing-xl);position:relative}.loading-spinner:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid transparent;border-top:2px solid var(--primary-light);border-radius:var(--border-radius-circle);animation:spin 1.5s linear infinite reverse}.loading-spinner:after{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid transparent;border-top:2px solid var(--secondary-color);border-radius:var(--border-radius-circle);animation:spin 2s linear infinite}.loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xl);color:var(--primary-color);animation:pulse 2s ease-in-out infinite}.loading-text{font-size:var(--font-size-lg);font-weight:600;color:#000;margin-bottom:var(--spacing-md)}.loading-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.loading-dots{display:flex;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-lg)}.loading-dot{width:8px;height:8px;background:var(--primary-color);border-radius:var(--border-radius-circle);animation:dotPulse 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.7}}.loading-container.small{min-height:200px}.loading-container.small .loading-spinner{width:40px;height:40px;border-width:3px}.loading-container.small .loading-spinner:before{border-width:1px}.loading-container.small .loading-spinner:after{border-width:1px;top:4px;left:4px;right:4px;bottom:4px}.loading-container.small .loading-icon,.loading-container.small .loading-text{font-size:var(--font-size-md)}.loading-container.small .loading-subtitle{font-size:var(--font-size-sm)}.loading-container.small .loading-dots{margin-top:var(--spacing-md)}.loading-container.small .loading-dot{width:6px;height:6px}.loading-progress{width:200px;height:6px;background:var(--background-secondary);border-radius:var(--border-radius-small);overflow:hidden;margin:var(--spacing-lg) 0;position:relative}.loading-progress-bar{height:100%;background:var(--primary-gradient);border-radius:var(--border-radius-small);animation:progressFill 2s ease-in-out infinite;position:relative;overflow:hidden}.loading-progress-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes progressFill{0%{width:0%}50%{width:70%}to{width:100%}}.loading-skeleton{width:100%;max-width:400px;margin:0 auto}.skeleton-item{height:20px;background:var(--background-secondary);border-radius:var(--border-radius-small);margin-bottom:var(--spacing-md);animation:shimmer 1.5s infinite}.skeleton-item:nth-child(1){width:80%}.skeleton-item:nth-child(2){width:60%}.skeleton-item:nth-child(3){width:90%}@media (max-width: 768px){.loading-spinner{width:60px;height:60px}.loading-text{font-size:var(--font-size-md)}.loading-subtitle{font-size:var(--font-size-sm)}.loading-progress{width:150px}}@media (max-width: 480px){.loading-spinner{width:50px;height:50px}.loading-text{font-size:var(--font-size-sm)}.loading-subtitle{font-size:var(--font-size-xs)}.loading-progress{width:120px}}.signin-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:calc(80px + var(--spacing-lg)) var(--spacing-lg) calc(60px + var(--spacing-lg));background:var(--background-gradient);position:relative}.signin-content{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:2rem}.signin-header{text-align:center;margin-bottom:1rem}.logo-icon{font-size:3rem;color:var(--primary-green);margin-bottom:1rem}.signin-header h1{font-size:2.2rem;color:var(--text-dark);margin-bottom:.5rem;font-weight:700}.welcome-text{font-size:1.1rem;color:#666;margin:0}.signin-box{background:#fff;padding:2.5rem;border-radius:16px;width:100%;box-shadow:0 8px 24px #00000014}.signin-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{margin-bottom:.5rem}.input-group label{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-dark);margin-bottom:.5rem}.input-icon{color:var(--primary-green);font-size:1rem}.input-group input{width:100%;padding:.9rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa}.input-group input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #86cd8226;background-color:#fff;outline:none}.input-group input::placeholder{color:#adb5bd}.signin-button{width:100%;padding:1rem;background-color:var(--primary-green);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;margin-top:1rem}.signin-button:hover{background-color:var(--primary-green-dark);transform:translateY(-2px)}.signin-button:active{transform:translateY(0)}.signin-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;justify-content:center;border:1px solid #fecaca}.signin-footer{margin-top:2rem;text-align:center;font-size:.95rem;color:#666}.signin-footer a{color:var(--primary-green);text-decoration:none;font-weight:600;transition:color .3s ease}.signin-footer a:hover{color:var(--primary-green-dark);text-decoration:underline}@media (max-width: 480px){.signin-box{padding:2rem 1.5rem}.signin-header h1{font-size:1.8rem}.logo-icon{font-size:2.5rem}}.button-loading{display:flex;align-items:center;justify-content:center;gap:10px}.card{display:flex;flex-direction:column;background:var(--background-card);border-radius:var(--border-radius-large);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-medium);text-decoration:none;color:inherit;height:100%;border:2px solid transparent;position:relative;animation:fadeIn .6s ease-out}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:var(--transition-medium)}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--primary-color)}.card-image-container{position:relative;width:100%;padding-top:60%;overflow:hidden;background:var(--background-secondary)}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-medium)}.card:hover .card-image{transform:scale(1.1)}.card-icon{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;background:#fffffff2;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:var(--font-size-lg);box-shadow:var(--shadow-light);transition:var(--transition-medium);z-index:2}.card-icon:hover{transform:scale(1.1) rotate(10deg);background:var(--primary-color);color:var(--text-white)}.business-status{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-circle);font-size:var(--font-size-xs);font-weight:600;color:var(--text-white);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);z-index:2;box-shadow:var(--shadow-light);transition:var(--transition-medium);border-radius:20px}.business-status.open{background:linear-gradient(135deg,var(--success-color) 0%,#66BB6A 100%)}.business-status.closed{background:linear-gradient(135deg,var(--error-color) 0%,#EF5350 100%)}.business-status.unknown{background:linear-gradient(135deg,var(--text-secondary) 0%,#9E9E9E 100%)}.business-status:hover{transform:scale(1.05);box-shadow:var(--shadow-medium)}.business-status svg{font-size:var(--font-size-sm)}.card-content{padding:var(--spacing-lg);flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:180px;background:linear-gradient(135deg,var(--background-card) 0%,#FAFAFA 100%)}.card-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:#000;line-height:1.3;transition:var(--transition-medium)}.card:hover .card-title{color:#000}.card-subtitle{margin:0;font-size:var(--font-size-md);color:var(--text-secondary);font-weight:500}.card-rating{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;margin-top:auto;font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-medium);align-self:flex-start;box-shadow:var(--shadow-light);transition:var(--transition-medium)}.card-rating:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.stars-container{display:flex;align-items:center;gap:var(--spacing-xs)}.stars-container .star{font-size:var(--font-size-md);transition:var(--transition-medium)}.stars-container .star.filled{color:var(--secondary-color);filter:drop-shadow(0 1px 2px rgba(255,193,7,.3))}.stars-container .star.half{color:var(--secondary-color);opacity:.7;filter:drop-shadow(0 1px 2px rgba(255,193,7,.2))}.stars-container .star.empty{color:var(--background-secondary)}.rating-text{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-left:var(--spacing-xs)}.no-rating{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.card-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);background:#4caf500d;border-radius:var(--border-radius-small);border-left:3px solid var(--primary-color);transition:var(--transition-medium)}.card-info:hover{background:#4caf501a;transform:translate(2px)}.card-info svg{color:var(--primary-color);font-size:var(--font-size-sm)}.card-info.zone{background:#4caf500d;border-left-color:var(--primary-color);margin-bottom:var(--spacing-xs)}.card-info.zone svg{color:var(--primary-color)}.card-info.zone:hover{background:#4caf501a}.card-info.address{background:#2196f30d;border-left-color:var(--primary-color);margin-bottom:var(--spacing-xs)}.card-info.address svg{color:var(--primary-color)}.card-info.address:hover{background:#2196f31a}.card-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(76,175,80,.05) 0%,transparent 50%);opacity:0;transition:var(--transition-medium);pointer-events:none}.card:hover:after{opacity:1}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:nth-child(6){animation-delay:.6s}@media (max-width: 1200px){.card-title{font-size:var(--font-size-lg)}.card-content{padding:var(--spacing-md);min-height:160px}.card-icon{width:35px;height:35px;font-size:var(--font-size-md)}}@media (max-width: 768px){.card{border-radius:var(--border-radius-medium)}.card:hover{transform:translateY(-4px) scale(1.01)}.card-title{font-size:var(--font-size-md)}.card-info{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.card-rating{font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm)}.card-content{padding:var(--spacing-sm);min-height:140px}.card-icon{width:30px;height:30px;font-size:var(--font-size-sm)}.business-status{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}@media (max-width: 480px){.card-content{padding:var(--spacing-xs);min-height:120px}.card-title{font-size:var(--font-size-sm)}.card-info{font-size:var(--font-size-xs)}.card-rating,.stars-container .star{font-size:var(--font-size-sm)}}.form-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.business-form{background:var(--background-card);border-radius:var(--border-radius-large);padding:var(--spacing-xl);box-shadow:var(--shadow-heavy);max-width:700px;width:100%;max-height:70vh;overflow-y:auto;position:relative;animation:slideInUp .3s ease-out}.form-group label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-sm)}.form-group input[type=text],.form-group input[type=url],.form-group select{padding:var(--spacing-md);border:2px solid var(--background-secondary);border-radius:var(--border-radius-medium);font-size:var(--font-size-md);background:var(--background-card);transition:var(--transition-medium);font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.form-group input[type=text]::placeholder,.form-group input[type=url]::placeholder{color:var(--text-secondary)}.checkbox-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--border-radius-medium);transition:var(--transition-medium)}.checkbox-group:hover{background:var(--primary-light)}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.checkbox-group label{margin:0;cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.submit-btn,.cancel-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-medium);cursor:pointer;font-weight:600;font-size:var(--font-size-md);transition:var(--transition-medium);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: 768px){.business-form{margin:var(--spacing-md);padding:var(--spacing-lg)}.form-row,.checkbox-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}.business-list-container{min-height:100vh;background:var(--background-gradient);position:relative}.business-list{min-height:100vh;background:var(--background-gradient);position:relative;overflow:hidden}.business-list:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.list-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);background:var(--background-gradient)}.search-filters-bar{background:var(--background-card);border-radius:var(--border-radius-large);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:var(--font-size-md);z-index:2}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 16px);border:2px solid var(--background-secondary);border-radius:var(--border-radius-medium);font-size:var(--font-size-md);background:var(--background-card);transition:var(--transition-medium)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.search-input::placeholder{color:var(--text-secondary)}.filters-toggle-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--primary-gradient);color:var(--text-primary);border:none;border-radius:var(--border-radius-medium);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-medium);box-shadow:var(--shadow-light);position:relative;flex-shrink:0}.filters-toggle-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.filters-toggle-btn.has-filters{background:var(--accent-gradient);color:var(--text-white)}.filter-count{position:absolute;top:-8px;right:-8px;background:var(--text-white);color:var(--primary-color);border-radius:var(--border-radius-circle);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;border:2px solid var(--background-card)}.filters-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.filters-panel{background:var(--background-card);border-radius:var(--border-radius-large);padding:var(--spacing-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-heavy);animation:slideInUp .3s ease-out}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--background-secondary)}.filters-header h3{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.back-btn{background:transparent;color:var(--text-secondary);border:none;font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-small);transition:var(--transition-medium)}.back-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.clear-filters-btn{background:var(--error-color);color:var(--text-white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-medium)}.clear-filters-btn:hover{background:#d32f2f;transform:translateY(-1px)}.filters-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.chip-filter-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-chip{padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-secondary);border:2px solid transparent;border-radius:var(--border-radius-small);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-medium);color:var(--text-secondary)}.filter-chip:hover{background:var(--primary-light);color:var(--text-white);transform:translateY(-1px)}.filter-chip.selected{background:var(--primary-gradient);color:var(--text-white);border-color:var(--primary-dark)}.star-rating-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.star-rating-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition-medium)}.star-rating-option:hover{background:var(--background-secondary)}.star-rating-option.selected{background:var(--primary-light);color:var(--text-white)}.star-rating-option input[type=checkbox]{margin:0}.stars{display:flex;gap:2px}.star{color:var(--secondary-color);font-size:var(--font-size-sm)}.star-rating-text{font-size:var(--font-size-sm);font-weight:500}.boolean-filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition-medium)}.checkbox-item:hover{background:var(--background-secondary)}.checkbox-item input[type=checkbox]{margin:0}.checkbox-item label{font-size:var(--font-size-sm);font-weight:500;cursor:pointer;margin:0}.filter-group small{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs)}.filter-stats{background:var(--background-secondary);border-radius:var(--border-radius-medium);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.filter-stats p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.active-filters-info{font-weight:600;color:var(--primary-color)}.no-results .clear-filters-btn{background:var(--primary-gradient);color:var(--text-white);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.no-results .clear-filters-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.apply-filters-btn{background:var(--primary-gradient);color:var(--text-white);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-medium);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-medium);width:100%;margin-top:var(--spacing-lg)}.apply-filters-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}@media (max-width: 768px){.business-list{padding:0}.search-filters-bar{flex-direction:column;align-items:stretch}.search-container{flex:1;min-width:200px;position:relative}.filters-toggle-btn{justify-content:center}.business-cards-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.filters-panel{margin:var(--spacing-sm);max-height:95vh;margin-bottom:70px}.filters-content{gap:var(--spacing-md)}.filter-group{gap:var(--spacing-xs)}.filter-chip{font-size:var(--font-size-xs)}.star-rating-option{padding:var(--spacing-xs)}.star{font-size:var(--font-size-xs)}.apply-filters-btn{margin-top:var(--spacing-md)}}@media (max-width: 480px){.list-content{padding:0 var(--spacing-sm)}.page-header{padding:var(--spacing-lg)}.page-title{font-size:1.8rem}.page-subtitle{font-size:var(--font-size-md)}.actions-bar{flex-direction:column;align-items:stretch}.admin-actions{justify-content:center}.search-filters-bar{padding:var(--spacing-md)}.filters-panel{padding:var(--spacing-lg)}.business-cards-grid{gap:var(--spacing-sm)}}.search-filters-bar{flex-direction:row;justify-content:space-between}html,body{width:100%;overflow-x:hidden;padding:0}.business-detail-container{max-width:1200px;margin:0 auto;padding:calc(80px + var(--spacing-lg)) var(--spacing-lg) calc(60px + var(--spacing-lg));background:var(--background-gradient);min-height:100vh;position:relative}.business-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.star{color:var(--text-secondary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.star.filled{color:var(--secondary-dark)}.rating-value{font-weight:700;color:var(--text-primary);font-size:var(--font-size-sm)}.business-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.business-image{width:120px;height:120px;object-fit:cover;border:3px solid #4caf50;box-shadow:0 4px 8px #0000001a}.business-title{font-size:2rem;color:#333;margin:0}.business-info-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.form-group input,.form-group select{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa}.form-group input:focus,.form-group select:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501a;background-color:#fff}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:16px;padding-right:40px}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:10px}.checkbox-group input[type=checkbox]{width:20px;height:20px;border:2px solid #e0e0e0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;transition:all .3s ease}.checkbox-group input[type=checkbox]:checked{background-color:#4caf50;border-color:#4caf50}.checkbox-group input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-group label{font-size:.95rem;color:#333;cursor:pointer}@media (max-width: 768px){.business-detail-container{padding:0}.business-header{flex-direction:column;text-align:center;gap:16px}.business-image{width:100px;height:100px}.business-title{font-size:1.5rem}.business-info-container{padding:16px}.form-group input,.form-group select{padding:10px;font-size:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%;padding:14px}}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.info-item{display:flex;align-items:center;gap:10px}.info-item i{color:#4caf50;font-size:1.2rem}.info-item span{color:#666}.admin-actions{display:flex;gap:12px;margin-top:24px}.edit-button,.delete-button{padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.edit-button{background-color:#4caf50;color:#fff}.delete-button{background-color:#dc3545;color:#fff}.edit-button:hover{background-color:#43a047}.delete-button:hover{background-color:#c82333}.business-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:1.2rem}.business-image-container{text-align:center}.business-detail-image{width:350px;height:200px;object-fit:cover;border:4px solid #4caf50;box-shadow:0 4px 8px #0000001a}.business-type{font-size:1.2rem;color:#4caf50;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:8px;display:inline-block}.business-location{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.business-location:hover{background:#e9ecef;transform:translate(5px)}.business-location svg{color:#4caf50;font-size:1.2rem;margin-top:.2rem}.location-details{flex:1}.business-address{font-weight:500;margin-bottom:.25rem}.business-zone{color:#666;font-size:.9rem}.business-features{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.feature-tag,.feature-tag-sintacc{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.feature-tag{background-color:#e8f5e9;color:#2e7d32}.feature-tag-sintacc{background-color:#fff3e0;color:#e65100}.feature-tag svg,.feature-tag-sintacc svg{font-size:1rem}.business-delivery{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;transition:all .3s ease}.business-delivery:hover{background:#e9ecef;transform:translate(5px)}.business-delivery svg{color:#4caf50;font-size:1.2rem}.business-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:80px}@media (max-width: 480px){.business-title{font-size:1.5rem}.business-detail-image{height:250px}.feature-tag{font-size:.8rem;padding:.4rem .8rem}}.business-detail{min-height:100vh;background-color:#f5f5f5;padding:0rem}.detail-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 4px #0000001a}.image-section{text-align:center;margin-bottom:2rem}.business-image{width:200px;height:500px;object-fit:cover;border:4px solid #4caf50;box-shadow:0 4px 8px #0000001a}.info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.info-item:hover{background:#e9ecef;transform:translate(5px)}.info-item i{color:#4caf50;font-size:1.2rem;width:24px;text-align:center}.info-item span{color:#333;font-size:1rem}.edit-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.edit-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;transition:all .3s ease}.edit-actions button:first-child{background-color:#4caf50;color:#fff}.edit-actions button:first-child:hover{background-color:#45a049;transform:translateY(-2px)}.edit-actions button:last-child{background-color:#dc3545;color:#fff}.edit-actions button:last-child:hover{background-color:#c82333;transform:translateY(-2px)}.edit-actions button svg{font-size:1.1rem}@media (max-width: 768px){.business-detail{padding:0rem}.detail-content{padding:1rem}.business-image{width:150px;height:150px}.edit-actions{flex-direction:column}.edit-actions button{width:100%;justify-content:center}}.business-status-indicator{margin-bottom:1rem}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;color:#fff;box-shadow:0 2px 8px #0000001a}.status-badge.open{background-color:#4caf50}.status-badge.closed{background-color:#f44336}.status-badge.unknown{background-color:#9e9e9e}.status-badge svg{font-size:1rem}.new-opening-hour-form{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.new-opening-hour-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.new-opening-hour-form-header h4{margin:0;color:#333;font-size:1.1rem}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:5px;transition:color .3s ease}.close-button:hover{color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#666;font-size:.9rem}.form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.time-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.time-input-group{display:flex;gap:1rem}.time-input-group input[type=time]{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.submit-btn,.cancel-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.submit-btn{background-color:#4caf50;color:#fff}.submit-btn:hover{background-color:#45a049}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.confirm-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;padding:20px}.confirm-dialog-title{margin:0 0 15px;color:#333;font-size:1.25rem;font-weight:600}.confirm-dialog-message{margin:0 0 20px;color:#666;font-size:1rem;line-height:1.5}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-button{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-dialog-button.cancel{background-color:#f8f9fa;color:#666}.confirm-dialog-button.confirm{background-color:#dc3545;color:#fff}.confirm-dialog-button.cancel:hover{background-color:#e9ecef}.confirm-dialog-button.confirm:hover{background-color:#c82333}@media (max-width: 768px){.confirm-dialog{padding:15px}.confirm-dialog-title{font-size:1.1rem}.confirm-dialog-message{font-size:.95rem}.confirm-dialog-actions{flex-direction:column}.confirm-dialog-button{width:100%}}.opening-hour-container{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;height:100%}.opening-hour-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.opening-hour-title svg{color:var(--primary-color)}.opening-hour-list{list-style:none;padding:0;margin:0}.opening-hour-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--background-dark)}.opening-hour-item:last-child{border-bottom:none}.opening-hour-day{font-weight:500;color:var(--text-primary)}.opening-hour-time{color:var(--text-secondary);font-size:.9rem}.opening-hour-message{text-align:center;color:var(--text-secondary);font-style:italic;margin:1rem 0}.opening-status{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-bottom:1rem;border-radius:8px;font-weight:500;background-color:var(--background-dark)}.opening-status svg{color:var(--primary-color)}@media (max-width: 768px){.opening-hour-container{padding:1rem}.opening-hour-title{font-size:1.1rem}.opening-hour-item{padding:.5rem 0}}@media (max-width: 480px){.opening-hour-time{font-size:.8rem}}.opening-hours-container{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.opening-hours-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.opening-hours-header h3{margin:0;color:#333;font-size:1.2rem}.add-opening-hour-btn{background:#4caf50;color:#fff;border:none;font-size:1.2rem;border-radius:50px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:10%}.add-opening-hour-btn:hover{background:#45a049}.opening-hours-list{display:flex;flex-direction:column;gap:1rem}.opening-hour-item{border:1px solid #e0e0e0;border-radius:4px;padding:.5rem}.opening-hour-content{display:flex;flex-direction:column;gap:.5rem}.opening-hour-info{display:flex;justify-content:space-between;align-items:center}.opening-hour-info h4{margin:0;color:#333;font-size:1rem;min-width:75px}.opening-hour-times{display:flex;gap:1rem;flex:1;white-space:nowrap}.opening-hour-times p{margin:0;color:#666}.opening-hour-actions{display:flex;gap:.5rem;justify-content:flex-end}.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#666;transition:color .2s}.edit-btn:hover{color:#2196f3}.delete-btn:hover{color:#f44336}.editing-form,.time-inputs{display:flex;flex-direction:column;gap:1rem}.time-group{display:flex;flex-direction:column;gap:.5rem}.time-group label{color:#666;font-size:.9rem}.time-group input[type=time]{padding:.5rem;border:1px solid #ddd;border-radius:4px;width:100%}.edit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.save-btn,.cancel-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.save-btn{background-color:#4caf50;color:#fff}.save-btn:hover{background-color:#45a049}.cancel-btn{background-color:#e0e0e0;color:#333}.cancel-btn:hover{background-color:#d0d0d0}.no-hours-message{text-align:center;color:#666;margin:2rem 0}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.close-error{background:none;border:none;color:#c62828;cursor:pointer;font-size:1.2rem;padding:0;line-height:1}.close-error:hover{color:#b71c1c}.new-vegan-option-form-container{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.new-vegan-option-form{display:flex;flex-direction:column;gap:20px}.new-vegan-option-form h4{margin:0;color:#2c3e50;font-size:1.2rem}.form-group input,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end}.submit-btn,.cancel-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.submit-btn{background-color:#27ae60;color:#fff}.submit-btn:hover{background-color:#219a52}.error-message{background-color:#fde8e8;color:#c81e1e;padding:10px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#ffffffe6;border-radius:8px;margin-bottom:20px}.form-loading p{margin-top:10px;color:#489b5a;font-weight:500}.vegan-option-container{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;height:100%;display:flex;flex-direction:column}.vegan-option-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:400;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--primary-color)}.vegan-option-title svg{color:var(--primary-color)}.vegan-option-count{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-bottom:1rem;border-radius:8px;font-weight:500;background-color:var(--background-dark);color:var(--text-secondary)}.vegan-option-count svg{color:var(--primary-color)}.vegan-option-list{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto}.vegan-option-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--background-dark)}.vegan-option-item:last-child{border-bottom:none}.vegan-option-info{flex:1;margin-right:1rem}.vegan-option-name{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.vegan-option-description{font-size:.9rem;color:var(--text-secondary);margin:0;font-style:italic}.vegan-option-price{font-weight:600;color:var(--primary-color);white-space:nowrap}.vegan-option-message{text-align:center;color:var(--text-secondary);font-style:italic;margin:1rem 0}@media (max-width: 768px){.vegan-option-container{padding:1rem}.vegan-option-title{font-size:1.1rem}.vegan-option-item{padding:.5rem 0}}@media (max-width: 480px){.vegan-option-description{font-size:.8rem}.vegan-option-price{font-size:.9rem}}.vegan-options-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.vegan-options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vegan-options-header h3{margin:0;color:#2c3e50;font-size:1.5rem}.add-vegan-option-btn{background:#4caf50;color:#fff;border:none;font-size:1.2rem;border-radius:50px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:10%}.add-vegan-option-btn:hover{background-color:#219a52}.vegan-options-list{display:flex;flex-direction:column;gap:15px}.vegan-option-item{background-color:#f8f9fa;border-radius:6px;padding:15px;transition:transform .2s}.vegan-option-item:hover{transform:translateY(-2px)}.vegan-option-content{display:flex;justify-content:space-between;align-items:center}.vegan-option-info{flex:1;display:flex;align-items:center;gap:15px}.vegan-option-info h4{margin:0;color:#2c3e50;font-size:1.1rem}.vegan-option-price{margin:0;color:#27ae60;font-weight:600;font-size:1.1rem;white-space:nowrap}.vegan-option-actions{display:flex;gap:8px;margin-left:15px}.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .3s}.edit-btn{color:#3498db}.delete-btn{color:#e74c3c}.edit-btn:hover{background-color:#3498db1a}.delete-btn:hover{background-color:#e74c3c1a}.editing-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:500;color:#2c3e50}.form-group input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input[type=number]{width:120px}.edit-actions{display:flex;gap:10px;justify-content:flex-end}.save-btn,.cancel-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.save-btn{background-color:#27ae60;color:#fff}.save-btn:hover{background-color:#219a52}.cancel-btn{background-color:#e74c3c;color:#fff}.cancel-btn:hover{background-color:#c0392b}.error-message{background-color:#fde8e8;color:#c81e1e;padding:10px;border-radius:4px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.close-error{background:none;border:none;color:#c81e1e;cursor:pointer;font-size:1.2rem}.no-options-message{text-align:center;color:#666;font-style:italic;padding:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-overlay p{margin-top:10px;color:#fff;font-weight:500}.new-activism-form-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.new-activism-form{background:var(--background-card);border-radius:var(--border-radius-large);padding:var(--spacing-xl);box-shadow:var(--shadow-heavy);max-width:600px;width:100%;max-height:70vh;overflow-y:auto;position:relative;animation:slideInUp .3s ease-out}.close-btn{width:32px;height:32px;border:none;border-radius:50%;background:var(--error-gradient);color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-medium);font-size:var(--font-size-md)}.close-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-medium)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group input,.form-group textarea{padding:var(--spacing-md);border:2px solid var(--background-secondary);border-radius:var(--border-radius-medium);font-size:var(--font-size-md);background:var(--background-card);transition:var(--transition-medium);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.error-message{background:var(--error-light);color:var(--error-color);padding:var(--spacing-md);border-radius:var(--border-radius-medium);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);border-left:4px solid var(--error-color)}.close-error{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:var(--font-size-lg);font-weight:700;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-medium)}.close-error:hover{background:var(--error-color);color:var(--text-white)}@media (max-width: 768px){.new-activism-form{margin:var(--spacing-md);padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}.activism-container{min-height:100vh;background:var(--background-gradient);position:relative}.activism:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.02) 0%,transparent 50%);pointer-events:none;z-index:0}@media (max-width: 768px){.activism{padding:0}.page-header{padding:var(--spacing-lg)}.page-title{font-size:clamp(1.8rem,3vw,2.2rem)}.page-subtitle{font-size:var(--font-size-md)}.actions-bar{flex-direction:column;align-items:stretch}.admin-actions{justify-content:center}.business-cards-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}html,body{width:100%;overflow-x:hidden;margin:0;padding:0}.activism-detail-container{width:100%;max-width:100vw;margin:0 auto;box-sizing:border-box;background:var(--background-gradient);min-height:100vh;position:relative}.divtitle{width:100%;position:fixed;top:0;left:0;right:0;background-color:#86cd82;padding:15px 0;text-align:center;z-index:1000}.activism-detail-image{width:100%;max-width:100vw;height:auto;object-fit:cover;display:block;margin:0 auto 20px;border-radius:20px}.activism-detail-header{background-color:#d8e1d3;padding-bottom:20px}.activism-title{font-size:2rem;text-align:center;color:#000;margin-bottom:40px}.activism-description,.activism-contact{font-size:1.2rem;color:#000;margin:10px 0}.activism-link{display:block;color:#007bff;text-decoration:none;text-align:center;font-size:1.2rem}.activism-link:hover{text-decoration:underline}.activism-info{margin-bottom:7rem}.activism-info>*{margin-bottom:20px}.activism-contact{margin-top:40px}.activism-detail{max-width:1200px;margin:0 auto;padding:0}.activism-image{max-width:100%;height:auto;border-radius:8px;max-height:400px;object-fit:cover}.description{line-height:1.6;color:#333;font-size:1.1em}.form-group input,.form-group textarea{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501a;background-color:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}@media (max-width: 768px){.activism-detail{padding:0}.detail-content{padding:15px}.header-actions{gap:.5rem}.icon-button{width:35px;height:35px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.new-professional-form-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.new-professional-form{background:var(--background-card);border-radius:var(--border-radius-large);padding:var(--spacing-xl);box-shadow:var(--shadow-heavy);max-width:600px;width:100%;max-height:70vh;overflow-y:auto;position:relative;animation:slideInUp .3s ease-out}.form-group input{padding:var(--spacing-md);border:2px solid var(--background-secondary);border-radius:var(--border-radius-medium);font-size:var(--font-size-md);background:var(--background-card);transition:var(--transition-medium);font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.form-group input::placeholder{color:var(--text-secondary)}.submit-btn,.cancel-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-medium);cursor:pointer;font-weight:600;font-size:var(--font-size-md);transition:var(--transition-medium);text-transform:uppercase;letter-spacing:.5px}.submit-btn{background:var(--primary-gradient);color:var(--text-white)}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.cancel-btn{background:var(--secondary-gradient);color:var(--text-primary)}.cancel-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}@media (max-width: 768px){.new-professional-form{margin:var(--spacing-md);padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}.health-list{display:grid;grid-template-columns:1fr;gap:16px;padding:16px;margin:2rem auto 5rem;max-width:1200px;width:95%;justify-content:center}@media (min-width: 600px){.health-list{grid-template-columns:repeat(2,minmax(250px,1fr));justify-content:center}}@media (min-width: 900px){.health-list{grid-template-columns:repeat(3,minmax(250px,1fr));justify-content:center}}.health-card{border:1px solid #ddd;border-radius:8px;box-shadow:2px 2px 10px #0000001a;padding:16px;background:#fff;text-align:center;max-width:300px;width:100%;margin:0 auto}.health-image{object-fit:cover;border-radius:100px;width:120px}.health-name{color:#000;text-align:center;font-size:1.5rem;font-weight:700;margin-top:8px}.health-specialty{color:#555;margin-top:4px}.health-professional-container{min-height:100vh;background:var(--background-gradient);position:relative}.health-professional:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.page-header{background:var(--primary-gradient)!important;box-shadow:var(--shadow-medium)!important;color:#000;border-radius:0 0 var(--border-radius-large) var(--border-radius-large);padding:var(--spacing-xl);margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-xl) calc(-1 * var(--spacing-lg));text-align:center;position:relative;overflow:hidden;margin-bottom:0;box-shadow:none}.page-subtitle{font-size:var(--font-size-lg);color:#000;max-width:600px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.health-professional{padding:0}.page-header{padding:var(--spacing-lg)}.page-title{font-size:clamp(1.8rem,3vw,2.2rem)}.page-subtitle{font-size:var(--font-size-md)}.actions-bar{flex-direction:column;align-items:stretch}.admin-actions{justify-content:center}.business-cards-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.health-professional-detail-container{min-height:100vh;background:var(--background-gradient);position:relative}.page-header{background:var(--primary-gradient)!important;box-shadow:var(--shadow-medium)!important;color:var(--text-white);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);padding:var(--spacing-xl);margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-xl) calc(-1 * var(--spacing-lg));text-align:center;position:relative;overflow:hidden;margin-bottom:0;box-shadow:none}.health-professional-detail{max-width:1200px;margin:0 auto;padding:0;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0);min-height:100vh}.detail-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-top:20px}.detail-section{margin-bottom:30px}.image-section{text-align:center;margin-bottom:20px}.professional-image{max-width:100%;height:auto;border-radius:8px;max-height:400px;object-fit:cover}.detail-section h2{color:#333;font-size:1.25rem;margin-bottom:1rem;font-weight:600;border-bottom:2px solid #4caf50;padding-bottom:.5rem}.contact-info{display:flex;flex-direction:column;gap:15px}.info-item{display:flex;align-items:center;gap:10px;font-size:1.1em}.info-item svg{color:#4caf50;width:20px}.info-item a{color:#4caf50;text-decoration:none;transition:color .3s ease;word-break:break-all}.info-item a:hover{color:#45a049;text-decoration:underline}.specialty{line-height:1.6;color:#333;font-size:1.1em}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-group input{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa}.form-group input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501a;background-color:#fff}.form-group input::placeholder{color:#999}.form-actions{display:flex;gap:12px;margin-top:20px}.cancel-button,.save-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button{background-color:#f8f9fa;color:#666}.save-button{background-color:#4caf50;color:#fff}.cancel-button:hover{background-color:#e9ecef}.save-button:hover{background-color:#43a047}.loading{text-align:center;padding:20px;font-size:1.2em;color:#666}.error-container{text-align:center;padding:20px;color:#f44336;font-size:1.2em}@media (max-width: 768px){.health-professional-detail{padding:0}.detail-content{padding:15px}.header-actions{gap:.5rem}.icon-button{width:35px;height:35px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.new-resource-form-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.new-resource-form{background:var(--background-card);border-radius:var(--border-radius-large);padding:var(--spacing-xl);box-shadow:var(--shadow-heavy);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--background-secondary)}.form-header h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.close-button{width:32px;height:32px;border:none;border-radius:50%;background:var(--error-gradient);color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-medium);font-size:var(--font-size-md)}.close-button:hover{transform:scale(1.1);box-shadow:var(--shadow-medium)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-group label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-md);border:2px solid var(--background-secondary);border-radius:var(--border-radius-medium);font-size:var(--font-size-md);background:var(--background-card);transition:var(--transition-medium);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group textarea{resize:vertical;min-height:80px;max-height:120px}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:2px solid var(--background-secondary)}.submit-button,.cancel-button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-medium);cursor:pointer;font-weight:600;font-size:var(--font-size-md);transition:var(--transition-medium);text-transform:uppercase;letter-spacing:.5px}.submit-button{background:var(--primary-gradient);color:var(--text-white)}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.cancel-button{background:var(--secondary-gradient);color:var(--text-primary)}.cancel-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.error-message{background:var(--error-light);color:var(--error-color);padding:var(--spacing-md);border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-md);border-left:4px solid var(--error-color)}.form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--background-card);border-radius:var(--border-radius-large);margin-bottom:var(--spacing-lg)}.form-loading p{margin-top:var(--spacing-md);color:var(--primary-color);font-weight:600}@media (max-width: 768px){.new-resource-form{margin:var(--spacing-md);padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}}.header{background-color:#86cd82;width:100%;padding:1rem 0;position:fixed;top:0;left:0;z-index:1000;margin-bottom:0}.info-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;margin-top:0;padding-top:4rem;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.info-list{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:6rem;width:90%;max-width:800px}.info-card{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9;text-align:center;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.info-image{width:100%;max-height:200px;object-fit:cover;border-radius:8px;aspect-ratio:16/9}.info-name{color:#000;text-align:center;font-size:1.5rem;font-weight:700;margin-top:8px}.informative-resource-container{min-height:100vh;background:var(--background-gradient);position:relative}.informative-resource:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,193,7,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.list-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.business-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.no-results{text-align:center;padding:var(--spacing-xxl);background:var(--background-card);border-radius:var(--border-radius-large);box-shadow:var(--shadow-card)}.no-results p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.error-container{text-align:center;padding:var(--spacing-xxl);background:var(--background-card);border-radius:var(--border-radius-large);box-shadow:var(--shadow-card)}.error-container p{font-size:var(--font-size-lg);color:var(--error-color);margin-bottom:var(--spacing-lg)}@media (max-width: 1024px){.list-content{padding:0 var(--spacing-md)}.business-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}}@media (max-width: 768px){.informative-resource{min-height:100vh}.page-header{padding:var(--spacing-lg)}.page-title{font-size:clamp(1.8rem,3vw,2.2rem)}.page-subtitle{font-size:var(--font-size-md)}.actions-bar{flex-direction:column;align-items:stretch}.admin-actions{justify-content:center}.business-cards-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 480px){.list-content{padding:0 var(--spacing-sm)}.page-header{padding:var(--spacing-md)}.page-title{font-size:1.6rem}.page-subtitle{font-size:var(--font-size-sm)}.add-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.business-cards-grid{gap:var(--spacing-sm)}}html,body{width:100%;overflow-x:hidden;margin:0;padding:0;color:#000}.resource-detail-container{width:100%;max-width:100vw;margin:0 auto 25%;padding:20px;box-sizing:border-box;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0);min-height:100vh}.divtitle{width:100%;position:fixed;top:0;left:0;right:0;background-color:#86cd82;padding:15px 0;text-align:center;z-index:1000;color:#000}.resource-detail-image{width:320px;border-radius:20px;height:auto;object-fit:cover;display:block;margin:0 auto 50px}.resource-detail-text,.resource-detail-text-description{font-size:1.2rem;color:#000;width:350px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:5.5rem}.resource-detail-text-description{margin-bottom:5.5rem}.informative-resource-detail{min-height:100vh;background-color:#f5f5f5;padding-top:0rem}.detail-content{max-width:1200px;margin:0 auto;padding:2rem}.detail-section{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.image-section{display:flex;justify-content:center;padding:2rem}.resource-image{width:300px;height:200px;object-fit:cover;border-radius:8px;border:4px solid #4CAF50;box-shadow:0 4px 8px #0000001a}.detail-section h2{color:#333;font-size:1.25rem;margin-bottom:1rem;font-weight:600;border-bottom:2px solid #4CAF50;padding-bottom:.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:.75rem;color:#666;font-size:1rem;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.info-item:hover{background-color:#f5f5f5}.info-item svg{color:#4caf50;font-size:1.1rem;min-width:20px}.info-item strong{color:#333;margin-right:.5rem}.description{color:#666;line-height:1.6;white-space:pre-line}.admin-actions{display:flex;gap:1rem;margin-bottom:1rem;justify-content:flex-end}.edit-button,.delete-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 4px #0000001a;margin-left:1rem}.edit-button{color:#4caf50}.edit-button:hover{background-color:#4caf50;color:#fff}.delete-button{color:#f44336}.delete-button:hover{background-color:#f44336;color:#fff}.edit-form{margin-top:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4caf50}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button,.submit-button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s}.cancel-button{background-color:#e0e0e0;color:#666}.submit-button{background-color:#4caf50;color:#fff}.cancel-button:hover{background-color:#d0d0d0}.submit-button:hover{background-color:#45a049}.cancel-button:disabled,.submit-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background-color:#fde8e8;color:#e74c3c;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.loading{text-align:center;padding:2rem;color:#666}.error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;color:#d32f2f;font-size:1rem}@media (max-width: 768px){.detail-content,.detail-section{padding:1rem}.resource-image{width:100%;height:200px}.admin-actions{flex-direction:column;gap:.5rem}.edit-button,.delete-button{width:100%;justify-content:center}.info-item{font-size:.9rem}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.header-actions{display:flex;gap:1rem;margin-left:auto}.icon-button{width:40px;height:40px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.icon-button.edit{color:#4caf50}.icon-button.edit:hover{background-color:#e8f5e9;transform:translateY(-2px)}.icon-button.delete{color:#dc3545}.icon-button.delete:hover{background-color:#ffebee;transform:translateY(-2px)}.edit-input,.edit-textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-left:.5rem;transition:border-color .3s ease}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.edit-textarea{min-height:100px;resize:vertical}.informative-resource-detail-container{min-height:100vh;background:var(--background-gradient);position:relative}.icon-button{width:40px;height:40px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--text-secondary)}.icon-button svg{font-size:1.2rem;transition:all .3s ease}.icon-button.edit{color:var(--primary-color)}.icon-button.edit:hover{background-color:var(--primary-light);transform:translateY(-2px)}.icon-button.delete{color:var(--error-color)}.icon-button.delete:hover{background-color:var(--error-light);transform:translateY(-2px)}.user-profile-container{min-height:100vh;background:var(--background-gradient);position:relative}.user-profile{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.profile-content{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.header-content{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:20px}.header-icon{width:60px;height:60px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 16px #4caf504d}.header-title-section{text-align:left}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;line-height:1.6}.profile-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid #e8f5e8;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4caf50,#45a049)}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e8f5e8}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 4px 16px #4caf504d}.profile-status{font-size:1.5rem}.error-message,.success-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.profile-info{margin-bottom:2rem}.info-section{display:flex;flex-direction:column;gap:1.5rem}.info-item{padding:1rem;background:#f8fff8;border-radius:12px;border:1px solid #e8f5e8;transition:all .3s ease}.info-item:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf501a}.info-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#2c5530;font-size:.9rem}.info-label svg{color:#4caf50;width:14px}.info-value{color:#2c5530;font-size:1.1rem;font-weight:500;padding:.5rem 0}.status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.status-badge.active{background:#e8f5e8;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.edit-input{width:100%;padding:.75rem;border:2px solid #e8f5e8;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.edit-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.profile-actions{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid #e8f5e8}.edit-actions{display:flex;gap:1rem}.edit-btn,.logout-btn,.save-btn,.cancel-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.edit-btn{background:#4caf50;color:#fff}.edit-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.logout-btn{background:#f44336;color:#fff}.logout-btn:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.save-btn{background:#4caf50;color:#fff;flex:1}.save-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.save-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.error-container h2{color:#f44336;margin-bottom:1rem;font-size:2rem}.error-container p{color:#666;margin-bottom:2rem;font-size:1.1rem}.back-btn{padding:.75rem 1.5rem;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.profile-content{padding:0 1rem}.profile-card{padding:1.5rem}.profile-avatar{width:60px;height:60px;font-size:1.5rem}.profile-status{font-size:1.2rem}.info-item{padding:.75rem}.info-value{font-size:1rem}.edit-btn,.logout-btn,.save-btn,.cancel-btn{padding:.6rem 1.2rem;font-size:.9rem}.edit-actions{flex-direction:column}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-left{flex-direction:column;gap:1rem}.header-title-section{text-align:center}}@media (max-width: 480px){.profile-card{padding:1rem}.profile-avatar{width:50px;height:50px;font-size:1.2rem}.profile-status{font-size:1rem}.info-item{padding:.5rem}.info-label{font-size:.8rem}.info-value{font-size:.9rem}.edit-btn,.logout-btn,.save-btn,.cancel-btn{padding:.5rem 1rem;font-size:.8rem}}:root{--comments-primary: #4CAF50;--comments-secondary: #81C784;--comments-accent: #2E7D32;--comments-light: #E8F5E8;--comments-dark: #1B5E20;--comments-gradient: linear-gradient(135deg, #4CAF50 0%, #81C784 100%);--comments-shadow: 0 8px 32px rgba(76, 175, 80, .15);--comments-shadow-hover: 0 12px 40px rgba(76, 175, 80, .25)}.comments-container{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0);position:relative;margin-top:20px}.comments-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .8s ease-out}.header-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--comments-gradient);border-radius:50%;margin-bottom:1.5rem;box-shadow:var(--comments-shadow);animation:pulse 2s infinite}.header-icon{font-size:2rem;color:#fff;animation:bounce 2s infinite}.comments-header h1{font-size:2.5rem;font-weight:800;color:#000;margin-bottom:1rem}.header-subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.comments-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:var(--comments-shadow);transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;margin-bottom:75px}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--comments-gradient)}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--comments-shadow-hover);border-color:var(--comments-secondary)}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--comments-light);border-radius:15px;margin-bottom:1rem;color:var(--comments-primary);font-size:1.5rem;transition:all .3s ease}.contact-card:hover .contact-icon{background:var(--comments-gradient);color:#fff;transform:scale(1.1)}.contact-card h3{font-size:1.3rem;font-weight:700;color:var(--comments-dark);margin-bottom:.5rem}.contact-card p{color:#666;line-height:1.6}.form-section{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:var(--comments-shadow);border:2px solid var(--comments-light)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.input-wrapper,.textarea-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--comments-primary);font-size:1.1rem;z-index:2;transition:all .3s ease}.textarea-wrapper .input-icon{top:1.5rem;transform:none}.form-input,.form-textarea{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e0e0e0;border-radius:15px;font-size:1rem;transition:all .3s ease;background:#fafafa;font-family:inherit}.form-textarea{padding-top:1.5rem;padding-left:3rem;resize:vertical;min-height:120px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--comments-primary);background:#fff;box-shadow:0 0 0 3px #4caf501a}.form-input:focus+.input-icon,.form-textarea:focus+.input-icon{color:var(--comments-accent);transform:scale(1.1)}.submit-button{background:var(--comments-gradient);color:#fff;border:none;padding:1rem 2rem;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-loading{display:flex;align-items:center;gap:.5rem}.button-loading span{color:#fff;font-weight:500}.status-message{margin-top:1.5rem;padding:1rem 1.5rem;border-radius:15px;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out}.status-message.success{background:#e8f5e8;border:2px solid #4caf50;color:#2e7d32}.status-message.error{background:#ffebee;border:2px solid #f44336;color:#c62828}.status-icon{font-size:1.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.comments-content{grid-template-columns:1fr;gap:2rem}.contact-info-section{order:2}.form-section{order:1}}@media (max-width: 768px){.comments-container{padding:1rem}.comments-header h1{font-size:2rem}.header-icon-wrapper{width:60px;height:60px}.header-icon{font-size:1.5rem}.form-section,.contact-card{padding:1.5rem}.submit-button{width:100%}}@media (max-width: 480px){.comments-header h1{font-size:1.8rem}.header-subtitle{font-size:1rem}.form-input,.form-textarea{padding:.875rem .875rem .875rem 2.5rem}.input-icon{left:.75rem;font-size:1rem}.textarea-wrapper .input-icon{left:.75rem;top:1.25rem}}.contact-card:hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4caf500d,#81c7840d);pointer-events:none}.form-input::placeholder,.form-textarea::placeholder{color:#999;transition:color .3s ease}.form-input:focus::placeholder,.form-textarea:focus::placeholder{color:#ccc}.whatsapp-button{display:inline-flex;align-items:center;gap:.5rem;background:#25d366;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 15px #25d3664d;position:relative;overflow:hidden}.whatsapp-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.whatsapp-button:hover:before{left:100%}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666;background:#22c55e}.whatsapp-button:active{transform:translateY(0)}.whatsapp-button svg{font-size:1.2rem}.whatsapp-button span{font-weight:600}@keyframes whatsappPulse{0%{box-shadow:0 4px 15px #25d3664d}50%{box-shadow:0 4px 20px #25d36680}to{box-shadow:0 4px 15px #25d3664d}}.whatsapp-button{animation:whatsappPulse 2s infinite}.whatsapp-button:hover{animation:none}.form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.form-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:12px 12px 0 0}.form-header h2{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d}.user-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c5530;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-group label svg{color:#4caf50;width:14px}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026;outline:none}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#2c5530;margin-bottom:0!important}.checkbox-label input[type=checkbox]{width:20px!important;height:20px;accent-color:#4CAF50;cursor:pointer}.error-message,.success-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.error-message{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.success-message{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn{background:#f5f5f5;color:#666;border:2px solid #e0e0e0}.cancel-btn:hover{background:#e0e0e0;border-color:#ccc}.submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 12px #4caf504d}.submit-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.form-overlay{padding:.5rem}.form-modal{max-width:100%;max-height:95vh}.form-header{padding:1rem}.form-header h2{font-size:1.1rem}.user-form{padding:1rem}.form-group{margin-bottom:1rem}.form-group input,.form-group select{padding:.6rem;font-size:.95rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-btn,.submit-btn{width:100%;padding:.875rem 1rem;font-size:.95rem}}@media (max-width: 480px){.form-header{padding:.75rem}.form-header h2{font-size:1rem}.user-form{padding:.75rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{padding:.5rem;font-size:.9rem}.error-message,.success-message{padding:.6rem .75rem;font-size:.9rem}}:root{--primary-green: #86cd82;--primary-green-dark: #7aad6f;--background-light: #f8faf7;--text-dark: #1f2f15;--accent-green: #b3d7a3}.user-container{min-height:100vh;background:var(--background-gradient);position:relative}.user-list{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.list-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.page-header{background:var(--background-gradient);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);padding:var(--spacing-xl);margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-xl) calc(-1 * var(--spacing-lg));text-align:center;position:relative;overflow:hidden;margin-bottom:0}.page-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#000;margin-bottom:var(--spacing-md);font-family:Inter,sans-serif}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.admin-actions{display:flex;gap:var(--spacing-sm)}.add-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--border-radius-medium);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-medium);text-decoration:none}.add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);text-decoration:none;color:var(--text-white)}.add-button svg{font-size:var(--font-size-lg)}.users-stats{background:#f8faf7;padding:1rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e8f5e8}.users-stats p{margin:.25rem 0;color:#666;font-size:.9rem}.users-grid{display:flex;flex-direction:column;gap:.5rem;width:100%}.user-card{background:#fff;border-radius:8px;padding:.75rem 1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e8f5e8;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:1rem;min-height:60px;width:100%}.user-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#4caf50}.user-card.inactive{opacity:.7;border-color:#ccc}.user-card.inactive:hover{border-color:#999}.user-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:50px}.user-avatar{width:35px;height:35px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.user-status{font-size:.8rem}.status-active{color:#4caf50}.status-inactive{color:#f44336}.user-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.user-name{margin:0;color:#2c5530;font-size:1rem;font-weight:600}.user-email,.user-role{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.8rem}.user-email svg,.user-role svg{color:#4caf50;width:12px}.user-actions{display:flex;justify-content:center;align-items:center;min-width:40px}.action-btn{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.75rem}.activate-btn{background:#4caf50;color:#fff}.activate-btn:hover{background:#45a049;transform:scale(1.05)}.deactivate-btn{background:#f44336;color:#fff}.deactivate-btn:hover{background:#d32f2f;transform:scale(1.05)}.no-results{text-align:center;padding:2rem;color:#666;font-size:1.1rem;background:#f5f5f5;border-radius:8px;margin:1rem 0}.no-results p{margin:0}.unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.unauthorized-container h2{color:#f44336;margin-bottom:1rem}.unauthorized-container p{color:#666;margin-bottom:2rem}.error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#d32f2f;font-size:1.2rem;text-align:center;padding:1rem;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}@media (max-width: 768px){.list-content{padding:.5rem}.add-button{padding:.5rem 1rem;font-size:.9rem}.users-grid{gap:.5rem}.user-card{padding:.75rem 1rem;gap:.75rem}.user-avatar{width:40px;height:40px;font-size:1rem}.user-name{font-size:1rem}.user-email,.user-role{font-size:.8rem}.action-btn{width:28px;height:28px;font-size:.7rem}}@media (max-width: 480px){.users-stats{padding:.75rem}.users-stats p{font-size:.8rem}.user-card{padding:.5rem .75rem;gap:.5rem;min-height:50px}.user-avatar{width:30px;height:30px;font-size:.9rem}.user-name{font-size:.9rem}.user-email,.user-role{font-size:.75rem}.action-btn{width:24px;height:24px;font-size:.7rem}}.reports-container{min-height:100vh;background:var(--background-gradient);position:relative}.reports{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.reports-content{max-width:1400px;margin:0 auto;padding:0}.page-header{background:var(--background-card);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);padding:var(--spacing-xl);margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-xl) calc(-1 * var(--spacing-lg));box-shadow:var(--shadow-card);text-align:center;position:relative;overflow:hidden}.page-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#000;margin-bottom:var(--spacing-md)}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.reports-header{text-align:center;margin-bottom:40px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.reports-header h2{color:#2c5530;margin:0 0 10px;font-size:2.2rem;font-weight:600}.reports-header p{color:#666;margin:0;font-size:1.1rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.report-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;cursor:pointer;position:relative}.report-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.card-header{padding:25px;color:#fff;display:flex;align-items:center;gap:20px}.card-icon{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.card-title h3{margin:0 0 8px;font-size:1.4rem;font-weight:600;line-height:1.2}.card-title p{margin:0;opacity:.9;font-size:.95rem;line-height:1.4}.card-stats{padding:25px;display:flex;flex-direction:column;gap:15px}.stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.stat-item:hover{background:#e9ecef;transform:translate(4px)}.stat-icon{width:35px;height:35px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.stat-content{flex:1;display:flex;flex-direction:column}.stat-value{font-size:1.2rem;font-weight:700;color:#2c5530;line-height:1}.stat-label{font-size:.85rem;color:#6c757d;margin-top:2px}.card-actions{padding:0 25px 25px}.view-details-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.view-details-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.view-details-btn svg{width:14px;height:14px;transition:transform .3s ease}.report-card:hover .view-details-btn svg{transform:translate(4px)}@media (max-width: 1200px){.reports-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.reports-content{padding:10px}.reports-header{padding:20px;margin-bottom:30px}.reports-header h2{font-size:1.8rem}.reports-header p{font-size:1rem}.reports-grid{grid-template-columns:1fr;gap:20px}.card-header{padding:20px;flex-direction:column;text-align:center;gap:15px}.card-icon{width:50px;height:50px;font-size:1.5rem}.card-title h3{font-size:1.2rem}.card-title p{font-size:.9rem}.card-stats{padding:20px}.stat-item{padding:10px}.stat-icon{width:30px;height:30px;font-size:.8rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.8rem}.card-actions{padding:0 20px 20px}.view-details-btn{padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.reports-header{padding:15px}.reports-header h2{font-size:1.5rem}.card-header,.card-stats{padding:15px}.card-actions{padding:0 15px 15px}}.reports-table-container{margin-top:30px}.reports-table-container h3{color:#2c5530;margin-bottom:20px;font-size:1.4rem;font-weight:600}.table-wrapper{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.reports-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.reports-table thead{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.reports-table th{padding:15px 12px;text-align:left;font-weight:600;font-size:.9rem;border-bottom:2px solid #45a049}.reports-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#495057}.reports-table tbody tr{transition:all .3s ease}.reports-table tbody tr:hover{background:#f8f9fa}.reports-table tbody tr.clickable{cursor:pointer}.reports-table tbody tr.clickable:hover{background:#e9ecef;transform:translate(4px)}.reports-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:40px;color:#6c757d;background:#f8f9fa;border-radius:8px}.no-data p{margin:0;font-size:1rem}@media (max-width: 768px){.reports-table{font-size:.8rem}.reports-table th,.reports-table td{padding:8px 6px}.reports-table-container h3{font-size:1.2rem}}@media (max-width: 480px){.reports-table{font-size:.75rem}.reports-table th,.reports-table td{padding:6px 4px}}.report-detail-container{min-height:100vh;padding:calc(80px + var(--spacing-lg)) var(--spacing-lg) calc(60px + var(--spacing-lg));background:var(--background-gradient);position:relative}.page-header{background:var(--background-card);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);padding:var(--spacing-xl);margin:0 calc(-1 * var(--spacing-lg)) var(--spacing-xl) calc(-1 * var(--spacing-lg));box-shadow:var(--shadow-card);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.header-icon{width:48px;height:48px;background:var(--primary-gradient);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:var(--font-size-xl);box-shadow:var(--shadow-light);transition:var(--transition-medium)}.header-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-medium)}.header-title-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--text-primary);margin:0}.page-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:var(--spacing-sm)}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-gradient);color:var(--text-white);border:none;border-radius:var(--border-radius-medium);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:var(--transition-medium);text-decoration:none;box-shadow:var(--shadow-light)}.back-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);text-decoration:none;color:var(--text-white)}.back-btn svg{font-size:var(--font-size-lg)}.report-detail{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.report-detail-content{max-width:1400px;margin:0 auto;padding:20px}.report-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.report-info{flex:1}.report-info h2{color:#2c5530;margin:0 0 5px;font-size:1.8rem;font-weight:600}.report-info p{color:#666;margin:0;font-size:1rem}.report-detail-main{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000001a}.overview-section h2,.report-section h2{color:#2c5530;margin-bottom:25px;font-size:1.8rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:25px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px #4caf5033;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-icon{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-content h3{font-size:2rem;font-weight:700;margin:0;line-height:1}.stat-content p{margin:5px 0 0;opacity:.9;font-size:.9rem}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.report-header h2{margin-bottom:0}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.action-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.action-btn svg{width:14px;height:14px}.chart-container{margin-top:20px}.bar-chart{display:flex;flex-direction:column;gap:15px}.bar-item{display:flex;align-items:center;gap:15px}.bar-label{width:120px;font-weight:500;color:#495057;font-size:.9rem}.bar-wrapper{flex:1;height:30px;background:#f8f9fa;border-radius:15px;overflow:hidden;position:relative}.bar{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:15px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;transition:width .8s ease}.bar-value{color:#fff;font-weight:600;font-size:.85rem}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.ranking-item:hover{background:#e9ecef;transform:translate(4px)}.ranking-position{display:flex;align-items:center;gap:8px;font-weight:600;color:#6c757d;min-width:40px}.ranking-position .trophy{color:gold}.ranking-info{flex:1}.ranking-info h4{margin:0 0 4px;color:#2c5530;font-size:1rem}.ranking-info p{margin:0;color:#6c757d;font-size:.85rem}.ranking-arrow{color:#4caf50;font-size:1.1rem}.business-ranking{display:flex;flex-direction:column;gap:15px}.business-item{display:flex;align-items:center;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.business-item:hover{background:#e9ecef;transform:translate(4px)}.business-rank{font-size:1.5rem;font-weight:700;color:#4caf50;min-width:50px}.business-info{flex:1}.business-info h4{margin:0 0 5px;color:#2c5530;font-size:1.1rem}.business-info p{margin:0;color:#6c757d;font-size:.9rem}.business-score{width:150px}.score-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;transition:width .8s ease}.activity-chart{margin-top:20px}.chart-bars{display:flex;align-items:end;gap:20px;height:250px;padding:20px 0}.activity-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.activity-value{font-weight:600;color:#2c5530;font-size:.9rem}.activity-fill{width:100%;background:linear-gradient(180deg,#4caf50,#45a049);border-radius:4px 4px 0 0;transition:height .8s ease;min-height:4px}.activity-label{font-size:.8rem;color:#6c757d;text-align:center;transform:rotate(-45deg);white-space:nowrap}.error-container,.unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:linear-gradient(135deg,#f8fff8,#e8f5e8,#f0f8f0)}.error-container h2,.unauthorized-container h2{color:#f44336;margin-bottom:1rem}.error-container p,.unauthorized-container p{color:#666;margin-bottom:2rem}@media (max-width: 1024px){.report-detail-header{flex-direction:column;align-items:flex-start;gap:15px}.report-actions{width:100%;justify-content:flex-start}}@media (max-width: 768px){.report-detail-content{padding:15px}.report-detail-main{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.stat-content h3{font-size:1.5rem}.bar-label{width:100px;font-size:.8rem}.chart-bars{gap:10px}.activity-label{font-size:.7rem}.action-btn{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.business-item{flex-direction:column;text-align:center;gap:10px}.business-score{width:100%}.action-btn{width:100%;justify-content:center}}