.select-site-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4096ff,#1677ff);padding:2rem}.select-site-container{width:100%;max-width:1200px}.site-selector{background:white;border-radius:16px;padding:3rem;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.site-selector-header{text-align:center;margin-bottom:3rem;position:relative}.site-selector-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.site-selector-header p{font-size:1.125rem;color:#718096}.back-to-dashboard-btn{position:absolute;top:0;left:0;padding:.5rem 1rem;font-size:.875rem;background:#f7fafc;color:#2d3748;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.back-to-dashboard-btn:hover{background:#edf2f7;border-color:#cbd5e0}.site-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.site-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.site-card:hover{border-color:#1677ff;transform:translateY(-4px);box-shadow:0 12px 24px rgba(22,119,255,.2)}.site-card.selected{border-color:#1677ff;background:linear-gradient(135deg,#e6f4ff,#bae0ff)}.site-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.site-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.site-card-header h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.site-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.site-status-active{background:#c6f6d5;color:#22543d}.site-status-inactive{background:#e2e8f0;color:#4a5568}.site-status-maintenance{background:#fef5e7;color:#975a16}.site-description{color:#4a5568;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.site-card-footer{display:flex;justify-content:space-between;align-items:center}.site-slug{font-family:monospace;font-size:.875rem;color:#718096;background:#edf2f7;padding:.25rem .5rem;border-radius:4px}.site-selector-empty,.site-selector-error,.site-selector-loading{text-align:center;padding:3rem}.spinner{border:4px solid #e2e8f0;border-top-color:#1677ff;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.site-selector-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;border-radius:16px}