.page-root{background:#f3f3f3;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111827;margin:0;-webkit-user-select:none;user-select:none}.loader{display:flex;justify-content:center;align-items:center;height:100vh;gap:1rem}.loader-text{font-size:1.5rem;color:#555}.loader-circle{width:48px;height:48px;border:6px solid #e0e0e0;border-top-color:#d32f2f;border-radius:50%;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-banner{background:#c53030;color:#fff;padding:14px 18px;text-align:center;font-weight:600}.header{height:64px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;box-shadow:0 2px 6px #0000000a}.header-left{display:flex;align-items:center}.header-logo{width:36px;height:36px;object-fit:contain}.app-name{font-size:18px;font-weight:600;color:#d32f2f}.header-center{font-size:16px;font-weight:500;color:#333}.header-right{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#2e7d32}.live-dot{width:10px;height:10px;background-color:#2e7d32;border-radius:50%;animation:pulse 1.2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}to{transform:scale(1);opacity:1}}.alert-banner{background:#c53030;color:#fff;padding:14px 18px;text-align:center;font-weight:600}.alert-banner .alert-title{font-size:16px;margin-bottom:4px}.alert-banner .alert-sub{font-size:13px;opacity:.95}.dashboard{display:grid;grid-template-columns:1fr;gap:18px;padding:16px;max-width:1400px;margin:0 auto}.map-area .map-card{background:transparent;border-radius:12px;overflow:hidden;position:relative;min-height:60vh;box-shadow:0 2px 12px #0f172a0f}.map-canvas{width:100%;height:100%;background:#e6f0ec url(/assets/map-placeholder.png) center/cover no-repeat;border-radius:8px}.fab{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:none;background:#e63946;color:#fff;font-size:18px;box-shadow:0 6px 18px #00000026;cursor:pointer}.map-footer{position:absolute;left:18px;bottom:10px;font-size:12px;color:#6b7280;background:#ffffffe6;padding:6px 10px;border-radius:8px}.sidebar{display:block}.sidebar-inner{position:sticky;top:84px}.user-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 6px 20px #0206170a}.user-row{display:flex;gap:12px;align-items:center}.avatar{width:68px;height:68px;border-radius:50%;object-fit:cover}.user-name{font-weight:700;font-size:18px}.user-phone{color:#6b7280;margin-top:4px}.status-bar{display:flex;gap:12px;margin-top:14px;background:#f8fafc;padding:10px;border-radius:8px}.status-item{flex:1}.status-label{font-size:12px;color:#9ca3af}.status-value{font-weight:600;margin-top:3px}.btn{width:100%;padding:12px;border-radius:10px;border:none;font-size:15px;margin-top:10px;cursor:pointer}.btn-call{background:#10b981;color:#fff}.btn-msg{background:#2563eb;color:#fff}.btn-neutral{background:#f3f4f6;color:#111827;font-weight:600}.recent-updates.card{background:#fff;padding:14px;border-radius:12px;box-shadow:0 6px 20px #0206170a}.recent-updates h4{margin:0 0 10px}.update-row{margin-bottom:10px;color:#374151}.update-time{font-size:13px;color:#9ca3af}.update-address{margin-top:4px}.distance-chip{background:#fff;padding:10px;border-radius:8px;font-weight:600;text-align:center;margin-top:10px;box-shadow:0 2px 8px #0000000a}.sidebar-note{margin-top:14px;font-size:12px;color:#9ca3af}@media(min-width:900px){.dashboard{grid-template-columns:1fr 360px;align-items:start;gap:24px;padding:20px}.map-area .map-card{min-height:calc(100vh - 1px)}}@media(min-width:1200px){.dashboard{grid-template-columns:1fr 380px;padding:30px}.map-area .map-card{min-height:calc(100vh - 180px)}}