:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--border-light:#f1f5f9;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--sidebar-width:280px;--sidebar-collapsed-width:80px;--container-max-width:1200px;--border-radius:0.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--transition-base:all 0.3s ease;--transition-fast:all 0.15s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-primary);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:1000;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-light)}.company-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--space-2);text-decoration:none;display:block;transition:var(--transition-base)}.company-logo:hover{color:var(--primary-hover);transform:translateX(2px)}.nav-list{list-style:none}.nav-link{width:100%;background:none;border:none;border-radius:var(--border-radius);text-align:left;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-3);flex-direction:column;align-items:flex-start;padding:var(--space-4);min-height:60px;text-decoration:none}.nav-link:hover{background-color:var(--bg-secondary);color:var(--primary-color);transform:translateX(4px)}.nav-link.active{background-color:var(--primary-color);color:#fff}.nav-icon{font-size:1.25rem;margin-bottom:var(--space-1);display:block}.nav-text{font-size:.85rem;font-weight:600;color:var(--text-primary)}.main-content{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh;background-color:var(--bg-primary);transition:var(--transition-base);width:auto;position:relative}.page-content{padding:var(--space-8) var(--space-6);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-section{text-align:center;padding:var(--space-20) 0;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-radius:var(--border-radius-lg);margin-bottom:var(--space-16)}.hero-content{max-width:800px;margin:0 auto;padding:0 var(--space-4)}.hero-title{font-size:3.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.2}.hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:var(--space-6)}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.business-cards-section{margin-bottom:var(--space-16)}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-8)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-8)}.business-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-8);text-align:center;transition:var(--transition-base);cursor:pointer;position:relative;text-decoration:none;display:block}.business-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.card-icon{font-size:3rem;margin-bottom:var(--space-4);display:block}.card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.card-description{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.business-overview{display:flex;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-8);width:100%;max-width:none}.business-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-6);text-align:center;transition:var(--transition-base);cursor:pointer;position:relative;flex:1 1;min-width:200px;text-decoration:none;display:block}.business-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.business-item h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.business-item p{color:var(--text-secondary);line-height:1.6}.page-header{gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.back-button,.page-header{display:flex;align-items:center}.back-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition-base);gap:var(--space-2);text-decoration:none}.back-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.page-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary)}.business-detail{max-width:800px;margin:0 auto}.business-hero{text-align:center;margin-bottom:var(--space-12);padding:var(--space-8);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-radius:var(--border-radius-lg);border:1px solid var(--border-light)}.business-hero h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.business-hero p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.business-features{margin-bottom:var(--space-8)}.business-features h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.business-features ul{list-style:none;padding:0}.business-features li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);color:var(--text-secondary);position:relative;padding-left:var(--space-6)}.business-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.business-features li:last-child{border-bottom:none}.business-hours{background-color:var(--bg-secondary);padding:var(--space-6);border-radius:var(--border-radius);border:1px solid var(--border-light);margin-bottom:var(--space-8)}.business-hours h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.business-hours p{color:var(--text-secondary);margin-bottom:var(--space-2)}.about-content{max-width:800px;margin:0 auto}.about-hero{text-align:center;margin-bottom:var(--space-12);padding:var(--space-8);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-radius:var(--border-radius-lg);border:1px solid var(--border-light)}.about-hero h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.about-hero p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.about-mission{background-color:var(--bg-secondary);padding:var(--space-6);border-radius:var(--border-radius);border:1px solid var(--border-light);margin-bottom:var(--space-8);text-align:center}.about-mission h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.about-mission p{color:var(--text-secondary);line-height:1.7;font-style:italic}.about-values{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-6);margin-bottom:var(--space-8)}.about-values h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.about-values ul{list-style:none;padding:0}.about-values li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.about-values li:last-child{border-bottom:none}.about-values strong{color:var(--primary-color);font-weight:600}.contact-content{max-width:800px;margin:0 auto}.contact-info{text-align:center;margin-bottom:var(--space-8)}.contact-info h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.contact-info p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-8)}.contact-method{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-6);text-align:center;transition:var(--transition-base)}.contact-method:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.contact-method h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.contact-method p{color:var(--text-secondary);line-height:1.6}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;position:relative;width:100%}.footer-content{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-8) var(--space-4);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--space-6);text-align:center}.footer-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.footer-info{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.95rem}.copyright{color:var(--text-light);font-size:.875rem;margin-top:var(--space-4)}@media (max-width:1024px){.sidebar{transform:translateX(-100%);width:var(--sidebar-collapsed-width)}.sidebar.open{transform:translateX(0);width:var(--sidebar-width)}.main-content{margin-left:0;width:100vw}.business-overview{flex-direction:column;gap:var(--space-4)}.contact-methods{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}}@media (max-width:768px){.business-overview{flex-direction:column;gap:var(--space-3)}.contact-methods{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (max-width:480px){.business-overview{flex-direction:column;gap:var(--space-3)}.hero-title{font-size:2rem}.section-title{font-size:1.5rem}.cards-grid,.contact-methods{grid-template-columns:1fr;gap:var(--space-4)}}