*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.layout{display:flex;height:100vh}.side{width:280px;background:#1f2733;color:#e6edf3;padding:14px;overflow-y:auto}.side header{display:flex;justify-content:space-between;align-items:center}.side h2{margin:0}.side h3{margin:18px 0 8px;font-size:14px;color:#9fb0c0}.map{flex:1}.legend{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer}.dot{width:14px;height:14px;border-radius:50%;display:inline-block;border:2px solid #fff}.off{padding:3px 0;color:#c0392b}.chat{margin-top:10px}.msgs{background:#11161d;border-radius:6px;padding:8px;max-height:240px;overflow-y:auto}.msg{padding:3px 0;font-size:14px}.msg b{color:#58a6ff}.link{background:none;border:none;color:#58a6ff;cursor:pointer;font-size:13px}.login{max-width:320px;margin:12vh auto;display:flex;flex-direction:column;gap:10px;font-family:system-ui;padding:24px;border:1px solid #ddd;border-radius:10px}.login h1{margin:0}.login p{margin:0 0 10px;color:#666}.login input{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:15px}.login button{padding:10px;background:#1e88e5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px}.err{color:#c0392b;font-size:14px}