:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:#f0f0f0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.app-container{min-height:100vh;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:20px;display:flex;position:relative}.status-card{color:#333;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.status-card.alert-card{border:2px solid #d32f2f}.error-row{color:#d32f2f;align-items:center;gap:8px;margin-bottom:16px;font-weight:500;display:flex}.header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.user-name{color:#333;font-size:1.25em}.status-badge{text-align:right}.status-badge span{text-transform:uppercase;color:#fff;border-radius:20px;padding:6px 12px;font-size:.8em;font-weight:700;display:inline-block}.badge-live{background:#2196f3}.badge-success{background:#4caf50}.badge-ended{background:#757575}.status-time{margin-top:4px;font-size:.75em;font-weight:600}.metrics-row{background:#f8f9fa;border-radius:12px;justify-content:space-between;margin-bottom:16px;padding:16px;display:flex}.metric-item{flex-direction:column;flex:1;align-items:center;display:flex}.center-metric{border-left:1px solid #eee;border-right:1px solid #eee}.metric-value{color:#2c3e50;font-size:1.3em;font-weight:800;line-height:1.2}.metric-label{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.7em}.context-row{text-align:center;margin-bottom:12px}.traffic-badge{font-size:.9em;font-weight:500}.trip-note{color:#856404;text-align:center;background:#fff3cd;border-radius:8px;margin-bottom:24px;padding:12px;font-size:.95em;font-style:italic}.action-buttons{flex-direction:column;gap:12px;margin-top:24px;display:flex}.map-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1em;font-weight:600;transition:transform .1s,box-shadow .1s;display:flex}.map-btn:active{transform:scale(.98)}.map-btn.primary{color:#fff;background:#2196f3;box-shadow:0 4px 12px #2196f34d}.map-btn.primary:hover{background:#1e88e5}.secondary-actions{gap:12px;display:flex}.map-btn.secondary{color:#555;background:#fff;border:1px solid #ddd;padding:12px;font-size:.9em}.map-btn.secondary:hover{background:#f5f5f5;border-color:#ccc}.lang-toggle{color:#666;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:20px;margin-top:24px;padding:6px 12px;font-size:.8em}.brand-footer{color:#aaa;margin-top:auto;padding-top:20px;font-size:.75em}.centered{color:#666;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}