*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f7;color:#1d1d1f}.container{max-width:1200px;margin:0 auto;padding:24px}.navbar{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #D2D2D7;padding:16px 0}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:22px;font-weight:700;color:#1d1d1f;text-decoration:none}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0051d5}.btn-secondary{background:#e8e8ed;color:#1d1d1f}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:500}.form-control{width:100%;padding:12px;border:1px solid #D2D2D7;border-radius:6px;font-size:14px}.form-control:focus{outline:none;border-color:#007aff}#map{width:100%;height:600px;border-radius:12px;background:#fff}.device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.device-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a;cursor:pointer;border:2px solid transparent;transition:all .3s}.device-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.device-card.active{border-color:#007aff}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:#34c759}.status-dot.offline{background:#86868b}.toast{position:fixed;top:80px;right:24px;background:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 8px 32px #0000001f;z-index:1000;animation:slideIn .3s ease}.toast-success{border-left:4px solid #34C759}.toast-error{border-left:4px solid #FF3B30}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.time-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.time-preset-btn{padding:8px 16px;border:1px solid #D2D2D7;background:#fff;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.time-preset-btn:hover{background:#f5f5f7;border-color:#007aff}.time-preset-btn.active{background:#007aff;color:#fff;border-color:#007aff}.time-inputs{display:flex;gap:12px;align-items:center}.time-inputs input{flex:1;min-width:200px}.time-display{font-size:13px;color:#86868b;margin-top:8px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.latest-marker{animation:pulse 2s ease-in-out infinite}.trajectory-points-list{scrollbar-width:thin;scrollbar-color:#D2D2D7 transparent}.trajectory-points-list::-webkit-scrollbar{width:6px}.trajectory-points-list::-webkit-scrollbar-track{background:transparent}.trajectory-points-list::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:3px}.trajectory-point-item{background:#f5f5f7;border:2px solid transparent;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s;position:relative}.trajectory-point-item:hover{background:#e8e8ed;border-color:#007aff;transform:translate(-4px)}.trajectory-point-item.active{background:#e8f4ff;border-color:#007aff}.trajectory-point-item.latest{background:#e8f8f0;border-color:#34c759}.trajectory-point-item.latest:hover{background:#d8f0e8}.trajectory-point-item.latest:before{content:"📍";position:absolute;top:8px;right:8px;font-size:12px}.point-index{display:inline-block;width:24px;height:24px;background:#007aff;color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:12px;font-weight:600;margin-right:8px}.trajectory-point-item.latest .point-index{background:#34c759}.point-time{font-size:13px;color:#1d1d1f;font-weight:500;margin-bottom:4px}.point-coords{font-size:11px;color:#86868b;margin-bottom:2px}.point-address{font-size:12px;color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.point-speed{font-size:11px;color:#34c759;margin-top:4px}.point-error{font-size:12px;color:#ff3b30;margin-top:4px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:24px;width:400px;max-width:90%}