*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#1e293b;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 4px #0000000d;position:sticky;top:0;z-index:100;gap:8px;flex-wrap:wrap}.topbar__brand{display:flex;align-items:center;gap:10px}.topbar__logo{width:34px;height:34px;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar__logo-inner{width:14px;height:14px;border:2.5px solid #fff;border-radius:50%}.topbar__title{font-size:.95rem;font-weight:700;color:#0f172a}.topbar__sub{font-size:.7rem;color:#64748b;margin-top:1px;display:none}.topbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar__fall-banner{background:#fef2f2;border:1.5px solid #FCA5A5;color:#dc2626;font-size:.72rem;font-weight:600;padding:5px 10px;border-radius:8px;animation:flash-red 1s ease infinite}@keyframes flash-red{0%,to{opacity:1}50%{opacity:.5}}.status-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:.75rem;font-weight:600}.status-pill--live{background:#f0fdf4;color:#16a34a}.status-pill--offline{background:#fef2f2;color:#dc2626}.status-pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill--live .status-pill__dot{animation:status-blink 1.5s ease infinite}@keyframes status-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.dashboard{flex:1;padding:12px;display:flex;flex-direction:column;gap:12px;max-width:1440px;width:100%;margin:0 auto}.vitals-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vital-card{background:#fff;border-radius:16px;padding:16px 14px 14px;box-shadow:0 2px 10px #0000000f;border:1px solid #F1F5F9;transition:box-shadow .3s ease,transform .2s ease;position:relative;overflow:hidden}.vital-card--warning{border-color:#fca5a5;background:snow;box-shadow:0 0 0 3px #ef444414,0 2px 10px #ef44441f}.vital-card__title{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.vital-card__arc-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.vital-card__arc{width:100%;max-width:160px}.vital-card__val-wrap{position:absolute;bottom:2px;display:flex;align-items:baseline;gap:2px}.vital-card__value{font-size:2rem;font-weight:700;line-height:1;transition:color .3s}.vital-card__unit{font-size:.8rem;font-weight:500;color:#94a3b8}.vital-card__alert-badge{margin-top:8px;display:inline-block;background:#fef2f2;color:#dc2626;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.04em}@keyframes value-flash{0%{opacity:1}25%{opacity:.2}50%{opacity:1}}.value-flash{animation:value-flash .4s ease}.status-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-card{border-radius:16px;padding:16px;border:1px solid #F1F5F9;box-shadow:0 2px 10px #0000000d}.activity-card__title{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.activity-card__body{display:flex;align-items:center;gap:16px}.motion-bars{display:flex;align-items:flex-end;gap:4px;height:40px;flex-shrink:0}.motion-bar{width:8px;border-radius:4px;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes bar-bounce{0%{transform:scaleY(.6)}to{transform:scaleY(1.2)}}.activity-card__info{display:flex;flex-direction:column;gap:3px}.activity-card__label{font-size:1.15rem;font-weight:700}.activity-card__desc{font-size:.75rem;color:#64748b}.activity-card__mag{font-size:.7rem;color:#94a3b8;margin-top:3px}.fall-card{background:#fff;border-radius:16px;padding:16px;border:1.5px solid #F1F5F9;box-shadow:0 2px 10px #0000000d;transition:border-color .3s,box-shadow .3s}.fall-card--active{border-color:#fca5a5;box-shadow:0 0 0 3px #ef44441a,0 2px 14px #ef444426}@keyframes fall-pulse-anim{0%{box-shadow:0 0 0 3px #ef44441a}50%{box-shadow:0 0 0 9px #ef444438}to{box-shadow:0 0 0 3px #ef44441a}}.fall-pulse{animation:fall-pulse-anim .8s ease 3}.fall-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:6px}.fall-card__title{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.fall-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#f0fdf4;color:#15803d;font-size:.72rem;font-weight:700;white-space:nowrap}.fall-indicator--alert{background:#fef2f2;color:#dc2626}.fall-indicator__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.fall-indicator--alert .fall-indicator__dot{animation:status-blink .6s ease infinite}.fall-log{display:flex;flex-direction:column;gap:7px;max-height:140px;overflow-y:auto;-webkit-overflow-scrolling:touch}.fall-log__empty{font-size:.8rem;color:#94a3b8;text-align:center;padding:16px 0}.fall-log__entry{display:flex;align-items:center;gap:8px;padding:7px 9px;background:#fef2f2;border-radius:10px;border:1px solid #FECACA}.fall-log__badge{background:#dc2626;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:5px;white-space:nowrap}.fall-log__detail{display:flex;flex-direction:column;gap:1px}.fall-log__time{font-size:.75rem;font-weight:600;color:#374151}.fall-log__coords{font-size:.68rem;color:#6b7280}.charts-row{display:grid;grid-template-columns:1fr;gap:12px}.live-chart{background:#fff;border-radius:16px;padding:14px 14px 10px;box-shadow:0 2px 10px #0000000d;border:1px solid #F1F5F9}.live-chart__title{font-size:.78rem;font-weight:600;color:#475569;margin-bottom:8px}.chart-tooltip{background:#1e293b;border-radius:8px;padding:5px 10px;box-shadow:0 4px 12px #0003}.chart-tooltip__time{font-size:.65rem;color:#94a3b8}.chart-tooltip__val{font-size:.85rem;font-weight:700;color:#f1f5f9}.gps-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #0000000d;border:1px solid #F1F5F9;display:flex;flex-direction:column;gap:10px}.gps-card__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.gps-card__title{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.gps-badge{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:600;background:#f1f5f9;color:#64748b}.gps-badge--active{background:#f0fdf4;color:#16a34a}.gps-badge--active .gps-badge__dot{animation:status-blink 1.5s ease infinite}.gps-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.gps-coords{font-size:.78rem;color:#475569;font-weight:500;letter-spacing:.02em}.gps-map-wrap{height:260px;border-radius:12px;overflow:hidden;border:1px solid #E2E8F0}@keyframes map-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(2.4);opacity:0}}.footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-top:1px solid #E2E8F0;font-size:.68rem;color:#94a3b8;flex-wrap:wrap;gap:4px}@media (min-width: 600px){.topbar{padding:12px 20px}.topbar__title{font-size:1rem}.topbar__sub{display:block}.topbar__logo{width:38px;height:38px}.dashboard{padding:16px 20px;gap:16px}.vitals-row{grid-template-columns:repeat(3,1fr);gap:16px}.status-row{gap:16px}.charts-row{grid-template-columns:repeat(2,1fr);gap:16px}.vital-card{padding:20px 18px 16px;border-radius:18px}.vital-card__value{font-size:2.2rem}.vital-card__arc{max-width:170px}.activity-card,.fall-card{padding:18px 20px;border-radius:18px}.gps-card{padding:20px;border-radius:18px}.live-chart{border-radius:18px}.gps-map-wrap{height:320px}}@media (min-width: 1024px){.topbar{padding:16px 28px}.topbar__title{font-size:1.125rem}.topbar__logo{width:42px;height:42px;border-radius:12px}.dashboard{padding:24px 28px;gap:20px}.vitals-row,.status-row{gap:20px}.charts-row{grid-template-columns:repeat(3,1fr);gap:20px}.vital-card{padding:24px 20px 20px;border-radius:20px}.vital-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.vital-card__value{font-size:2.4rem}.vital-card__arc{max-width:180px}.activity-card,.fall-card{padding:22px 24px;border-radius:20px}.gps-card{padding:22px 24px;border-radius:20px;gap:12px}.live-chart{padding:18px 20px 12px;border-radius:20px}.gps-map-wrap{height:380px}.fall-log{max-height:160px}.footer{padding:14px 28px;font-size:.75rem}}