*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a3a);color:#e0e0e0;min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,#1a1a3a,#2d2d5f);border-right:2px solid #4a4a8f;padding:2rem 1.5rem;position:fixed;height:100vh;overflow-y:auto;box-shadow:4px 0 20px #0000004d}.sidebar h2{color:#4ecdc4;margin-bottom:2rem;font-size:1.5rem;text-align:center;text-shadow:0 0 10px rgba(78,205,196,.3)}.nav-links{list-style:none}.nav-links li{margin-bottom:1rem}.nav-links a{display:block;color:#b0b0b0;text-decoration:none;padding:1rem 1.5rem;border-radius:12px;transition:all .3s ease;background:#ffffff0d;border:1px solid transparent}.nav-links a:hover{background:#4ecdc41a;border-color:#4ecdc4;color:#4ecdc4;transform:translate(5px)}.nav-links a.active{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 15px #4ecdc44d}.main-content{flex:1;margin-left:280px;padding:2rem;background:linear-gradient(135deg,#1a1a3a,#0f0f23);min-height:100vh}.main-content h1{color:#4ecdc4;margin-bottom:2rem;font-size:2.5rem;text-align:center;text-shadow:0 0 20px rgba(78,205,196,.4)}.loading,.error{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:#b0b0b0}.error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:12px;margin:2rem 0}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(78,205,196,.3);border-radius:16px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #4ecdc433;border-color:#4ecdc4}.stat-card.hazardous{border-color:#ff6b6b4d}.stat-card.hazardous:hover{border-color:#ff6b6b;box-shadow:0 10px 30px #ff6b6b33}.stat-card h3{color:#4ecdc4;font-size:1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.stat-card .stat-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.stat-card .stat-label{color:#b0b0b0;font-size:.9rem}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.chart-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(78,205,196,.3);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.chart-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc426}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{color:#4ecdc4;margin-bottom:1.5rem;text-align:center;font-size:1.2rem}.filters-container{display:flex;gap:2rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(78,205,196,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-container{flex:1}.search-input{width:100%;padding:1rem 1.5rem;font-size:1rem;background:#ffffff1a;border:2px solid rgba(78,205,196,.3);border-radius:12px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.search-input::placeholder{color:#b0b0b0}.filter-container{display:flex;align-items:center;gap:1rem}.filter-container label{color:#4ecdc4;font-weight:500;white-space:nowrap}.filter-select{padding:1rem 1.5rem;font-size:1rem;background:#ffffff1a;border:2px solid rgba(78,205,196,.3);border-radius:12px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.filter-select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.filter-select option{background:#1a1a3a;color:#fff}.results-info{text-align:center;color:#b0b0b0;margin-bottom:2rem;font-size:1.1rem}.asteroid-list{display:grid;gap:1.5rem}.asteroid-item{display:block;text-decoration:none;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(78,205,196,.3);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:inherit}.asteroid-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc433;border-color:#4ecdc4}.asteroid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.asteroid-header h3{color:#4ecdc4;font-size:1.3rem;margin:0}.hazard-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3)}.asteroid-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row .label{color:#b0b0b0;font-weight:500}.detail-row .value{color:#fff;font-weight:600}.no-results{text-align:center;padding:4rem 2rem;color:#b0b0b0;font-size:1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.detail-container{max-width:1200px;margin:0 auto}.detail-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(78,205,196,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-header h1{color:#4ecdc4;font-size:2.5rem;margin-bottom:1rem}.detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.info-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(78,205,196,.3);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card h3{color:#4ecdc4;margin-bottom:1.5rem;font-size:1.2rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-row .label{color:#b0b0b0;font-weight:500}.info-row .value{color:#fff;font-weight:600}.approaches-list{margin-top:1rem}.approach-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}.approach-item h4{color:#4ecdc4;margin-bottom:.5rem}@media (max-width: 1024px){.main-content{margin-left:0;padding:1rem}.sidebar{position:absolute;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.filters-container{flex-direction:column;gap:1rem}.charts-container{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}}@media (max-width: 768px){.main-content h1{font-size:2rem}.stats-container,.asteroid-details{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.asteroid-header{flex-direction:column;align-items:flex-start;gap:1rem}}