*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}.app{margin:0 auto}.app-header{background-color:#2c3e50;color:#fff;padding:20px;text-align:center}.app-container{display:flex;min-height:calc(100vh - 80px)}.sidebar{width:250px;background-color:#34495e;color:#fff;padding:20px;flex-shrink:0}.sidebar-header{margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.logo-link{color:#fff;text-decoration:none}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:15px}.nav-link{color:#fffc;text-decoration:none;display:block;padding:8px 0;transition:color .3s}.nav-link:hover{color:#fff}.sidebar-footer{margin-top:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px;font-size:.8rem;color:#ffffff80}.content{flex-grow:1;padding:20px;background-color:#fff;overflow-y:auto}.dashboard{padding:20px 0}.summary-stats{display:flex;justify-content:space-between;margin-bottom:30px}.stat-card{background-color:#f8f9fa;border-radius:5px;padding:20px;width:32%;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-value{font-size:24px;font-weight:700;color:#3498db;margin:10px 0}.stat-detail{font-size:12px;color:#666}.chart-toggle{text-align:right;margin-bottom:20px}.chart-toggle button{background-color:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.chart-toggle button:hover{background-color:#2980b9}.chart-container{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.chart-section{background-color:#f8f9fa;border-radius:5px;padding:20px;box-shadow:0 1px 3px #0000001a}.chart-section h3{margin-bottom:15px;color:#2c3e50}.chart{margin-bottom:15px;height:300px}.chart-description{font-size:14px;color:#666}.controls{display:flex;justify-content:space-between;margin-bottom:20px}.search-bar{flex:1;margin-right:20px}.search-bar input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.filter-section{display:flex;align-items:center}.filter-section label{margin-right:10px}.filter-section select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.brewery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.brewery-card{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.brewery-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.brewery-card h3{color:#2c3e50;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.brewery-link{color:#2c3e50;text-decoration:none}.brewery-link:hover{text-decoration:underline}.brewery-details p{margin-bottom:5px}.view-details{display:inline-block;margin-top:10px;color:#3498db;text-decoration:none;font-weight:700}.view-details:hover{text-decoration:underline}.brewery-detail{padding:20px}.back-link{display:inline-block;margin-bottom:20px;color:#3498db;text-decoration:none}.back-link:hover{text-decoration:underline}.detail-header{display:flex;align-items:center;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:15px}.detail-header h2{margin-right:15px;color:#2c3e50}.brewery-type{background-color:#3498db;color:#fff;padding:5px 10px;border-radius:20px;font-size:14px}.detail-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.detail-section{background-color:#f8f9fa;border-radius:5px;padding:20px;box-shadow:0 1px 3px #0000001a}.detail-section h3{margin-bottom:15px;color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:10px}.detail-section p{margin-bottom:10px}.map-link{display:inline-block;margin-top:15px;background-color:#3498db;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;transition:background-color .3s}.map-link:hover{background-color:#2980b9}.detail-section ul{list-style:none}.detail-section li{margin-bottom:10px}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto}.summary-stats{flex-direction:column}.stat-card{width:100%;margin-bottom:15px}.controls{flex-direction:column}.search-bar{margin-right:0;margin-bottom:15px}.brewery-list,.detail-sections{grid-template-columns:1fr}}