.uptime-page .calc-input-group input[type=number]{max-width:200px}.uptime-page .uptime-display{text-align:center;margin-bottom:2rem}.uptime-circle{width:200px;height:200px;border-radius:50%;background:conic-gradient(from 0deg,#8b5cf6 var(--uptime-percent,0),rgba(255,255,255,.1) var(--uptime-percent,0));display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative}.uptime-circle:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#0d0618}.uptime-value{position:relative;z-index:1;font-size:2.5rem;font-weight:700;color:#fff}.uptime-label{color:rgba(255,255,255,.6);font-size:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.metric-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.25rem;text-align:center;transition:all .3s ease}.metric-box:hover{border-color:rgba(99,102,241,.3);transform:translateY(-2px)}.metric-box .metric-value{font-size:1.5rem;font-weight:700;color:#a78bfa;margin-bottom:.25rem}.metric-box .metric-label{font-size:.85rem;color:rgba(255,255,255,.6)}.duration-picker{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.duration-btn{padding:.75rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:rgba(255,255,255,.7);font-size:.9rem;cursor:pointer;transition:all .3s ease}.duration-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(139,92,246,.3)}.duration-btn.active{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));border-color:rgba(139,92,246,.5);color:#fff}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:500}.status-badge.excellent{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.good{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.status-badge.average{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.poor{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.timeline-visual{margin:2rem 0;padding:1.5rem;background:rgba(255,255,255,.03);border-radius:1rem}.timeline-bar{height:24px;background:rgba(255,255,255,.1);border-radius:12px;overflow:hidden;position:relative}.timeline-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:12px;transition:width .5s ease}.timeline-markers{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.8rem;color:rgba(255,255,255,.5)}.impact-section{margin-bottom:4rem}.impact-section h2{font-size:1.8rem;color:#fff;margin-bottom:2rem;text-align:center}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.impact-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.impact-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-3px)}.impact-card h3{font-size:1.1rem;color:#fff;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.impact-card p{color:rgba(255,255,255,.7);line-height:1.6;font-size:.95rem;margin-bottom:1rem}.impact-stat{display:flex;justify-content:space-between;padding:.75rem;background:rgba(255,255,255,.03);border-radius:.5rem}.impact-stat span:first-child{color:rgba(255,255,255,.6);font-size:.9rem}.impact-stat span:last-child{color:#a78bfa;font-weight:600}.sla-section{margin-bottom:4rem}.sla-section h2{font-size:1.8rem;color:#fff;margin-bottom:2rem;text-align:center}.sla-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:1rem;overflow:hidden}.sla-table td,.sla-table th{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.sla-table th{background:rgba(255,255,255,.05);color:rgba(255,255,255,.9);font-weight:600;font-size:.9rem}.sla-table td{color:rgba(255,255,255,.7);font-size:.95rem}.sla-table tr:last-child td{border-bottom:none}.sla-percent{font-weight:600;color:#a78bfa}.sla-time{color:rgba(255,255,255,.5);font-size:.85rem}@media (max-width:768px){.uptime-circle{width:160px;height:160px}.uptime-circle:before{width:130px;height:130px}.uptime-value{font-size:2rem}.metrics-grid{grid-template-columns:1fr}.duration-picker{justify-content:center}.impact-grid{grid-template-columns:1fr}}