.timeline-container{position:relative;max-width:1000px;margin:3rem auto;padding:3rem 0;min-height:600px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;height:100%;background:linear-gradient(180deg,#ff4d4d 0,#0c6 50%,#2196f3 100%);transform:translateX(-50%);border-radius:2px;z-index:1;animation:lineGrow 2s ease forwards}@keyframes lineGrow{from{height:0}to{height:100%}}.timeline-item{position:relative;margin:2.5rem 0;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4, 0, .2, 1);animation-delay:calc(var(--order, 0) * .2s)}.timeline-item.animate{opacity:1;transform:translateY(0)}.timeline-content{position:relative;background:rgba(255,255,255,.08);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.5rem;margin:0 3rem;cursor:pointer;transition:all .3s ease;z-index:2;box-shadow:0 4px 20px rgba(0,0,0,.1);word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.timeline-content:hover{background:rgba(255,255,255,.1);border-color:var(--item-color,#4ecdc4);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.timeline-icon{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:var(--item-color,#0c6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;z-index:3;box-shadow:0 6px 20px rgba(0,0,0,.3);border:3px solid rgba(255,255,255,.1)}.timeline-icon i{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}.timeline-date{font-size:.85rem;color:var(--item-color,#0c6);font-weight:600;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.timeline-title{font-size:1.1rem;font-weight:700;margin:.5rem 0;color:#fff;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%}.timeline-description{font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.85);margin-bottom:1rem;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.impact-details{background:rgba(0,0,0,.2);border-radius:8px;padding:.8rem;margin-top:.8rem;border-left:3px solid var(--item-color,#0c6);opacity:0;transition:opacity .3s ease}.impact-details p{margin:.5rem 0;font-size:.9rem;color:rgba(255,255,255,.9)}.impact-details strong{color:var(--item-color,#0c6)}.progress-container{margin-top:1rem;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.progress-bar{height:8px;border-radius:4px;margin-top:.5rem;transition:width 1s ease;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.timeline-legend{margin-top:4rem;text-align:center}.timeline-legend h3{font-size:1.8rem;font-weight:700;margin-bottom:2rem;color:#fff;text-transform:uppercase;letter-spacing:2px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;max-width:800px;margin:0 auto}.metric-item{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.metric-item:hover{background:rgba(255,255,255,.1);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.metric-item:hover .metric-number{text-shadow:0 0 15px #0c6;transform:scale(1.05);transition:all .3s ease}.metric-number{display:block;font-size:3rem;font-weight:900;color:#ff4d4d;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(255,77,77,.3)}.metric-number::after{content:attr(data-suffix);font-size:1.5rem;font-weight:600;color:#0c6;margin-left:.2rem}.metric-label{font-size:.9rem;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:1px;font-weight:500}@media (max-width:768px){.timeline-line{left:20px;transform:none}.timeline-content{margin-left:60px;margin-right:1rem;padding:1.5rem}.timeline-icon{left:20px;transform:translateX(-50%)}.timeline-title{font-size:1.1rem;line-height:1.3}.timeline-description{font-size:.9rem;line-height:1.5}.timeline-date{font-size:.8rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.metric-item{padding:1.5rem 1rem}.metric-number{font-size:2.5rem}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.timeline-content{margin-left:50px;margin-right:.5rem;padding:1.2rem}.timeline-title{font-size:1rem;line-height:1.2}.timeline-description{font-size:.85rem;line-height:1.4}.timeline-date{font-size:.75rem}.timeline-icon{width:40px;height:40px;font-size:1.1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.timeline-item.loading{animation:pulse 2s infinite}.timeline-content:focus{outline:2px solid var(--item-color,#4ecdc4);outline-offset:2px}@media print{.timeline-line{background:#000}.timeline-content{background:#fff;color:#000;border:1px solid #000}.timeline-icon{background:#000;color:#fff}}.aws-dashboard{margin-top:2rem}.aws-dashboard h3{font-size:1.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .25rem 0}.aws-dashboard .dashboard-subtitle{color:rgba(255,255,255,.8);font-size:.95rem;margin-bottom:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.dashboard-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1rem 1rem 1.25rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.card-header h4{font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-green{background:#28d17c}.status-red{background:#ff4d4d}.card-content{margin-top:.25rem}.cost-summary,.health-metrics,.resource-metrics,.security-checks{display:grid;gap:.75rem}.cost-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-item{display:grid;gap:.25rem}.cost-label{color:rgba(255,255,255,.8);font-size:.85rem}.cost-value{font-weight:800;font-size:1.1rem}.metric{display:flex;align-items:center;gap:.6rem}.metric-icon{display:none}.metric-info{display:grid;gap:.1rem}.metric-label{color:rgba(255,255,255,.8);font-size:.85rem}.metric-value{font-weight:700;font-size:1rem}.security-item{display:flex;align-items:center;gap:.5rem}.check-icon{display:none}.check-label{font-size:.95rem}.health-item{display:flex;align-items:baseline;justify-content:space-between}.health-label{color:rgba(255,255,255,.8);font-size:.85rem}.health-value{font-weight:700;font-size:1rem}.dashboard-card:first-of-type{grid-column:span 6}.dashboard-card:nth-of-type(2){grid-column:span 6}.dashboard-card:nth-of-type(3){grid-column:span 6}.dashboard-card:nth-of-type(4){grid-column:span 6}.dashboard-card canvas{display:none}.dashboard-card canvas.has-data{display:block;margin-top:.75rem}.dashboard-footer{margin-top:1rem;color:rgba(255,255,255,.7)}.dashboard-footer small{font-size:.85rem}@media (max-width:980px){.dashboard-card:first-of-type,.dashboard-card:nth-of-type(2),.dashboard-card:nth-of-type(3),.dashboard-card:nth-of-type(4){grid-column:span 12}}@media (max-width:480px){.aws-dashboard h3{font-size:1.3rem}.card-header h4{font-size:.95rem}}