.autonav-overlay{position:fixed;inset:0;background:rgba(4,6,13,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:11000;opacity:0;pointer-events:none;transition:opacity 0.4s ease;}.autonav-overlay.active{opacity:1;pointer-events:auto;}.autonav-card{background:rgba(10,14,30,0.98);border:1px solid rgba(16,185,129,0.3);border-radius:22px;padding:2.5rem 2.75rem;max-width:480px;width:90%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,0.7),0 0 40px rgba(16,185,129,0.1);transform:scale(0.92) translateY(16px);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);}.autonav-overlay.active .autonav-card{transform:scale(1) translateY(0);}.autonav-success-icon{width:64px;height:64px;border-radius:50%;background:rgba(16,185,129,0.12);border:1.5px solid rgba(16,185,129,0.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.8rem;}.autonav-title{font-family:'Outfit',sans-serif;font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:0.4rem;}.autonav-subtitle{font-size:0.85rem;color:#64748b;line-height:1.5;margin-bottom:1.75rem;}.autonav-dest{display:inline-flex;align-items:center;gap:0.4rem;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);border-radius:8px;padding:0.3rem 0.75rem;font-size:0.78rem;font-weight:700;color:#10b981;margin-bottom:1.75rem;}.autonav-ring-wrap{position:relative;width:80px;height:80px;margin:0 auto 1.5rem;}.autonav-ring-svg{width:80px;height:80px;transform:rotate(-90deg);}.autonav-ring-track{fill:none;stroke:rgba(255,255,255,0.05);stroke-width:4;}.autonav-ring-fill{fill:none;stroke:#10b981;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 0.1s linear;}.autonav-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-size:1.3rem;font-weight:800;color:#fff;}.autonav-ring-sublabel{display:block;font-size:0.52rem;color:#475569;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-top:-2px;font-family:'Inter',sans-serif;}.autonav-btn-cancel{padding:0.7rem 2rem;background:transparent;border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:#64748b;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.18s;}.autonav-btn-cancel:hover{border-color:rgba(239,68,68,0.4);color:#ef4444;background:rgba(239,68,68,0.06);}.autonav-progress-line{width:100%;height:3px;background:rgba(255,255,255,0.04);border-radius:99px;overflow:hidden;margin-bottom:1.5rem;}.autonav-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#38bdf8);border-radius:99px;width:100%;transform-origin:left;transition:transform 0.1s linear;}.rotate-animation{animation:spin 2s linear infinite;}@keyframes spin{100%{transform:rotate(360deg);}}.charts-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr;}}