:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-hover:#475569;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006}.app{background-color:#0f172a;background-color:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);min-height:100vh}.app-header{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding:2rem 1rem 1rem;text-align:center}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.app-header p{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem}.app-main{margin:0 auto;max-width:1200px;padding:2rem 1rem}.search-section{margin-bottom:2rem}.search-input-container{display:flex;gap:1rem;margin:0 auto;max-width:800px}.search-input{background-color:#1e293b;background-color:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.75rem;color:#f1f5f9;color:var(--text-primary);flex:1 1;font-size:1rem;padding:1rem 1.5rem;transition:all .2s ease}.search-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.search-button{align-items:center;background-color:#3b82f6;background-color:var(--accent-blue);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 2rem;transition:all .2s ease;white-space:nowrap}.search-button:hover:not(:disabled){background-color:#2563eb;background-color:var(--accent-blue-hover);box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);transform:translateY(-1px)}.search-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-icon{flex-shrink:0}.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-indicator{background-color:#1e293b;background-color:var(--bg-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.progress-bar{background-color:#334155;background-color:var(--bg-tertiary);border-radius:.25rem;height:.5rem;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:.25rem;height:100%;transition:width .3s ease}.progress-text{color:#cbd5e1;color:var(--text-secondary);font-weight:500;text-align:center}.connection-status{background-color:#1e293b;background-color:var(--bg-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;padding:1rem;text-align:center}.connection-status.status-connected{background-color:#10b9811a;border-color:#10b981;border-color:var(--accent-green)}.connection-status.status-connecting,.connection-status.status-reconnecting{background-color:#f59e0b1a;border-color:#f59e0b;border-color:var(--accent-orange)}.connection-status.status-disconnected,.connection-status.status-error{background-color:#ef44441a;border-color:#ef4444;border-color:var(--accent-red)}.status-indicator{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot.connected{animation:pulse-green 2s infinite;background-color:#10b981;background-color:var(--accent-green)}.status-dot.connecting,.status-dot.reconnecting{animation:pulse-orange 1s infinite;background-color:#f59e0b;background-color:var(--accent-orange)}.status-dot.disconnected,.status-dot.error{background-color:#ef4444;background-color:var(--accent-red)}.reconnect-info{color:#94a3b8;color:var(--text-muted);font-size:.8rem}.connection-warning{align-items:center;color:#f59e0b;color:var(--accent-orange);display:flex;font-size:.8rem;gap:.25rem;justify-content:center}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-orange{0%,to{opacity:1}50%{opacity:.3}}.error-message{align-items:center;background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--accent-red);border-radius:.75rem;color:#ef4444;color:var(--accent-red);display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.results-container{display:flex;flex-direction:column;gap:1.5rem}.expandable-section{background-color:#1e293b;background-color:var(--bg-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease}.expandable-section:hover{border-color:#475569;border-color:var(--border-hover)}.section-header{background:none;border:none;color:#f1f5f9;color:var(--text-primary);cursor:pointer;padding:1.5rem;transition:background-color .2s ease;width:100%}.section-header:hover{background-color:#334155;background-color:var(--bg-hover)}.section-header-content{align-items:center;display:flex;gap:.75rem}.section-icon{color:#3b82f6;color:var(--accent-blue);flex-shrink:0}.section-title{flex:1 1;font-size:1.25rem;font-weight:600;text-align:left}.section-count{color:#94a3b8;color:var(--text-muted);font-weight:400}.section-content{border-top:1px solid #334155;border-top:1px solid var(--border-color);padding:0 1.5rem 1.5rem}.angles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.angle-card{background-color:#1e293b;background-color:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.angle-card:hover{border-color:#475569;border-color:var(--border-hover);transform:translateY(-1px)}.angle-title{color:#3b82f6;color:var(--accent-blue);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.angle-justification{color:#cbd5e1;color:var(--text-secondary);line-height:1.6}.collections-list,.granules-list,.queries-list{display:flex;flex-direction:column;gap:1rem}.collection-card,.granule-card,.query-card{background-color:#1e293b;background-color:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.collection-card:hover,.granule-card:hover,.query-card:hover{border-color:#475569;border-color:var(--border-hover);transform:translateY(-1px)}.query-params{display:flex;flex-wrap:wrap;gap:.5rem}.param{background-color:#334155;background-color:var(--bg-tertiary);border-radius:.375rem;color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem}.collection-title,.granule-title{color:#f1f5f9;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.collection-description{color:#cbd5e1;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.collection-metadata,.granule-metadata{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.metadata-item{background-color:#334155;background-color:var(--bg-tertiary);border-radius:.375rem;color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem}.access-available{background-color:#10b98133;color:#10b981;color:var(--accent-green)}.granule-header{align-items:start;display:flex;gap:1rem;justify-content:between;margin-bottom:.75rem}.granule-size{background-color:#334155;background-color:var(--bg-tertiary);border-radius:.375rem;color:#f59e0b;color:var(--accent-orange);flex-shrink:0;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.granule-links{display:flex;flex-wrap:wrap;gap:.75rem}.download-link{align-items:center;background-color:#10b981;background-color:var(--accent-green);border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.download-link:hover{background-color:#059669;box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);transform:translateY(-1px)}.password-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172af2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.password-modal{animation:slideUp .3s ease-out;background-color:#1e293b;background-color:var(--bg-card);border:1px solid #334155;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 10px 15px -3px #0006;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:90%}.password-modal-header{margin-bottom:2rem;text-align:center}.password-modal-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:50%;color:#fff;display:inline-flex;height:64px;justify-content:center;margin-bottom:1rem;width:64px}.password-modal-title{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.password-modal-subtitle{color:#cbd5e1;color:var(--text-secondary);line-height:1.5}.password-modal-form{margin-bottom:1.5rem}.password-input-container{margin-bottom:1rem}.password-input{background-color:#1e293b;background-color:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-color);border-radius:.75rem;box-sizing:border-box;color:#f1f5f9;color:var(--text-primary);font-size:1rem;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.password-input:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-input::placeholder{color:#94a3b8;color:var(--text-muted)}.password-error{align-items:center;animation:shake .5s ease-in-out;background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--accent-red);border-radius:.5rem;color:#ef4444;color:var(--accent-red);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.password-submit-button{background-color:#3b82f6;background-color:var(--accent-blue);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;transition:all .2s ease;width:100%}.password-submit-button:hover:not(:disabled){background-color:#2563eb;background-color:var(--accent-blue-hover);box-shadow:0 4px 6px -1px #0000004d;box-shadow:var(--shadow);transform:translateY(-1px)}.password-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.password-modal-footer{border-top:1px solid #334155;border-top:1px solid var(--border-color);padding-top:1rem;text-align:center}.password-modal-note{color:#94a3b8;color:var(--text-muted);font-size:.875rem;line-height:1.5}.auth-loading{align-items:center;background-color:#0f172a;background-color:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.auth-loading-spinner{animation:spin 1s linear infinite;border:3px solid #334155;border-top:3px solid #3b82f6;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-blue);height:32px;width:32px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@media (max-width:768px){.app-header h1{font-size:2rem}.search-input-container{flex-direction:column}.search-button{justify-content:center}.angles-grid{grid-template-columns:1fr}.granule-header{align-items:start;flex-direction:column}.collection-metadata,.granule-metadata{flex-direction:column;gap:.5rem}.password-modal{padding:1.5rem}.password-modal-icon{height:56px;width:56px}.password-modal-title{font-size:1.25rem}}
/*# sourceMappingURL=main.0693deb3.css.map*/