.beaches-error-page{padding:var(--space-24) 0;text-align:center}.beaches-error-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.beaches-error-text{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-tertiary)}.beaches-page{min-height:100vh;margin-bottom:var(--space-20)}.beaches-filter-section{padding-top:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.beaches-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.beaches-nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}.beaches-nav .btn{border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);transition:all var(--transition-fast)}.beaches-nav .btn-outline{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.beaches-nav .btn-outline:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-surface-hover)}.beaches-nav .btn-primary{box-shadow:var(--shadow-md)}.beach-count{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide)}.beaches-content{padding-top:var(--space-10)}.beaches-grid{display:flex;flex-direction:column;gap:var(--space-6)}.beaches-empty{text-align:center;padding:var(--space-16) var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.beaches-empty p{color:var(--color-text-tertiary);font-size:var(--text-lg)}.beaches-recommendations{margin-top:var(--space-20);padding-top:var(--space-12);border-top:1px solid var(--color-border)}.recommendations-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-10)}.recommendations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.recommendation-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.recommendation-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md)}.recommendation-card h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.recommendation-card ul{list-style:none;padding:0;margin:0}.recommendation-card li{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.recommendation-card li:last-child{border-bottom:none}@media(max-width:1024px){.recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.beaches-filter-section{padding-top:var(--space-6);padding-bottom:var(--space-6)}.beaches-controls{flex-direction:column;align-items:flex-start}.beaches-nav{width:100%;justify-content:flex-start}.beaches-content{padding-top:var(--space-6)}.recommendations-grid{grid-template-columns:1fr}.beaches-recommendations{margin-top:var(--space-12);padding-top:var(--space-8)}}